.demo-shell{min-height:100vh;font-size:14px}.demo-header{min-height:88px;padding:20px 5vw;display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--border)}.demo-brand{padding:0;border:0;background:none;font:36px var(--serif);color:var(--text);display:flex;align-items:baseline;gap:16px}.demo-brand span{font:10px var(--sans);letter-spacing:.16em;color:var(--text-3)}.demo-tag{margin-left:auto;font-size:11px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);border-radius:20px;padding:7px 12px}.demo-header a{font-size:12px}.demo-landing{max-width:1180px;margin:auto;padding:76px 32px 32px}.demo-eyebrow{font:10px var(--mono);letter-spacing:.12em;color:var(--text-2);margin:0 0 18px}.demo-landing h1{font:56px/1.1 var(--serif);letter-spacing:-.035em;margin:0 0 24px}.demo-lead{max-width:640px;color:var(--text-2);font-size:17px;line-height:1.6}.demo-choices{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:48px}.demo-choice{background:var(--surface);border:1px solid var(--border);padding:30px;text-align:left;color:var(--text);border-radius:8px}.demo-choice:hover{border-color:var(--accent);background:#fff}.demo-index{font:10px var(--mono);color:var(--accent);letter-spacing:.12em}.demo-choice h2{font:29px/1.15 var(--serif);margin:24px 0 16px}.demo-choice p{line-height:1.6;color:var(--text-2);max-width:370px}.demo-choice strong{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:24px;margin-top:28px;color:var(--accent)}.demo-footnote{max-width:760px;font-size:12px;color:var(--text-2);line-height:1.6;margin-top:28px}.demo-workspace{max-width:1280px;margin:auto;padding:40px 32px}.demo-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.demo-title h1{font:34px/1.15 var(--serif);margin:0}.demo-title .demo-eyebrow{margin-bottom:10px}.demo-steps{display:flex;gap:20px;list-style:none;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--border)}.demo-steps li{display:flex;gap:8px;align-items:center;color:var(--text-3);font-size:12px}.demo-steps li span{border:1px solid var(--border);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.demo-steps li.active{color:var(--accent)}.demo-steps li.active span{background:var(--accent);color:white;border-color:var(--accent)}.demo-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;align-items:start}.demo-panel{border:1px solid var(--border);border-radius:8px;padding:28px;background:var(--surface);min-width:0}.demo-panel h2{font:26px/1.2 var(--serif);margin:0 0 16px}.demo-panel p{line-height:1.6}.demo-muted{color:var(--text-2);font-size:12px}.demo-email{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.8 var(--serif);background:#fff;border:1px solid var(--divider);padding:26px;margin:24px 0}.demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.demo-primary,.demo-secondary{border-radius:5px;font-size:12px;padding:12px 16px;border:1px solid var(--border)}.demo-primary{background:var(--accent);border-color:var(--accent);color:white}.demo-primary:hover:not(:disabled){background:var(--accent-hover)}.demo-secondary{background:var(--card);color:var(--text)}.demo-secondary:hover:not(:disabled),.demo-secondary[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.demo-shell button:disabled{opacity:.45}.demo-shell a:focus-visible,.demo-shell button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.demo-panel label{display:grid;grid-gap:8px;gap:8px;font-size:12px;margin:18px 0;color:var(--text-2)}.demo-panel input,.demo-panel select,.demo-panel textarea{width:100%;min-width:0;border:1px solid var(--input-border);border-radius:4px;padding:12px;background:white}.demo-panel textarea{resize:vertical;line-height:1.5}.demo-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.demo-notice{border-radius:6px;border:1px solid var(--amber-border);background:var(--amber-soft);color:var(--amber-text);padding:16px 20px;margin:0 0 22px;line-height:1.5}.demo-notice p{margin:8px 0 0}.demo-notice.success{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.demo-notice.error{background:var(--alert-soft);color:var(--alert);border-color:#edccc8}.demo-panel dl{margin:22px 0;font-size:12px}.demo-panel dl div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--divider);padding:12px 0}.demo-panel dt{color:var(--text-2);flex:0 0 35%}.demo-panel dd{margin:0;text-align:right;overflow-wrap:anywhere}.demo-status{font:11px var(--sans);background:var(--accent-soft);padding:6px 9px;border-radius:20px;color:var(--accent);vertical-align:middle}.demo-order{font-size:20px}.demo-preview{max-width:680px;margin:auto}.demo-note{padding:16px;background:var(--bg);border-left:2px solid var(--accent);margin:20px 0}.demo-metrics{display:grid;grid-template-columns:1fr 1fr 1fr 1.7fr;margin-bottom:24px;background:var(--dark);color:var(--dark-text);border-radius:8px;padding:24px;grid-gap:24px;gap:24px}.demo-metrics div{display:flex;flex-direction:column;gap:8px;font-size:11px}.demo-metrics span{font:32px var(--mono);color:white}.demo-metrics strong{color:white;font-size:16px}.demo-metrics small{line-height:1.5}.demo-metrics-fund span{font-size:24px;overflow-wrap:anywhere}.demo-task{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--border)}.demo-task p{font-size:12px;color:var(--text-2);margin:8px 0 0}.demo-task button{flex-shrink:0}.demo-workspace-footer{display:flex;justify-content:space-between;gap:20px;margin-top:28px;color:var(--text-2);font-size:11px}.demo-workspace-footer button{border:0;padding:0;color:var(--accent);background:none}.demo-entry{border-top:1px solid var(--divider);padding:14px 0}.demo-entry p{margin:0 0 8px;font-size:12px}.demo-entry table{width:100%;border-collapse:collapse;font:11px var(--mono)}.demo-entry td,.demo-entry th{text-align:right;padding:4px 0;border-bottom:1px solid var(--divider)}.demo-entry td:first-child,.demo-entry th:first-child{text-align:left;font-family:var(--sans)}.demo-entry th{color:var(--text-2);font-weight:400}.demo-balance{display:grid;grid-gap:8px;gap:8px}.demo-balance button{display:flex;justify-content:space-between;gap:16px;text-align:left}@media (max-width:1080px){.demo-choices{grid-template-columns:1fr 1fr}}@media (max-width:760px){.demo-header{flex-wrap:wrap;padding:18px 20px;gap:12px}.demo-brand span{display:none}.demo-header a{margin-left:auto}.demo-tag{font-size:10px}.demo-landing,.demo-workspace{padding:32px 20px}.demo-landing h1{font-size:38px}.demo-choices,.demo-columns{grid-template-columns:1fr}.demo-choices{margin-top:30px}.demo-choice,.demo-panel{padding:22px}.demo-title{align-items:flex-start;flex-direction:column}.demo-title h1{font-size:29px}.demo-steps{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.demo-metrics{grid-template-columns:1fr 1fr}.demo-task{align-items:flex-start;flex-direction:column;gap:14px}.demo-fields{grid-template-columns:1fr;gap:0}.demo-panel input,.demo-panel select,.demo-panel textarea{font-size:16px}}.demo-role-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;max-width:900px;margin-top:32px}.demo-role-scope h3{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin:0 0 10px}.demo-role-scope ul{margin:0;padding-left:18px;line-height:1.7}.demo-choice{display:flex;flex-direction:column;justify-content:flex-start;text-decoration:none}.demo-choice p{margin-bottom:28px}.demo-choice strong{margin-top:auto}.demo-link-button{background:none;border:0;padding:0;color:var(--accent);font:inherit;cursor:pointer}@media (max-width:760px){.demo-role-scope{grid-template-columns:1fr}}