/* 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))}
/* The light theme is a bright drafting surface; the blue night scene belongs to dark mode. */
html[data-theme="light"].hero-option-blueprint .hero-experience{background:#edf5f7;color:#203b4b}
html[data-theme="light"].hero-option-blueprint .hero-weather{background:radial-gradient(ellipse at 86% 22%,#d5eaf0 0%,transparent 44%),radial-gradient(ellipse at 8% 78%,#e5f0ec 0%,transparent 43%),linear-gradient(180deg,#f8fbfc 0%,#edf5f7 55%,#e4f0f3 100%)}
html[data-theme="light"].hero-option-blueprint .hero-weather:before{background-image:linear-gradient(#6695a51b 1px,transparent 1px),linear-gradient(90deg,#6695a51b 1px,transparent 1px)}
html[data-theme="light"].hero-option-blueprint .hero-experience .eyebrow{color:#5c7887}
html[data-theme="light"].hero-option-blueprint .hero-experience .eyebrow-line{background:#759bad}
html[data-theme="light"].hero-option-blueprint .hero-experience h1{color:#1c3545;text-shadow:none}
html[data-theme="light"].hero-option-blueprint .hero-experience h1 em{color:#446d7d}
html[data-theme="light"].hero-option-blueprint .hero-experience .hero-lead{color:#526b78;text-shadow:none}
html[data-theme="light"].hero-option-blueprint .hero-experience .button-dark{background:#254b5f;color:#fff}
html[data-theme="light"].hero-option-blueprint .hero-experience .button-dark:hover{background:#356579}
html[data-theme="light"].hero-option-blueprint .hero-experience .button-quiet{background:#ffffffb8;color:#2b5061;border-color:#a9c3cf}
html[data-theme="light"].hero-option-blueprint .hero-experience .button-quiet:hover{background:#fff;border-color:#7299aa}
html[data-theme="light"].hero-option-blueprint .hero-copy:after{color:#698898}
html[data-theme="light"] .live-demo{box-shadow:0 25px 60px #5a809426,0 4px 16px #5a809418}
.theme-toggle{width:30px;height:30px;display:grid;place-items:center;flex:none;padding:0;border:1px solid var(--site-line);border-radius:7px;background:var(--site-surface);color:#567183;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.theme-toggle:hover{background:#eaf2f6;border-color:#9db8c8}
.theme-toggle svg{width:15px;height:15px}
.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}
.footer-actions{display:inline-flex;align-items:center;gap:15px}

/* Keep the lower half of the light page as bright as its hero. */
html[data-theme="light"] .starter-prompt-panel,html[data-theme="light"] .code-window{background:#f8fbfc;color:#254355;border-color:#cbdde5;box-shadow:0 18px 42px #3d657418}
html[data-theme="light"] .starter-prompt-top,html[data-theme="light"] .code-window-top{background:#eaf3f6;color:#35566a;border-color:#d1e2e8}
html[data-theme="light"] .starter-prompt-top span:last-child,html[data-theme="light"] .code-window-top small{color:#5f7e8d}
html[data-theme="light"] .starter-prompt-intro h3{color:#203c4d}
html[data-theme="light"] .starter-prompt-intro p,html[data-theme="light"] .starter-prompt-actions span{color:#577483}
html[data-theme="light"] .starter-prompt-panel pre{background:#fff;color:#294758;border-color:#d2e1e8}
html[data-theme="light"] .starter-prompt-actions button{background:#294f63;color:#fff}
html[data-theme="light"] .starter-prompt-actions button:hover{background:#396a7f}
html[data-theme="light"] .closing{background:linear-gradient(135deg,#e9f4f6,#dcecf1);color:#203a49}
html[data-theme="light"] .closing:after{border-color:#82a9b849;box-shadow:0 0 0 80px #6e9aae0c,0 0 0 160px #6e9aae08}
html[data-theme="light"] .closing .eyebrow{color:#5b7a8a}
html[data-theme="light"] .closing h2 em{color:#496f82}
html[data-theme="light"] .closing p:not(.eyebrow){color:#536e7c}
html[data-theme="light"] .closing .button-light{background:#294f63;color:#fff}
html[data-theme="light"] .closing .button-light:hover{background:#396a7f}

/* 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:radial-gradient(ellipse at 88% 73%,#5e9a9a24 0%,transparent 43%),radial-gradient(ellipse at 8% 88%,#4a868b24 0%,transparent 48%),linear-gradient(140deg,#0b2334 0%,#17394d 58%,#244f61 100%)}
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"] .setup-resources{border-color:#3a5263}
html[data-theme="dark"] .setup-resources-label,html[data-theme="dark"] .setup-resources>p{color:#a8bfcb}
html[data-theme="dark"] .setup-resources a{color:#b7d9e8}
html[data-theme="dark"] .setup-resources a small{color:#b0c6d2}
html[data-theme="dark"] .faq summary{color:#edf4f7}
html[data-theme="dark"] .closing{background:linear-gradient(135deg,#0b2639,#16435c)}
html[data-theme="dark"] .config-section{background:linear-gradient(180deg,#142838,#102333);border-color:#31495a}
html[data-theme="dark"] .config-copy h2 span{color:#a9cad8}
html[data-theme="dark"] .config-callouts p{color:#afc3cd}
html[data-theme="dark"] .config-callouts span{color:#a9c8d6}
html[data-theme="dark"] .config-callouts code{background:#263f52;color:#d3e7ef}
html[data-theme="dark"] .code-window-top small{color:#adc5d0}

@media(max-width:900px){.menu-toggle{order:2;display:flex;margin-left:auto}.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)}}