*{box-sizing:border-box} [hidden]{display:none!important}
:root{--paper:#f4f3ee;--ink:#202420;--muted:#666b63;--line:#d7d9cf;--accent:#c5ee8c;--mono:'Courier New',monospace;color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.5}button,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}button,a,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,pre:focus-visible{outline:2px solid #277130;outline-offset:3px}svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}p,h1,h2,h3{margin-top:0}a{color:inherit;text-underline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.demo-shell{width:min(1440px,calc(100% - 64px));margin:32px auto}.demo-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:.065em;text-transform:uppercase;margin:0 0 12px}.demo-header h1{font-size:clamp(36px,5vw,66px);font-weight:500;line-height:1.05;letter-spacing:-.065em;margin:0 0 14px}.demo-header p:last-child{margin:0;color:var(--muted)}.demo-header>a{font:12px var(--mono);white-space:nowrap;padding-bottom:6px}.page-note{font:11px/1.6 var(--mono);color:var(--muted);margin:16px 0}
.exhibit{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;height:810px;overflow:hidden}.exhibit-top{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--ink);color:#f4f3ee;font:11px var(--mono);min-height:42px}.exhibit-top>span:first-child{display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5d9d37;flex-shrink:0}.exhibit-top .live-dot{background:var(--accent)}.full-view{display:none}.exhibit-tabs{display:flex;min-height:58px;border-bottom:1px solid var(--line);background:var(--paper)}.exhibit-tabs button{flex:1;border:0;border-right:1px solid var(--line);background:transparent;text-align:left;padding:16px 22px;font-size:14px}.exhibit-tabs button:last-child{border-right:0}.exhibit-tabs button span{font:11px var(--mono);color:var(--muted);margin-right:14px}.exhibit-tabs button[aria-selected=true]{background:#fff;box-shadow:inset 0 3px 0 var(--ink)}.exhibit-tabs button:hover{background:#e9eddf}.view{min-height:0;flex:1;overflow:auto;scrollbar-width:thin}.workspace-view{display:flex;flex-direction:column;overflow:hidden}.view-caption{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:46px;padding:12px 22px;border-top:1px solid var(--line);color:var(--muted);font:11px/1.5 var(--mono)}.view-caption button{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:3px}.workspace-view .view-caption{flex-shrink:0}
.workspace{--app-bg:#fff;--app-nav:#fcfcfc;--app-surface:#fff;--app-subtle:#f7f7f7;--app-selected:#efefef;--app-bubble:#f3f3f3;--app-border:#e8e8e8;--app-strong:#d4d4d4;--app-text:#0d0d0d;--app-muted:#666;--app-focus:#0169cc;display:grid;grid-template-columns:218px minmax(0,1fr);grid-template-rows:36px minmax(0,1fr);flex:1;min-height:0;color:var(--app-text);background:var(--app-bg);font:12px/1.6 Inter,system-ui,sans-serif;position:relative;overflow:hidden;color-scheme:light}.workspace[data-theme=dark]{--app-bg:#181818;--app-nav:#171717;--app-surface:#242424;--app-subtle:#222;--app-selected:#292929;--app-bubble:#1b3d6d;--app-border:#303030;--app-strong:#454545;--app-text:#fff;--app-muted:#a3a3a3;--app-focus:#3a83f7;color-scheme:dark}.workspace button:focus-visible,.workspace select:focus-visible,.workspace textarea:focus-visible{outline-color:var(--app-focus)}.workspace button{color:var(--app-text)}.workspace button:hover:not(:disabled){background:var(--app-selected)}.workspace button{border-color:var(--app-border)}.workspace p{margin-top:0}.workspace.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.workspace.sidebar-collapsed .app-sidebar{visibility:hidden}.workspace.has-panel{grid-template-columns:200px minmax(240px,1fr) minmax(240px,30%)}.workspace.has-panel.sidebar-collapsed{grid-template-columns:0 minmax(240px,1fr) minmax(240px,34%)}
.windowbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:0 10px;border-bottom:1px solid var(--app-border);background:var(--app-subtle);color:var(--app-muted);font-size:10px}.windowbar>div{display:flex;gap:4px}.window-dots{display:flex;gap:6px;width:58px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#d4d4d4}.window-dots i:first-child{background:#eb6c61}.window-dots i:nth-child(2){background:#efbc4a}.window-dots i:nth-child(3){background:#6ac357}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;border-radius:5px;padding:5px}.icon-button svg{width:16px;height:16px}.app-sidebar{background:var(--app-nav);border-right:1px solid var(--app-border);padding:18px 12px 10px;min-width:0;display:flex;flex-direction:column;overflow:hidden}.app-logo{object-fit:contain;width:144px;max-width:100%;height:36px;margin:0 0 22px 5px}.nav-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:left;border-radius:5px;padding:8px;width:100%;min-height:34px}.nav-button span{margin-left:auto;color:var(--app-muted)}.nav-label{font-size:10px;color:var(--app-muted);margin:26px 8px 8px!important}.project-name{display:flex;align-items:center;gap:7px;padding:0 8px;margin-bottom:10px}.project-name span{margin-left:auto}.thread{border:0;background:none;text-align:left;padding:8px 10px 8px 32px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--app-muted)!important;border-radius:5px;font-size:11px}.thread.selected{background:var(--app-selected);color:var(--app-text)!important}.sidebar-bottom{margin-top:auto;padding:18px 7px 0}.signed-in{display:flex;align-items:center;gap:6px;font-size:10px}.sample-note{font-size:10px;color:var(--app-muted);line-height:1.5}.sidebar-bottom .sample-note{display:block;margin-top:5px}
.app-main{min-width:0;min-height:0;display:flex;flex-direction:column}.taskbar{height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--app-border);gap:12px}.taskbar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskbar button{border:1px solid var(--app-border);background:none;display:flex;gap:6px;align-items:center;padding:4px 8px;border-radius:5px;font-size:10px}.taskbar svg{width:14px;height:14px}.task-content{flex:1;overflow:auto;min-height:0;padding:22px 30px}.landing{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:100%;padding:10px 0 24px}.landing-mark{margin-bottom:18px}.landing-mark img{display:block}.workspace[data-theme=dark] .landing-mark img,.workspace[data-theme=dark] .assistant-heading img{filter:invert(1)}.landing h2{font-size:clamp(20px,2.7vw,32px);font-weight:500;letter-spacing:-.055em;line-height:1.2;margin:0 0 14px}.landing>p{color:var(--app-muted);font-size:11px;margin-bottom:20px}.starters{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.starters button{border:1px solid var(--app-border);background:var(--app-surface);padding:7px 10px;border-radius:8px;font-size:10px}.composer{margin:0 28px;border:1px solid var(--app-strong);border-radius:24px;background:var(--app-surface);padding:13px 15px 10px;flex-shrink:0}.composer textarea{width:100%;resize:none;border:0;background:none;color:var(--app-text);padding:0;font:12px/1.6 Inter,system-ui,sans-serif;min-height:44px}.composer textarea::placeholder{color:var(--app-muted)}.composer textarea:focus{outline-offset:1px}.composer-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.model-controls{display:flex;flex-wrap:wrap;gap:4px}.model-controls select{background:var(--app-subtle);color:var(--app-text);border:0;border-radius:6px;padding:5px;font-size:10px;max-width:125px}.send{border:0;border-radius:50%;width:30px;height:30px;background:var(--app-text);color:var(--app-bg)!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.workspace .send:hover:not(:disabled){background:var(--app-muted)}.composer-note{display:flex;justify-content:space-between;gap:8px;margin:8px 30px 13px;color:var(--app-muted);font-size:9px}.conversation{max-width:680px;margin:auto}.user-bubble{background:var(--app-bubble);border-radius:15px 15px 4px 15px;padding:12px 14px;margin:0 0 25px 28px;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-weight:600}.assistant-heading span{font-size:9px;color:var(--app-muted);font-weight:400;margin-left:auto}.conversation>p{font-size:12px;line-height:1.8}.tool-result{border:1px solid var(--app-border);border-radius:8px;padding:12px;background:var(--app-subtle)}.tool-result>span{display:flex;gap:6px;align-items:center;font-size:11px}.tool-result svg{width:14px;height:14px;color:#4b872d}.tool-result small{font-size:9px;color:var(--app-muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.tool-result pre{margin:10px 0 0;color:var(--app-text);font:10px/1.8 var(--mono)}.trace-link{display:flex;justify-content:space-between;gap:12px;width:100%;border:0;background:none;text-align:left;padding:16px 0;font-size:11px;color:var(--app-muted)!important}
.app-panel{border-left:1px solid var(--app-border);background:var(--app-surface);min-width:0;padding:12px;overflow:auto;grid-row:2;grid-column:3}.panel-title{display:flex;align-items:center;justify-content:space-between;font-weight:500;margin-bottom:14px}.browser-tab{display:flex;justify-content:space-between;padding:6px 9px;background:var(--app-subtle);border:1px solid var(--app-border);border-radius:8px 8px 0 0;font-size:10px}.address{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--app-muted);background:var(--app-subtle);border:1px solid var(--app-border);border-radius:7px;padding:8px;margin:8px 0 12px}.address svg{width:13px;height:13px}.access-row{display:flex;align-items:center;justify-content:space-between;font-size:10px}.access-row button{width:30px;height:18px;border:0;border-radius:12px;padding:3px;background:var(--app-strong)}.access-row button span{width:12px;height:12px;background:#fff;border-radius:50%;display:block}.access-row button[aria-checked=true]{background:#eb3f43}.access-row button[aria-checked=true] span{transform:translateX(12px)}.browser-status{font-size:10px;color:var(--app-muted);margin:8px 0 12px!important;min-height:32px}.sample-site{background:#e9eddf;color:#282f24;min-height:260px;padding:20px 16px;overflow:hidden}.sample-wordmark{font-size:12px;font-weight:700;letter-spacing:-.04em;display:block}.sample-site-label{font-size:8px;display:block;margin:4px 0 24px}.sample-site h3{font-size:28px;line-height:1.05;letter-spacing:-.06em;font-weight:500;margin:0 0 15px}.sample-art{height:70px;display:flex;align-items:center;margin-bottom:14px}.sample-art i{width:62px;height:62px;border:1px solid #536b3d;border-radius:50%;margin-right:-17px}.sample-art i:nth-child(2){background:#c3d69c}.sample-art i:nth-child(3){border-radius:0;transform:rotate(30deg)}.sample-site p{font-size:10px;max-width:180px;line-height:1.7}.sample-site-link{font-size:10px;border-bottom:1px solid #536b3d}.takeover{width:100%;padding:8px;margin:12px 0 7px;border:1px solid var(--app-strong);border-radius:6px;background:var(--app-subtle);font-size:10px}.schedule-panel .eyebrow{font-size:9px;color:var(--app-muted)}.schedule-panel h3{font-size:18px;font-weight:500;line-height:1.3}.schedule-panel>p{font-size:11px;color:var(--app-muted)}.schedule-route{display:grid;gap:18px;margin:26px 0;padding:0 0 0 14px;border-left:1px solid var(--app-strong)}.schedule-route span{position:relative;font-size:11px;color:var(--app-muted)}.schedule-route span:before{content:'';position:absolute;left:-18px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--app-strong)}.schedule-route.complete span:before{background:#5d9d37}.schedule-panel>button{background:var(--app-text);color:var(--app-bg);padding:9px;border:0;border-radius:6px;font-size:10px;width:100%}
.section-intro{display:flex;justify-content:space-between;gap:24px;padding:30px 32px 26px}.section-intro h2{font-size:clamp(24px,3vw,36px);font-weight:500;line-height:1.13;letter-spacing:-.05em;margin:0}.section-intro>p{max-width:285px;color:var(--muted);font-size:12px;margin:5px 0 0;line-height:1.7}.pipeline-layout{display:grid;grid-template-columns:230px minmax(0,1fr);border-block:1px solid var(--line);margin:0 32px}.pipeline-steps{border-right:1px solid var(--line);padding:14px 0;display:flex;flex-direction:column}.pipeline-steps button{display:flex;align-items:center;gap:12px;background:none;border:0;text-align:left;padding:11px 16px;font-size:12px}.pipeline-steps button span{font:10px var(--mono);color:var(--muted)}.pipeline-steps button[aria-current=step]{background:var(--accent)}.pipeline-steps button:hover{background:#eef4e6}.pipeline-detail{padding:22px 28px;min-width:0}.packet-heading{display:flex;justify-content:space-between;gap:10px;font:10px var(--mono);color:var(--muted)}.packet-indicator{display:flex;align-items:center;gap:6px}.stage-visual{height:100px;display:flex;align-items:center;justify-content:center;gap:22px;font:11px var(--mono);margin:10px 0;background:linear-gradient(var(--line),var(--line)) center/80% 1px no-repeat}.stage-visual>span{background:#fff;padding:8px}.stage-visual .packet{border:1px solid var(--ink);background:var(--accent);width:48px;height:48px;display:grid;place-items:center;font-size:16px;box-shadow:4px 4px 0 #d7dfcd}.pipeline-detail h3{font-size:24px;letter-spacing:-.04em;line-height:1.2;margin-bottom:10px}.pipeline-detail>p{font-size:12px;max-width:560px;color:var(--muted);min-height:44px}.pipeline-detail pre{background:#f3f5ef;border:1px solid var(--line);padding:14px 16px;font:11px/1.65 var(--mono);min-height:100px;margin:18px 0}.pipeline-controls{display:flex;flex-wrap:wrap;gap:8px}.pipeline-controls button{border:1px solid var(--line);background:none;padding:9px 13px;font-size:11px;min-height:38px}.pipeline-controls button:first-child{background:var(--ink);color:white;border-color:var(--ink)}.gate-demo{margin:16px 32px 24px;border:1px solid var(--line)}.gate-demo summary{padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;font-size:12px;list-style:none}.gate-demo summary::-webkit-details-marker{display:none}.gate-content{border-top:1px solid var(--line);padding:16px}.gate-content>p{font-size:12px;color:var(--muted)}.gate-content label{font:11px var(--mono)}.gate-content select{margin-left:8px;padding:6px;border:1px solid var(--line);background:#fff;color:var(--ink)}.gate-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.gate-columns>div>span{font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.gate-columns pre{background:var(--paper);padding:12px;font:11px/1.7 var(--mono);min-height:100px}.gate-content #gate-status{margin:0}
.upgrade-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:0 32px 24px;border-block:1px solid var(--line)}.upgrade-facts>div{padding:18px 0}.upgrade-facts strong{display:block;font-size:34px;font-weight:500;letter-spacing:-.06em;line-height:1.2}.upgrade-facts span{font:10px/1.5 var(--mono);color:var(--muted)}.upgrade-layout{display:grid;grid-template-columns:260px minmax(0,1fr);margin:0 32px 24px;border:1px solid var(--line)}#change-list{display:flex;flex-direction:column;border-right:1px solid var(--line)}#change-list button{border:0;border-bottom:1px solid var(--line);padding:13px 16px;background:transparent;display:flex;gap:14px;text-align:left;font-size:12px}#change-list button:last-child{border-bottom:0}#change-list button[aria-pressed=true]{background:var(--accent)}#change-list button span{font:10px var(--mono);color:var(--muted)}.change-detail{padding:24px 28px;min-width:0}.change-detail h3{font-size:26px;font-weight:500;letter-spacing:-.045em;line-height:1.2;margin-bottom:14px}.change-detail>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.8}.change-detail ul{padding:0;list-style:none;font-size:12px}.change-detail li{padding:10px 0;border-top:1px solid var(--line)}.change-detail li:before{content:'↗';margin-right:10px}.change-detail .snapshot-note{font:10px/1.6 var(--mono)!important;margin:22px 0 0}.loader-study{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 32px;padding:20px 0;border-top:1px solid var(--line)}.loader-study h3{font-weight:500;font-size:21px;letter-spacing:-.04em;margin-bottom:6px}.loader-study p:last-child{font-size:12px;color:var(--muted);margin:0}.loader-study .eyebrow{margin-bottom:7px}.loader-player{display:flex;align-items:center;gap:18px;min-width:230px}.loader-player img{object-fit:contain}.loader-player span{font:11px var(--mono);min-width:65px}.loader-player button{background:transparent;border:1px solid var(--line);padding:8px;font-size:11px}
.embedded .demo-shell{width:100%;margin:0}.embedded .demo-header,.embedded .page-note{display:none}.embedded .exhibit{height:100dvh;border:0}.embedded .full-view{display:block;white-space:nowrap}.embedded .simulation-label{margin-left:auto;font-size:10px}.embedded .exhibit-top{padding:12px 18px}
@media(min-width:1200px){.workspace{grid-template-columns:260px minmax(0,1fr)}.workspace.has-panel{grid-template-columns:240px minmax(300px,1fr) 30%}.workspace.has-panel.sidebar-collapsed{grid-template-columns:0 minmax(300px,1fr) 34%}.app-sidebar{padding:22px 16px}.task-content{padding:28px 50px}.composer{margin-inline:48px}.composer-note{margin-inline:50px}}
@media(max-width:850px){.demo-shell{width:calc(100% - 32px);margin:22px auto}.exhibit{height:830px}.exhibit-tabs button{padding:15px 14px;font-size:12px}.exhibit-tabs button span{margin-right:6px}.workspace{grid-template-columns:180px minmax(0,1fr)}.workspace.has-panel,.workspace.has-panel.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr) minmax(230px,40%)}.workspace.has-panel .app-sidebar{visibility:hidden}.section-intro{padding:24px;gap:20px}.section-intro>p{max-width:220px;font-size:11px}.pipeline-layout{grid-template-columns:170px 1fr;margin-inline:24px}.pipeline-steps button{font-size:11px;padding:11px 12px;gap:8px}.pipeline-detail{padding:18px}.stage-visual{gap:8px;font-size:10px}.pipeline-detail h3{font-size:22px}.upgrade-layout{grid-template-columns:200px 1fr;margin-inline:24px}.upgrade-facts,.loader-study,.gate-demo{margin-inline:24px}.change-detail{padding:20px}.loader-player{min-width:220px;gap:12px}.view-caption{font-size:10px;padding-inline:18px}}
@media(max-width:600px){.demo-header{display:block;margin-bottom:22px}.demo-header>a{display:inline-block;margin-top:18px}.demo-header h1{font-size:40px}.demo-header p:last-child{font-size:12px}.exhibit{height:850px}.exhibit-top{padding:12px;font-size:10px;flex-wrap:wrap;gap:5px 12px}.simulation-label{font-size:9px}.exhibit-tabs{min-height:54px}.exhibit-tabs button{padding:11px 10px;font-size:11px;line-height:1.4}.exhibit-tabs button span{display:block;font-size:9px;margin-bottom:3px}.workspace,.workspace.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.app-sidebar{visibility:hidden}.workspace.mobile-nav .app-sidebar{visibility:visible;position:absolute;top:36px;bottom:0;left:0;width:220px;z-index:3;box-shadow:20px 0 40px #0002}.workspace.has-panel,.workspace.has-panel.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.app-panel{grid-column:1;position:absolute;top:36px;bottom:0;right:0;width:min(320px,100%);z-index:2;box-shadow:-20px 0 40px #0002}.taskbar{padding-inline:16px}.task-content{padding:20px 18px}.landing h2{font-size:25px}.landing>p{font-size:10px}.starters{gap:6px}.starters button{font-size:10px;padding:7px}.composer{margin-inline:14px;padding-inline:12px}.composer-note{margin-inline:18px}.composer-note span:last-child{display:none}.view-caption{padding:10px 14px;min-height:52px;gap:8px}.workspace-view .view-caption span:last-child{display:none}.section-intro{display:block;padding:24px 18px 20px}.section-intro h2{font-size:27px}.section-intro>p{max-width:none;margin-top:14px;font-size:12px}.pipeline-layout{display:flex;flex-direction:column;margin-inline:18px}.pipeline-steps{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line);padding:6px}.pipeline-steps button{padding:9px 6px;font-size:10px;gap:6px}.pipeline-detail{padding:18px 12px}.stage-visual{height:75px;gap:5px}.stage-visual>span{padding:5px;font-size:9px}.stage-visual .packet{width:38px;height:38px}.pipeline-detail pre{font-size:10px;padding:12px}.gate-demo{margin:16px 18px 24px}.gate-demo summary{padding:12px;font-size:11px;gap:12px}.gate-content{padding:12px}.gate-content label{display:block}.gate-content select{margin:8px 0 0;width:100%}.gate-columns{grid-template-columns:1fr}.gate-columns pre{margin:8px 0;min-height:70px;font-size:10px}.upgrade-facts{margin:0 18px 20px;gap:10px}.upgrade-facts strong{font-size:26px}.upgrade-facts span{font-size:9px;display:block}.upgrade-layout{display:block;margin:0 18px 20px}#change-list{display:grid;grid-template-columns:1fr 1fr;border:0;border-bottom:1px solid var(--line)}#change-list button{font-size:10px;padding:12px 8px;gap:6px;border:0}#change-list button span{font-size:9px}.change-detail{padding:20px 16px}.change-detail h3{font-size:23px}.loader-study{display:block;margin:20px 18px}.loader-player{margin-top:18px;justify-content:space-between}.embedded .exhibit-top{padding:10px 12px}.embedded .simulation-label{font-size:8px;order:3;flex-basis:100%;margin:3px 0 0}.embedded .full-view{margin-left:auto;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}