/* A gridded hero and one quiet grid accent below it, with a paired night palette. */
:root{color-scheme:light;--site-paper:#f7fafc;--site-surface:#fff;--site-soft:#eef5f8;--site-line:#d8e4eb;--site-ink:#172a39;--site-muted:#647987;--site-grid:#8eb3c11b}
body{background:var(--site-paper);color:var(--site-ink)}
.nav-wrap{gap:16px}
.site-nav{margin-left:auto}
.hero-experience{width:100%;margin:0;border:0;border-radius:0}
.live-demo{width:min(1180px,calc(100% - 64px))}
.theme-toggle{order:2;width:36px;height:36px;display:grid;place-items:center;flex:none;margin-left:2px;padding:0;border:1px solid var(--site-line);border-radius:9px;background:var(--site-surface);color:#3a5d72;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.theme-toggle:hover{background:#eaf2f6;border-color:#9db8c8}
.theme-toggle svg{width:17px;height:17px}
.theme-toggle .theme-sun{display:none}
.site-header{background:#f7fafcf2;border-bottom-color:var(--site-line)}
.site-nav{color:#526a79}
.nav-cta{background:var(--site-surface);border-color:var(--site-line)}
.product-section,.features-section{background:linear-gradient(180deg,#f9fbfc 0%,#f2f8fa 100%)}
.features-section{background:linear-gradient(180deg,#eef5f8,#f8fbfc);border-top:1px solid #d8e5eb}
.workspace-section,.get-started-section,.agent-section{background:linear-gradient(180deg,#edf5f8,#f6fafb);border-color:#d8e5eb}
.get-started-section{position:relative;isolation:isolate}
.get-started-section:before{content:"";position:absolute;right:0;top:0;width:min(42vw,480px);height:390px;pointer-events:none;background-image:linear-gradient(var(--site-grid) 1px,transparent 1px),linear-gradient(90deg,var(--site-grid) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at top right,#000 5%,transparent 76%);mask-image:radial-gradient(ellipse at top right,#000 5%,transparent 76%)}
.problem,.how,.faq,.today{background:var(--site-paper)}
.closing{background:linear-gradient(135deg,#102b40,#1a4860)}
.closing:after{border-radius:68px;transform:rotate(-25deg);border-color:#a8cdd455;box-shadow:0 0 0 80px #a5cbd00a,0 0 0 160px #a5cbd00a}
.site-footer{background:var(--site-paper)}
.site-footer a{text-decoration:underline;text-underline-offset:3px}

/* Night mode keeps the same restrained pattern placement. */
html[data-theme="dark"]{color-scheme:dark;--site-paper:#0d1b29;--site-surface:#172a39;--site-soft:#142738;--site-line:#31495a;--site-ink:#edf5f7;--site-muted:#a8bbc8;--site-grid:#86b4c019}
html[data-theme="dark"] body{background:var(--site-paper);color:var(--site-ink)}
html[data-theme="dark"] .theme-toggle{background:#22394b;color:#d9ecf5;border-color:#3b5668}
html[data-theme="dark"] .theme-toggle:hover{background:#2c495d}
html[data-theme="dark"] .theme-toggle .theme-moon{display:none}
html[data-theme="dark"] .theme-toggle .theme-sun{display:block}
html[data-theme="dark"] .site-header{background:#102130f2;border-bottom-color:#30495a}
html[data-theme="dark"] .site-nav,html[data-theme="dark"] .brand{color:#e7f0f4}
html[data-theme="dark"] .site-nav>a:not(.nav-cta):hover{color:#fff}
html[data-theme="dark"] .nav-cta,html[data-theme="dark"] .menu-toggle{background:#20384a;color:#ecf4f6;border-color:#3a5364}
html[data-theme="dark"] .menu-toggle span{background:#d6e5e9}
html[data-theme="dark"] .brand-mark{filter:brightness(1.1)}
html[data-theme="dark"].hero-option-blueprint .hero-experience{background:#0b2234}
html[data-theme="dark"].hero-option-blueprint .hero-weather{background:linear-gradient(145deg,#081b2a,#11334b 65%,#1e4c62)}
html[data-theme="dark"] .hero-experience .button-dark{background:#eef6f7;color:#16364a}
html[data-theme="dark"] .hero-experience .button-quiet{background:#173b52;color:#f0f8f9;border-color:#7196a777}
html[data-theme="dark"] .live-demo{background:#172939;color:#edf4f7;border-color:#3a5667;box-shadow:0 32px 75px #030f1bb5}
html[data-theme="dark"] .demo-topbar,html[data-theme="dark"] .demo-footer{background:#0f2535;border-color:#385568}
html[data-theme="dark"] .demo-topbar,html[data-theme="dark"] .demo-project-name,html[data-theme="dark"] .demo-live-label{color:#b9d0d9}
html[data-theme="dark"] .demo-project-name b{color:#fff}html[data-theme="dark"] .demo-project-name span{color:#7993a1}
html[data-theme="dark"] .demo-stages button{color:#acc3ce}html[data-theme="dark"] .demo-stages button:hover{background:#355465;color:#fff}
html[data-theme="dark"] .demo-sidebar,html[data-theme="dark"] .demo-agent{background:#172d3e;border-color:#385365}
html[data-theme="dark"] .demo-content{background:#142738}
html[data-theme="dark"] .demo-card,html[data-theme="dark"] .demo-map-node,html[data-theme="dark"] .demo-agent-message,html[data-theme="dark"] .demo-agent-input{background:#203547;border-color:#3a5668;box-shadow:none}
html[data-theme="dark"] .demo-vision{background:#203547}
html[data-theme="dark"] .demo-scene-head h2,html[data-theme="dark"] .demo-vision h3,html[data-theme="dark"] .demo-map-node b,html[data-theme="dark"] .demo-agent-head,html[data-theme="dark"] .demo-spec-detail h3,html[data-theme="dark"] .demo-spec-tree>div{color:#e6f1f3}
html[data-theme="dark"] .demo-scene-head p,html[data-theme="dark"] .demo-card p,html[data-theme="dark"] .demo-agent-message p,html[data-theme="dark"] .demo-side-link,html[data-theme="dark"] .demo-workspace small{color:#a6bbc8}
html[data-theme="dark"] .demo-side-link.active,html[data-theme="dark"] .demo-side-link:hover{background:#2b485c;color:#f1f8fa}
html[data-theme="dark"] .demo-workspace,html[data-theme="dark"] .demo-agent-head,html[data-theme="dark"] .demo-roadmap>div,html[data-theme="dark"] .demo-spec-tree>div,html[data-theme="dark"] .demo-test-detail>div{border-color:#3a5668}
html[data-theme="dark"] .demo-roadmap b,html[data-theme="dark"] .demo-test-detail>div b,html[data-theme="dark"] .demo-backlog b,html[data-theme="dark"] .demo-test-summary>b{color:#dbeaf0}
html[data-theme="dark"] .demo-runtime-map{background-color:#162b3b;background-image:radial-gradient(#58768a88 .8px,transparent .8px);border-color:#385568}
html[data-theme="dark"] .demo-spec-detail p,html[data-theme="dark"] .demo-backlog>span:last-child{background:#294255;color:#bdcfda}
html[data-theme="dark"] .demo-agent-input{color:#93aaba}
html[data-theme="dark"] .demo-stages button[aria-selected="true"]{background:#b9d8e7;color:#152e3d}

html[data-theme="dark"] .product-section,html[data-theme="dark"] .features-section,html[data-theme="dark"] .workspace-section,html[data-theme="dark"] .get-started-section,html[data-theme="dark"] .agent-section{background:linear-gradient(180deg,#102232,#142939);border-color:#31495a}
html[data-theme="dark"] .features-section,html[data-theme="dark"] .get-started-section{background:linear-gradient(180deg,#142838,#102333)}
html[data-theme="dark"] .problem,html[data-theme="dark"] .how,html[data-theme="dark"] .faq,html[data-theme="dark"] .today,html[data-theme="dark"] .site-footer{background:var(--site-paper)}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .status-kicker,html[data-theme="dark"] .feature-meta{color:#9ab9c9}
html[data-theme="dark"] .features-heading h2 span,html[data-theme="dark"] .split-heading h2 span,html[data-theme="dark"] .agent-section h2 span,html[data-theme="dark"] .faq h2 span,html[data-theme="dark"] .get-started-heading h2 span{color:#a9cad8}
html[data-theme="dark"] .features-heading>p,html[data-theme="dark"] .split-heading>p,html[data-theme="dark"] .get-started-heading>p,html[data-theme="dark"] .problem-answer p,html[data-theme="dark"] .intro-copy,html[data-theme="dark"] .steps p,html[data-theme="dark"] .agent-section p:not(.eyebrow),html[data-theme="dark"] .faq details p{color:#a9bfcb}
html[data-theme="dark"] .feature-tile,html[data-theme="dark"] .layer-card,html[data-theme="dark"] .status-card,html[data-theme="dark"] .setup-steps,html[data-theme="dark"] .conversation{background:#1b3040;border-color:#3a5263;box-shadow:0 12px 35px #0003}
html[data-theme="dark"] .feature-tile-planned,html[data-theme="dark"] .status-card.future{background:#203547}
html[data-theme="dark"] .feature-tile p,html[data-theme="dark"] .layer-card p,html[data-theme="dark"] .status-card li,html[data-theme="dark"] .setup-step p,html[data-theme="dark"] .config-copy>p:not(.eyebrow){color:#a8bdca}
html[data-theme="dark"] .feature-preview{border-color:#506777;filter:brightness(.86)}
html[data-theme="dark"] .feature-tile h3,html[data-theme="dark"] .layer-card h3,html[data-theme="dark"] .status-card h3{color:#f0f6f8}
html[data-theme="dark"] .product-bridge,html[data-theme="dark"] .feature-status,html[data-theme="dark"] .layer-tags span{background:#243d50;border-color:#466174;color:#bfd3de}
html[data-theme="dark"] .product-footnote,html[data-theme="dark"] .site-footer{color:#9fb7c5}
html[data-theme="dark"] .question-list,html[data-theme="dark"] .question-list p,html[data-theme="dark"] .steps,html[data-theme="dark"] .steps article,html[data-theme="dark"] .faq-list,html[data-theme="dark"] .faq details,html[data-theme="dark"] .status-card li{border-color:#31495a}
html[data-theme="dark"] .statement strong{color:#a5c9dc}
html[data-theme="dark"] .conversation-head,html[data-theme="dark"] .conversation-foot{border-color:#3b5567}
html[data-theme="dark"] .conversation-foot{background:#142838;color:#9fb7c4}
html[data-theme="dark"] .chat-bubble.agent{background:#294458;color:#d0e0e8}
html[data-theme="dark"] .chat-avatar{background:#3a5a6e;color:#ecf5f7}
html[data-theme="dark"] .setup-step,html[data-theme="dark"] .setup-file-links a,html[data-theme="dark"] .config-callouts,html[data-theme="dark"] .config-callouts>div{border-color:#3a5263}
html[data-theme="dark"] .setup-step h3,html[data-theme="dark"] .config-callouts strong{color:#ecf5f7}
html[data-theme="dark"] .setup-file-links a,html[data-theme="dark"] .steps code,html[data-theme="dark"] .faq code{background:#263f52;color:#c5dce8}
html[data-theme="dark"] .faq summary{color:#edf4f7}
html[data-theme="dark"] .closing{background:linear-gradient(135deg,#0b2639,#16435c)}

@media(max-width:900px){.menu-toggle{order:2;display:flex}.theme-toggle{order:1;margin-left:auto;margin-right:0}.site-nav{order:3;display:none;position:absolute;left:0;right:0;top:63px;background:#f7fafc;border-bottom:1px solid var(--site-line);padding:16px 19px 20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 10px 20px #25465e12}.site-nav.open{display:flex}.site-nav a{padding:11px 5px}.site-nav .nav-cta{margin-top:8px;padding:10px 12px}html[data-theme="dark"] .site-nav{background:#102130;box-shadow:0 14px 28px #0006}}
@media(max-width:700px){.hero-experience{width:100%;margin:0;border-radius:0}.live-demo{width:calc(100% - 38px)}}