#demo-dialog{box-sizing:border-box;width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:clamp(20px,3vw,38px);border:1px solid #cad8cf;border-radius:4px;background:#f7f8ef;color:#09241b;overflow-y:auto;box-shadow:0 35px 130px #001b15a6}
#demo-dialog::backdrop{background:#00150ed9;backdrop-filter:blur(9px)}
#demo-dialog *{box-sizing:border-box}
#demo-dialog button{cursor:pointer;font:inherit}
#demo-dialog button:focus-visible{outline:3px solid #00a895;outline-offset:4px}
#demo-dialog [data-close-demo]{position:sticky;top:0;z-index:5;display:block;width:44px;height:44px;margin:0 0 -44px auto;border:1px solid #b5cabc;border-radius:50%;background:#f7f8ef;color:#09241b;font:27px/1 sans-serif}
#demo-title{max-width:calc(100% - 60px);margin:12px 0 22px;font-size:clamp(25px,3.5vw,42px);line-height:1.1;letter-spacing:-.035em}
#demo-description{max-width:78ch;font-size:clamp(15px,1.5vw,17px);line-height:1.65;color:#4b6156;margin:20px 0}
#demo-step-label{font-family:monospace;font-size:12px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:#057e6d}
#demo-progress{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
#demo-dialog [data-demo-prev],#demo-dialog [data-demo-next]{min-height:44px;border:1px solid #9bb8a8;padding:11px 16px;border-radius:3px;font-size:13px;background:transparent;color:#09241b}
#demo-dialog [data-demo-next]{background:#0a3026;border-color:#0a3026;color:#f7f8ef}
#demo-dialog [data-demo-prev]:disabled{cursor:default;opacity:.4}
.demo-disclosure{margin:0 0 12px;font:10px/1.6 monospace;letter-spacing:.14em;color:#5d7569}
.demo-browser{border:1px solid #b9cfc2;border-radius:6px;overflow:hidden;box-shadow:0 14px 35px #073a2410}
.demo-browser-bar{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid #b9cfc2;background:#e7eee5;color:#476456;font:10px/1.6 monospace;letter-spacing:.1em}
.demo-browser-bar>.demo-tag{margin-left:auto;font-size:9px;background:#d4e2d7;color:#456152;white-space:nowrap}
.demo-browser-dots{display:flex;gap:5px;flex:none}.demo-browser-dots i{width:6px;height:6px;background:#6c8b7b;border-radius:50%}
.demo-browser-body{background:#092a21}
.demo-two-columns{display:grid;grid-template-columns:1fr 1fr;min-width:0}
.demo-panel{min-width:0;padding:clamp(24px,3vw,38px);background:#092a21;color:#f0f7ed}
.demo-panel--light{background:#edf2e8;color:#123b2b}
.demo-eyebrow{display:block;font:10px/1.7 monospace;letter-spacing:.14em;color:#70d2b9}
.demo-panel--light .demo-eyebrow{color:#18846d}
.demo-panel h3,.demo-orchestrator h3{font-size:clamp(24px,3.2vw,36px);font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:18px 0 20px;text-wrap:balance}
.demo-panel p,.demo-orchestrator p{color:#aac6b8;font-size:15px;line-height:1.65;margin:16px 0}
.demo-panel--light p{color:#526c5f}
.demo-panel blockquote{margin:24px 0;font-size:clamp(19px,2.4vw,25px);line-height:1.55;letter-spacing:-.02em;color:#e8f3e8}
.demo-tag{display:inline-block;font:10px/1.5 monospace;padding:6px 9px;border:1px solid #64807170;border-radius:3px;color:inherit;letter-spacing:.04em}
.demo-tag--mint{color:#7fe3c5;border-color:#5ac9a96b;background:#409d7e16}
.demo-tag--amber{color:#f0d18d;border-color:#a38b4e;background:#b4934312}
.demo-person{display:flex;gap:12px;align-items:center;margin-top:30px}.demo-person>span{display:grid;place-items:center;width:43px;height:43px;background:#1f5743;border:1px solid #387960;border-radius:50%;font:12px monospace;color:#b9f1ce}
.demo-person strong,.demo-person small{display:block}.demo-person strong{font-size:13px}.demo-person small{font-size:11px;color:#9cb5a9;margin-top:5px}
.demo-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #9cb6a830;min-width:0;font-size:13px;line-height:1.5}
.demo-row>div{min-width:0}.demo-row-label{display:block;color:#a9c2b5}.demo-panel--light .demo-row-label{color:#557363}.demo-row strong{text-align:right;max-width:55%;font-size:13px;font-weight:500;overflow-wrap:break-word}.demo-row small{display:block;font-size:11px;margin-top:5px}
.demo-state{display:flex;gap:12px;align-items:center;padding:16px;margin-top:24px;background:#d8eadd;border:1px solid #b5d4bd;border-radius:4px}.demo-state>span{font-size:24px;color:#18754b}.demo-state strong,.demo-state small{display:block}.demo-state strong{font-size:13px}.demo-state small{font-size:11px;line-height:1.5;margin-top:5px;color:#476854}
.demo-dashboard{display:grid;grid-template-columns:.9fr 1.3fr;min-width:0}
.demo-request{margin-top:28px;border-top:1px solid #43806780;padding-top:22px;font:11px/1.5 monospace;color:#83c5a8}.demo-request strong{display:block;font:16px/1.5 sans-serif;color:#e8f3e8;margin-top:8px}
.demo-process-list{display:grid;gap:0;padding:18px 28px;background:#edf2e8}.demo-process-list>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:15px;align-items:start;padding:22px 0;border-bottom:1px solid #c8d6c9}.demo-process-list>div:last-child{border-bottom:0}.demo-process-list>div>span:first-child{font:12px/1.6 monospace;color:#288467}.demo-process-list strong{font-size:15px;color:#163d2d}.demo-process-list p{font-size:13px;line-height:1.6;color:#617267;margin:8px 0 0}.demo-process-list .demo-tag--mint{color:#25714c;background:#dce9dd;border-color:#bdcfbe;font-size:9px}
.demo-complete{display:grid;place-items:center;width:75px;height:75px;background:#174b39;border:1px solid #3c8c68;border-radius:50%;font:40px/1 sans-serif;color:#91e5ac;margin:22px 0}
.demo-timeline{list-style:none;padding:0;margin:0}.demo-timeline li{position:relative;padding:4px 0 24px 26px;border-left:1px solid #b4cfbd}.demo-timeline li:last-child{border-color:transparent;padding-bottom:4px}.demo-timeline li::before{content:'';position:absolute;left:-5px;top:8px;width:9px;height:9px;border-radius:50%;background:#1c8a62;border:2px solid #edf2e8}.demo-timeline strong,.demo-timeline span{display:block}.demo-timeline strong{font-size:14px;line-height:1.5;font-weight:600}.demo-timeline span{font-size:12px;line-height:1.6;color:#5a7364;margin-top:4px}.demo-timeline-pending::before{background:#b28d43!important}
.demo-panel .demo-small{font-size:12px;line-height:1.65;color:#8faf9e;margin-top:24px}.demo-panel--light .demo-small{color:#5c7767}
.demo-task-id{margin-top:28px;font:10px/1.6 monospace;letter-spacing:.12em;color:#83c5a8}
.demo-orchestration{padding:clamp(24px,3vw,38px)}.demo-orchestrator{color:#eaf6e8;margin-bottom:26px;max-width:620px}.demo-orchestrator h3{margin-top:20px}.demo-orchestrator p{max-width:53ch}
.demo-agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-agent-grid>.demo-panel{padding:24px;background:#123f2f;border:1px solid #34634a;border-radius:4px}.demo-agent-grid h3{font-size:24px;margin:15px 0}.demo-agent-grid p{font-size:13px}.demo-agent-grid .demo-tag{margin-top:14px;font-size:9px}
.demo-approval-mark{color:#83e6c2;font-size:55px;line-height:1;margin:22px 0}.demo-static-control{margin-top:22px;padding:14px 18px;border:1px dashed #688a75;color:#aac6b8;font:11px/1.5 monospace}
.demo-content-chips{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 6px}.demo-content-chips span{border:1px solid #3e735c;background:#174331;border-radius:3px;padding:10px 13px;font-size:12px;color:#c1ddcb;line-height:1.5}
.demo-panel .demo-large-copy{font-size:clamp(17px,2vw,23px);max-width:45ch}
.demo-progress-button{min-width:44px;min-height:44px;border:1px solid #becfc3;background:transparent;color:#4c6756;padding:9px;font:11px monospace!important;border-radius:3px}
.demo-progress-button.is-active{background:#d6e9dc;border-color:#74a189;color:#06452c}
@media(max-width:700px){#demo-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:18px}#demo-title{max-width:calc(100% - 30px);margin-top:10px;font-size:28px}.demo-two-columns,.demo-dashboard{grid-template-columns:1fr}.demo-browser-bar{padding:12px;gap:9px;font-size:9px;letter-spacing:.04em}.demo-browser-dots{display:none}.demo-browser-bar>.demo-tag{font-size:8px;padding:4px}.demo-panel{padding:24px}.demo-panel h3{font-size:28px}.demo-agent-grid{grid-template-columns:1fr}.demo-agent-grid>.demo-panel{padding:22px}.demo-agent-grid h3{font-size:24px}.demo-orchestration{padding:24px}.demo-process-list{padding:8px 24px}.demo-process-list>div{grid-template-columns:22px minmax(0,1fr);gap:12px}.demo-process-list>div>.demo-tag{grid-column:2;justify-self:start}.demo-disclosure{font-size:9px;letter-spacing:.08em}#demo-description{font-size:15px}#demo-step-label{font-size:10px;letter-spacing:.05em}.demo-row{font-size:12px}.demo-row strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){#demo-dialog *,#demo-dialog *::before,#demo-dialog *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:700px){#demo-title{max-width:calc(100% - 56px)}#demo-dialog .demo-modal-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 10px;margin-top:22px}#demo-dialog .demo-modal-controls>div{grid-column:1/-1;grid-row:1;min-width:0;text-align:left}#demo-progress{margin-top:10px;justify-content:flex-start}#demo-dialog [data-demo-prev],#demo-dialog [data-demo-next]{width:100%;padding:11px 10px;font-size:12px;line-height:1.5}}