:root{color-scheme:light;--page:#f5f9ff;--surface:#fff;--panel:#eaf3ff;--ink:#172d49;--muted:#657b96;--line:#d8e6f7;--accent:#286fd5}
:root[data-theme=dark]{color-scheme:dark;--page:#0b1018;--surface:#121c29;--panel:#172538;--ink:#e5edf8;--muted:#a3b5cc;--line:#2a3c53;--accent:#83b8ff}
body{background:var(--page);color:var(--ink)}
.theme-toggle{min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12px;white-space:nowrap}
header{gap:16px;flex-wrap:wrap;border-color:var(--line)}header .brand{margin-right:auto}nav{order:3;width:100%;justify-content:center}.button,button,summary,a{touch-action:manipulation}button,summary{min-height:44px}.wrap{width:100%;min-width:0}.actions{flex-wrap:wrap}.app-main,.app-heading>div,.feature,.steps article>div,.download>div{min-width:0}.task,.feature p,details p{overflow-wrap:anywhere}pre{max-width:100%;overflow:auto}.demo-bar>div{min-width:0}.demo-toolbar{flex-wrap:wrap}#desktop-demo{max-height:94dvh}.demo-body{max-height:75dvh}.creator-links,footer>div{flex-wrap:wrap}.finale-wordmark{max-width:100%}
:root[data-theme=dark] .workspace,:root[data-theme=dark] .feature,:root[data-theme=dark] .download-box,:root[data-theme=dark] .task,:root[data-theme=dark] .demo-message,:root[data-theme=dark] .demo-task,:root[data-theme=dark] .sample-prompts button,:root[data-theme=dark] #demo-form,:root[data-theme=dark] .demo-toolbar select,:root[data-theme=dark] .demo-diff{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] .features,:root[data-theme=dark] .window-top,:root[data-theme=dark] .app-shell aside,:root[data-theme=dark] .task.done,:root[data-theme=dark] pre,:root[data-theme=dark] .demo-sidebar,:root[data-theme=dark] .demo-bar,:root[data-theme=dark] .diff-header,:root[data-theme=dark] .demo-message.user{background:var(--panel);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] #desktop-demo{background:var(--page);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] .intro,:root[data-theme=dark] .fine,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .providers,:root[data-theme=dark] .steps p,:root[data-theme=dark] .feature p,:root[data-theme=dark] .download>div>p,:root[data-theme=dark] details p,:root[data-theme=dark] .muted,:root[data-theme=dark] footer p,:root[data-theme=dark] footer>div,:root[data-theme=dark] .demo-invite,:root[data-theme=dark] .demo-message p,:root[data-theme=dark] .welcome-agent p,:root[data-theme=dark] .demo-footnote,:root[data-theme=dark] .demo-task span,:root[data-theme=dark] .demo-toolbar label{color:var(--muted)}
:root[data-theme=dark] .os-options span,:root[data-theme=dark] footer .footer-creator strong,:root[data-theme=dark] .demo-project strong,:root[data-theme=dark] #demo-form input{color:var(--ink)}
:root[data-theme=dark] header,:root[data-theme=dark] footer,:root[data-theme=dark] details,:root[data-theme=dark] hr,:root[data-theme=dark] .steps article,:root[data-theme=dark] .agent-tabs,:root[data-theme=dark] .demo-toolbar{border-color:var(--line)}
:root[data-theme=dark] .brand-symbol,:root[data-theme=dark] .brand-wordmark,:root[data-theme=dark] .finale-wordmark,:root[data-theme=dark] .mini-brand img,:root[data-theme=dark] .demo-bar>div>img,:root[data-theme=dark] .creator-links img{filter:brightness(0) invert(1)}
:root[data-theme=dark] .text-link,:root[data-theme=dark] .demo-sidebar button,:root[data-theme=dark] .sample-prompts button,:root[data-theme=dark] .demo-bar button,:root[data-theme=dark] .brand-finale>p{color:var(--accent)}
@media(min-width:801px){header{flex-wrap:nowrap}nav{order:0;width:auto}.theme-toggle{margin-left:auto}}
@media(max-width:600px){header{padding:16px 5%;gap:10px}header .brand{flex:1}.theme-toggle{font-size:11px;padding:7px 10px}header>.button.small{padding:10px 12px;gap:8px}.wrap{padding-left:18px;padding-right:18px}h1{font-size:clamp(36px,10vw,58px);letter-spacing:-1.8px}h1 em{letter-spacing:-1.8px}.hero{padding-top:36px}.intro{font-size:15px}.hero .board{grid-template-columns:1fr}.task{font-size:12px;padding:14px}.task p{font-size:11px}.column-title{font-size:10px}.feature-grid{grid-template-columns:1fr}.feature.large{grid-column:auto}.demo-invite{flex-direction:column;gap:12px}.demo-invite .button{font-size:12px}.actions{gap:12px}.actions>.button{width:100%;justify-content:center}.features{padding-top:40px;padding-bottom:40px}.download-box{padding:20px}.download-box .button{gap:14px;font-size:13px}.os-options{flex-wrap:wrap}footer{gap:20px}.brand-finale>p{font-size:20px}.playground{min-height:0}.demo-sidebar button{min-height:44px}.demo-body{padding:12px}.demo-toolbar select{min-height:44px}.sample-prompts button{min-height:44px}#demo-form input{font-size:16px}.demo-bar strong{font-size:12px}}

/* Light production landing and simple, icon-free calls to action. */
:root{color-scheme:light}.button{gap:12px}.actions .text-link span{padding-left:0}.footer-company>a{font-size:20px;font-weight:600;color:var(--ink)}footer .footer-company{display:block;width:auto}.footer-company p{margin-top:6px}#demo-form button{font-size:12px;padding:8px 14px;min-height:44px}.hero .button,.download-box .button{justify-content:center}
.product-details{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;padding-top:88px;padding-bottom:24px}.product-intro{max-width:460px;color:var(--muted);font-size:15px;line-height:1.85}.product-points{display:grid;gap:24px}.product-points article{padding-bottom:24px;border-bottom:1px solid var(--line)}.product-points h3{font-size:19px;font-weight:500;margin-bottom:8px}.product-points p{color:var(--muted);font-size:14px;line-height:1.8}
footer.wrap{display:grid;grid-template-columns:1.15fr 1fr auto;align-items:start;gap:40px;padding-top:36px!important;padding-bottom:36px!important}footer.wrap>div{width:auto;min-width:0}footer.wrap>div:last-child{display:flex;flex-direction:column;gap:10px;align-items:flex-start}footer .footer-company p{max-width:230px;line-height:1.8}footer .creator-links{gap:18px}.hero .workspace{margin-top:36px}
@media(max-width:800px){.product-details{grid-template-columns:1fr;gap:28px;padding-top:56px;padding-bottom:0}.product-intro{max-width:none}.product-points{gap:20px}footer.wrap{grid-template-columns:1fr 1fr;gap:28px}footer.wrap>div:last-child{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:18px}}
@media(max-width:600px){footer.wrap{grid-template-columns:1fr;gap:26px}footer.wrap>div:last-child{grid-column:auto}.hero .workspace{margin-top:28px}.product-details h2{font-size:36px}.product-points h3{font-size:18px}#desktop-demo{width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;overflow:hidden}#desktop-demo[open]{display:flex;flex-direction:column}.demo-bar{flex-shrink:0;padding:10px 16px}.demo-bar>div{gap:8px}.demo-bar button{min-width:44px;min-height:44px}.playground{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.demo-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px 12px;flex-shrink:0}.demo-sidebar button{font-size:11px;padding:9px 8px;min-width:0;white-space:normal}.demo-sidebar #reset-demo{grid-column:1/-1;margin:0;justify-content:center}.demo-body{flex:1;min-height:0;max-height:none;padding:16px;overflow:hidden}.demo-toolbar{gap:8px;padding-bottom:12px;flex-shrink:0}.demo-toolbar h3{font-size:17px}.demo-toolbar label{display:flex;align-items:center;gap:6px}.demo-toolbar select{margin-left:0;font-size:12px}#play-content{min-height:0;padding:16px 0;overscroll-behavior:contain;overflow-x:hidden}#demo-form{flex-shrink:0;padding:6px;gap:6px}#demo-form input{padding:8px 6px}.demo-footnote{flex-shrink:0;font-size:10px;line-height:1.5;margin-top:8px;padding-bottom:env(safe-area-inset-bottom)}.welcome-agent{padding:0}.welcome-agent h4{font-size:22px}.welcome-agent p{font-size:13px}.sample-prompts{display:grid;grid-template-columns:1fr;gap:8px;margin:16px 0}.sample-prompts button{font-size:12px;padding:10px 12px}.demo-message{padding:12px;font-size:13px}.demo-board{gap:18px}.demo-board h4{margin:0 0 8px}.demo-diff,.demo-terminal{max-width:100%;overflow:auto}.review-summary{flex-wrap:wrap;gap:8px;margin-bottom:14px}}