.demo-page{--demo-border:#0002}.demo-wrap{width:min(1440px,100% - 64px);margin-inline:auto}.demo-header{border-bottom:1px solid var(--demo-border);justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.demo-header img{width:158px}.demo-header nav{background:var(--white);border-radius:32px;gap:6px;padding:5px;display:flex}.demo-header nav a{border-radius:24px;padding:12px 18px;font-size:12px}.demo-header nav a[aria-current]{background:var(--carbon);color:var(--white)}.studio-back,.demo-footer a{align-items:center;gap:12px;min-height:44px;font-size:12px;display:inline-flex}.demo-hero{grid-template-columns:1.2fr 1fr;align-items:end;gap:48px;padding:64px 0 48px;display:grid}.demo-hero h1{font-size:clamp(64px,6.8vw,100px)}.demo-hero .eyebrow{margin-bottom:20px}.demo-hero p:not(.eyebrow){max-width:480px;font-size:15px}.demo-hero .demo-description{margin-bottom:18px}.demo-hero .demo-caption{color:var(--graphite);font-size:12px!important}.demo-ribbon{background:var(--carbon);color:var(--white);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;font-size:12px;display:flex}.demo-ribbon strong{color:var(--mint);font-weight:500}.demo-ribbon button{color:var(--white);background:0 0;border:1px solid #fff7;border-radius:4px;min-height:44px;padding:10px 14px}.demo-shell{background:var(--white);border-radius:0 0 12px 12px;overflow:clip}.demo-page button,.demo-page a{touch-action:manipulation}.demo-page button{transition:background .18s,color .18s}.demo-page button:hover{background:var(--canvas);color:var(--carbon)}.demo-page button:disabled{cursor:not-allowed;opacity:.5}.demo-page label{font-size:12px;line-height:1.5;display:block}.demo-page input,.demo-page select,.demo-page textarea{background:var(--white);width:100%;min-height:44px;color:var(--carbon);border:1px solid #0005;border-radius:4px;margin-top:7px;padding:10px 12px;font-size:14px;display:block}.demo-page textarea{resize:vertical;min-height:100px}.demo-page h2{letter-spacing:-.04em;font-size:28px;font-weight:500}.demo-page h3{letter-spacing:-.025em;font-size:17px;font-weight:500}.demo-page .display{font-weight:700}.demo-small{color:var(--graphite);font-size:12px;line-height:1.6}.demo-muted{color:var(--graphite)}.demo-button{border:1px solid var(--carbon);background:var(--carbon);min-height:44px;color:var(--white);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:inline-flex}.demo-button.secondary{color:var(--carbon);background:0 0}.demo-link{text-underline-offset:4px;text-align:left;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:12px;text-decoration:underline}.demo-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.demo-toolbar p{margin-top:6px}.demo-notice{border-left:3px solid var(--carbon);background:var(--canvas);margin:20px 0;padding:14px 18px;font-size:12px}.demo-notice:empty{display:none}.demo-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:40px;font-size:11px;display:flex}.demo-footer p{max-width:490px}.demo-footer small{width:100%;color:var(--graphite)}.demo-table-wrap{border-top:1px solid var(--demo-border);max-width:100%;overflow:auto}.demo-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.demo-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--graphite);font-size:9px;font-weight:400}.demo-table th,.demo-table td{border-bottom:1px solid var(--demo-border);vertical-align:top;padding:16px 12px}.demo-table th:first-child,.demo-table td:first-child{padding-left:0}.demo-table td{line-height:1.5}.demo-table strong{font-weight:500}.demo-table small{color:var(--graphite);margin-top:5px;display:block}.demo-table select{min-width:128px;margin:0;font-size:12px}.demo-status{font-family:var(--font-mono);background:var(--canvas);white-space:nowrap;padding:4px 7px;font-size:10px;display:inline-block}.demo-status.done{background:var(--mint)}.demo-status.late{background:var(--carbon);color:var(--white)}.demo-list{list-style:none}.demo-list li{border-bottom:1px solid var(--demo-border);padding:16px 0;font-size:13px;line-height:1.6}.demo-list small{color:var(--graphite);margin-top:5px;font-size:11px;display:block}.demo-empty{text-align:center;background:var(--canvas);padding:36px 20px;font-size:14px}.demo-dialog{background:var(--canvas);border:0;border-radius:16px;width:min(600px,100% - 32px);max-height:calc(100dvh - 32px);padding:32px}.demo-dialog::backdrop{background:#0009}.demo-dialog h2{margin-bottom:24px}.demo-dialog form{gap:18px;display:grid}.demo-dialog .form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.demo-source{border-top:1px solid var(--demo-border);margin-top:20px;padding-top:16px}.demo-source summary{min-height:44px;padding:10px 0;font-size:12px}.demo-source pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--canvas);margin:8px 0;padding:16px;font-size:11px;line-height:1.7}@media (prefers-reduced-motion:no-preference){.demo-enter{animation:.28s ease-out both demo-enter}@keyframes demo-enter{0%{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}}@media (width<=1000px){.demo-header{flex-wrap:wrap}.demo-header nav{order:3;justify-content:center;width:100%}.demo-hero{gap:32px}}@media (width<=680px){.demo-wrap{width:calc(100% - 32px)}.demo-header{gap:16px;padding-block:16px}.demo-header img{width:130px}.demo-header nav a{padding:12px;font-size:11px}.demo-hero{grid-template-columns:1fr;gap:24px;padding:40px 0 32px}.demo-hero h1{font-size:64px}.demo-ribbon{align-items:flex-start;padding:16px}.demo-ribbon p{max-width:220px}.demo-dialog{padding:24px}.demo-dialog .form-grid{grid-template-columns:1fr}.demo-page input,.demo-page select,.demo-page textarea{font-size:16px}.demo-table{min-width:580px}.demo-footer{display:block}.demo-footer a{margin-block:16px}.demo-footer small{display:block}.studio-back{gap:6px;font-size:11px}}.ops-metrics{border-block:1px solid var(--demo-border);grid-template-columns:repeat(3,1fr);margin-bottom:36px;display:grid}.ops-metrics>div{border-right:1px solid var(--demo-border);padding:24px}.ops-metrics>div:first-child{padding-left:0}.ops-metrics>div:last-child{border:0}.ops-metrics .display{font-size:64px;display:block}.ops-metrics p{margin-top:12px;font-size:12px}.ops-overview-grid{grid-template-columns:1fr 1fr;gap:36px;display:grid}.ops-activity{margin-top:36px}.ops-customer-select{max-width:360px;margin-bottom:28px}.customer-dossier{background:var(--canvas);border-radius:8px;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;padding:28px;display:grid}.customer-dossier h3{margin-block:12px;font-size:24px}.customer-dossier p{margin-top:8px;font-size:13px}.customer-dossier .eyebrow{font-size:9px}.ops-filters{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.report-total{margin-bottom:20px;font-size:12px}.import-surface{background:var(--canvas);border-radius:8px;padding:32px}.import-surface h3{margin:16px 0;font-size:28px}.import-surface>.demo-button{margin-top:20px}.import-file{margin:32px 0 16px}.import-surface li{margin-left:20px;font-size:12px}.export-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}@media (width<=680px){.ops-metrics>div{padding:20px 10px}.ops-metrics .display{font-size:48px}.ops-metrics p{font-size:11px}.ops-overview-grid,.customer-dossier{grid-template-columns:1fr;gap:24px}.ops-filters{grid-template-columns:1fr 1fr}.customer-dossier,.import-surface{padding:20px}.ops-filters label:first-child{grid-column:1/-1}}.assistant-shell{grid-template-columns:220px minmax(0,1fr) 290px;display:grid}.assistant-workspace-link{color:var(--white);text-underline-offset:4px;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;display:flex}.scenario-rail{border-right:1px solid var(--demo-border);padding:28px 16px}.scenario-rail h2.eyebrow{letter-spacing:.04em;margin:0 12px 24px;font-size:10px;font-weight:400}.scenario-rail nav a{border-radius:6px;gap:12px;margin-bottom:6px;padding:18px 12px;font-size:12px;line-height:1.5;display:flex}.scenario-rail nav a:hover{background:var(--canvas)}.scenario-rail nav a[aria-current]{background:var(--carbon);color:var(--white)}.scenario-rail small{opacity:.8;margin-top:6px;font-size:10px;display:block}.scenario-number{font-family:var(--font-mono);margin-top:2px;font-size:10px}.scenario-rail nav a[aria-current] .scenario-number{color:var(--mint)}.rail-note{margin:40px 12px 0!important;font-size:11px!important}.assistant-conversation{min-width:0;padding:32px}.conversation-heading .eyebrow{margin-bottom:12px;font-size:9px}.conversation-heading h2{margin-bottom:12px;font-size:28px}.conversation-actions{border-block:1px solid var(--demo-border);justify-content:space-between;gap:16px;margin-block:24px;display:flex}.conversation-actions button{font-size:11px}.assistant-message{background:#f3f3f3;border-radius:8px;margin-bottom:20px;padding:24px;font-size:13px;line-height:1.7}.assistant-message>.eyebrow{margin-bottom:18px;font-size:8px}.assistant-message h3{margin-bottom:16px;font-size:22px}.assistant-message p+p{margin-top:12px}.assistant-message ul{margin-block:16px;padding-left:18px}.assistant-message li+li{margin-top:10px}.answer-gap{border-left:2px solid var(--carbon);margin-top:20px;padding-left:14px}.answer-gap strong,.answer-next strong{font-size:11px;font-weight:500}.answer-gap p{font-size:12px}.answer-next{margin-top:20px}.answer-sources{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.answer-sources button{background:var(--white);border:1px solid #0003;border-radius:3px;min-height:36px;padding:8px 10px;font-size:10px}.source-rail{border-left:1px solid var(--demo-border);background:#fafafa;min-width:0;padding:32px 24px}.source-rail>.eyebrow{margin-bottom:16px;font-size:9px}.source-rail h2{margin-bottom:12px;font-size:25px}.source-rail summary{font-size:11px}.source-kind{font-family:var(--font-mono);margin-bottom:12px;font-size:9px}.source-footnote{margin-top:28px;font-size:10px!important}.source-rail pre{max-height:420px;overflow:auto}.user-message{background:var(--carbon);color:var(--white);overflow-wrap:anywhere;border-radius:8px;margin:24px 0 20px 32px;padding:18px 22px;font-size:13px}.user-message .eyebrow{color:var(--mint);margin-bottom:8px;font-size:9px}.suggested-questions{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.suggested-questions button{text-align:left;border:0;border-bottom:1px solid var(--demo-border);background:0 0;justify-content:space-between;gap:16px;min-height:44px;padding:12px 0;font-size:12px;display:flex}.composer{align-items:stretch;gap:8px;margin:8px 0 12px;display:flex}.composer textarea{min-height:84px;margin:0}.composer button{align-self:stretch;min-width:66px}.assistant-conversation form>.demo-small{font-size:10px}.comparison{border-bottom:1px solid var(--demo-border);margin-bottom:24px;padding-bottom:24px}.comparison-note{margin-bottom:16px;font-size:10px}.comparison-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.comparison-pair article{background:var(--canvas);border-radius:6px;padding:18px;font-size:12px;line-height:1.6}.comparison-pair article:last-child{background:var(--mint)}.comparison-pair .eyebrow{margin-bottom:12px;font-size:8px}.comparison-pair h3{margin-bottom:12px;font-size:17px}.comparison-pair p+p{margin-top:12px}.comparison-pair ul{margin:12px 0;padding-left:16px}.comparison-pair li{margin-bottom:8px}@media (width<=1200px){.assistant-shell{grid-template-columns:195px minmax(0,1fr)}.source-rail{border-top:1px solid var(--demo-border);border-left:0;grid-column:1/-1}.source-rail #source-list{grid-template-columns:1fr 1fr;gap:20px;display:grid}.assistant-conversation{padding:28px}}@media (width<=760px){.assistant-shell{display:block}.scenario-rail{border-right:0;border-bottom:1px solid var(--demo-border);padding:20px 16px}.scenario-rail nav{grid-template-columns:1fr 1fr;gap:4px;display:grid}.scenario-rail nav a{gap:8px;margin:0;padding:12px;font-size:11px}.scenario-rail small{font-size:9px}.scenario-rail h2.eyebrow{margin:0 0 16px}.rail-note{display:none}.assistant-conversation,.source-rail{padding:24px 16px}.source-rail #source-list{display:block}.assistant-message{padding:20px}.conversation-actions{gap:8px}.comparison-pair{grid-template-columns:1fr}.composer{display:block}.composer button{width:100%;margin-top:8px}.user-message{margin-left:16px}.assistant-workspace-link{max-width:120px;font-size:11px}.answer-sources button{min-height:44px}}#conversation{position:relative}#conversation.has-followups{scrollbar-gutter:stable;max-height:clamp(360px,70svh,720px);padding:4px;overflow-y:auto}
