/* styles.css */
:root{--ink:#17232d;--muted:#65737e;--line:#dce3e7;--paper:#f7f8f8;--white:#fff;--blue:#466b8e;--blue-deep:#254a6e;--blue-faint:#e9f0f5;--soft:#eef2f4;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#b9d1e1}.skip-link{position:absolute;top:-60px;left:16px;padding:10px 16px;background:var(--ink);color:#fff;z-index:99}.skip-link:focus{top:10px}.section-shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site-header{height:77px;background:rgba(247,248,248,.94);border-bottom:1px solid #e4e9ec;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.nav-wrap{width:min(1290px,calc(100% - 56px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;font-weight:740;letter-spacing:-.045em;white-space:nowrap}.brand-mark{width:24px;height:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-8deg)}.brand-mark span{border:2px solid var(--blue-deep);border-radius:3px}.brand-mark span:nth-child(2){background:var(--blue-deep)}.brand-mark span:nth-child(3){border-color:#8ea8ba}.site-nav{display:flex;gap:36px;align-items:center;color:#586774;font-size:13px;font-weight:560}.site-nav>a:not(.nav-cta):hover{color:var(--ink)}.nav-cta{color:var(--ink);border:1px solid #d4dee5;border-radius:8px;padding:9px 13px;background:#fff;display:flex;gap:14px;align-items:center}.nav-cta:hover{border-color:#a8bfce;background:#f4f8fa}.menu-toggle{display:none}.hero{min-height:705px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:42px;padding-top:58px;padding-bottom:70px}.hero-copy{position:relative;z-index:1}.eyebrow{margin:0 0 24px;color:#58718a;font-size:10px;font-weight:770;letter-spacing:.19em;line-height:1.4;text-transform:uppercase}.eyebrow-line{display:inline-block;width:24px;height:1px;margin:0 11px 3px 0;background:#7296b3}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,5.9vw,83px);line-height:.99;letter-spacing:-.071em;font-weight:680;margin-bottom:28px}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-lead{max-width:530px;color:#5d6c77;font-size:17px;line-height:1.73;letter-spacing:-.01em;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:650;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:#263746;color:#fff}.button-dark:hover{background:#3b5265}.button-quiet{border:1px solid #dbe3e8;background:#fff;color:#496071}.button-quiet:hover{border-color:#adc1cf}.hero-note{display:flex;align-items:center;gap:9px;margin-top:24px;color:#7f8d98;font-size:11px}.pulse-dot,.status-dot,.conversation-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#769c90;flex:none}.hero-art{position:relative;align-self:center;min-width:0;padding:58px 0 30px}.ambient-ring{position:absolute;border:1px solid #d6e1e8;border-radius:50%;z-index:0}.ring-one{width:600px;height:600px;left:6%;top:-14%}.ring-two{width:470px;height:470px;left:17%;top:-2%;background:radial-gradient(circle,#e8f1f6 0,rgba(232,241,246,0) 66%)}.app-window{position:relative;z-index:1;background:white;border:1px solid #cfdce5;border-radius:16px;box-shadow:0 32px 80px rgba(49,73,91,.16),0 2px 8px rgba(49,73,91,.07);overflow:hidden;transform:rotate(-1.5deg);min-height:474px}.window-top{height:35px;background:#edf2f5;border-bottom:1px solid #dce5ea;display:flex;align-items:center;justify-content:center;position:relative;color:#526777;font-size:10px;font-weight:600}.window-dots{position:absolute;left:14px;display:flex;gap:5px}.window-dots i{height:7px;width:7px;border-radius:50%;background:#b8c6ce}.window-label{position:absolute;right:12px;font-size:7px;letter-spacing:.13em;color:#a2b0b9}.window-body{display:grid;grid-template-columns:134px 1fr;min-height:438px}.mock-sidebar{background:#f2f5f7;border-right:1px solid #dbe4e9;padding:13px 7px}.mock-workspace{height:37px;border:1px solid #dae3e8;background:#fff;border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 6px;font-size:8px;font-weight:720;white-space:nowrap}.workspace-icon{height:21px;width:21px;border-radius:5px;background:#3c617f;color:#fff;display:grid;place-items:center;font-size:9px}.mock-workspace small{display:block;color:#97a5ae;font-size:6px;font-weight:500}.workspace-chevron{margin-left:auto;color:#91a0aa}.mock-group-label{font-size:7px;letter-spacing:.18em;color:#a2b1ba;font-weight:760;margin:18px 7px 7px}.mock-group-label.second{margin-top:14px}.mock-nav{display:flex;align-items:center;gap:8px;height:26px;padding:0 7px;border-radius:5px;font-size:8px;color:#687f8e;white-space:nowrap}.mock-nav.active{background:#dfe9ef;color:#2b536f;font-weight:740}.tiny-icon{width:11px;font-size:12px;text-align:center}.mock-main{min-width:0;background:#fff;padding:19px 20px}.mock-heading{display:flex;justify-content:space-between;align-items:flex-start}.mock-heading small{display:block;font-size:7px;font-weight:800;letter-spacing:.16em;color:#96a7b2}.mock-heading strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.05em;margin:5px 0 3px}.mock-heading span{display:block;font-size:8px;color:#91a0aa}.mock-badge{display:flex;align-items:center;gap:5px;font-size:8px;color:#648a7e;background:#edf5f1;border-radius:5px;padding:4px 6px}.mock-badge .status-dot{width:5px;height:5px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:21px 0 18px}.mock-stats>div{border:1px solid #e2e8ec;border-radius:7px;min-height:70px;padding:9px}.mock-stats small,.mock-stats em{display:block;font-size:7px;color:#9baab4;font-style:normal}.mock-stats b{display:block;font-size:20px;letter-spacing:-.07em;margin:3px 0 0}.mock-stats b span{color:#b5c0c8;font-weight:500}.mock-stats em{color:#799c8f}.mock-panel-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;padding:0 0 8px}.mock-panel-title small{color:#a2b2bc;font-size:6px;letter-spacing:.1em}.component-map{height:213px;position:relative;border:1px solid #e0e8ed;border-radius:7px;background-color:#fbfcfd;background-image:radial-gradient(#d6e2e9 .65px,transparent .65px);background-size:12px 12px;overflow:hidden}.map-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a3b8c7;stroke-width:1.5;z-index:0}.map-lines path:first-child,.map-lines path:nth-child(2){stroke:#648baa}.map-card{position:absolute;z-index:1;width:25%;height:64px;border:1px solid #dce6ec;border-radius:8px;background:#fff;box-shadow:0 3px 9px #6d89991a;padding:7px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.map-card.web{left:3%;top:18px}.map-card.api{left:37%;top:18px}.map-card.db{right:3%;top:18px}.map-card.tests{left:17%;bottom:18px}.map-card.worker{right:17%;bottom:18px}.map-icon{height:13px;width:15px;background:#e9f1f6;border-radius:3px;color:#547c99;font-size:10px;text-align:center;line-height:13px}.map-card b{font-size:8px;white-space:nowrap}.map-card small{font-size:7px;color:#94a4ae;white-space:nowrap}.art-caption{position:relative;z-index:1;text-align:right;color:#9aabb5;text-transform:uppercase;font-size:8px;letter-spacing:.2em;margin-top:18px}.problem{padding-top:110px;padding-bottom:115px;border-top:1px solid var(--line)}.section-intro h2,.split-heading h2,.agent-section h2{font-size:clamp(36px,4.2vw,61px);line-height:1.08;letter-spacing:-.058em;font-weight:650;margin-bottom:0}.section-intro h2 span,.split-heading h2 span,.agent-section h2 span{color:#7690a4}.problem-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px;margin-top:58px}.question-list{border-top:1px solid #cad6de}.question-list p{font-size:20px;letter-spacing:-.025em;font-weight:580;padding:18px 0;margin:0;border-bottom:1px solid #cad6de}.question-list p:before{content:"/";color:#8eabbf;font-weight:400;margin-right:16px}.problem-answer{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:4px}.answer-symbol{height:58px;width:58px;border:1px solid #cddbe4;border-radius:50%;display:grid;place-items:center;color:#4e7897;font-size:27px;margin-bottom:28px}.problem-answer p{max-width:420px;color:#667784;font-size:18px;line-height:1.7;margin:0}.workspace-section{background:#eef3f5;border-top:1px solid #e2e8eb;border-bottom:1px solid #e2e8eb;padding:110px 0 120px}.split-heading{display:grid;grid-template-columns:1fr 330px;align-items:end;gap:50px}.split-heading>p{margin:0 0 4px;color:#6a7c88;line-height:1.7;font-size:15px}.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:51px}.layer-card{background:#fff;min-height:342px;border:1px solid #dce5ea;border-radius:14px;padding:25px;display:flex;flex-direction:column;box-shadow:0 10px 30px #4a6f8710}.layer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:74px}.layer-number,.status-kicker{font-size:9px;letter-spacing:.17em;font-weight:800;color:#6f8ca2}.layer-symbol{height:33px;width:33px;border:1px solid #d5e2e9;border-radius:8px;color:#4c789a;background:#f2f7f9;display:grid;place-items:center;font-size:20px}.layer-card h3{font-size:23px;letter-spacing:-.04em;margin-bottom:10px;font-weight:670}.layer-card p{font-size:13px;line-height:1.65;color:#74848f;margin-bottom:23px}.layer-tags{margin-top:auto;display:flex;gap:5px;flex-wrap:wrap}.layer-tags span{font-size:9px;color:#5e7890;background:#eef4f7;border:1px solid #e1ebf0;border-radius:4px;padding:4px 6px}.statement{padding:95px 0 105px;display:flex;gap:28px;align-items:flex-start}.statement-marker{font-family:Georgia,serif;color:#a6bfce;font-size:94px;line-height:.8}.statement p{font-size:clamp(25px,3.1vw,42px);letter-spacing:-.05em;line-height:1.28;margin:0;font-weight:450}.statement strong{font-weight:650;color:#3d6684}.how{padding:100px 0 145px;border-top:1px solid var(--line)}.intro-copy{color:#75858f;font-size:16px;margin:23px 0 0;max-width:490px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;margin-top:52px;border-top:1px solid #d5e0e6}.steps article{display:flex;gap:28px;padding:27px 4px 34px 0;border-bottom:1px solid #d5e0e6}.steps article>span{font-size:11px;color:#7392a7;font-weight:760;letter-spacing:.06em;padding-top:5px}.steps h3{font-size:18px;letter-spacing:-.025em;margin-bottom:8px}.steps p{font-size:13px;line-height:1.7;color:#75858f;max-width:370px;margin:0}.steps code{font-size:12px;color:#476984;background:#eaf1f5;padding:2px 4px;border-radius:3px}.agent-section{background:#e7eef2;padding:115px 0;border-top:1px solid #dce5eb;border-bottom:1px solid #dce5eb}.agent-grid{display:grid;grid-template-columns:1fr .8fr;gap:110px;align-items:center}.agent-section h2{margin-bottom:26px}.agent-section p:not(.eyebrow){color:#657a88;line-height:1.75;max-width:530px}.agent-section .small-note{font-size:12px;color:#8b9ca7!important;margin-top:27px}.conversation{border:1px solid #cad9e2;background:#f9fbfc;border-radius:17px;box-shadow:0 18px 45px #456a841a;min-height:345px;padding:16px;display:flex;flex-direction:column;gap:16px}.conversation-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e1e9ee;padding:0 0 13px;font-size:11px;font-weight:740}.conversation-head small{margin-left:auto;font-size:8px;color:#a5b5be;letter-spacing:.11em}.conversation-dot{width:6px;height:6px;background:#668caa}.chat-bubble{font-size:12px;line-height:1.55;border-radius:12px;padding:12px 14px;max-width:82%}.chat-bubble.person{align-self:flex-end;color:#fff;background:#496e8c;border-bottom-right-radius:4px}.chat-bubble.agent{align-self:flex-start;background:#e9f0f4;color:#576e7e;border-bottom-left-radius:4px;display:flex;gap:9px;max-width:93%}.chat-avatar{height:19px;width:19px;border-radius:5px;background:#fff;color:#577d99;display:grid;place-items:center;flex:none}.chat-bubble.agent p{font-size:12px;line-height:1.6;margin:0!important}.conversation-foot{margin-top:auto;border:1px solid #dce6ec;background:#fff;border-radius:8px;padding:10px 11px;color:#a7b5be;font-size:11px;display:flex;justify-content:space-between}.conversation-foot span:last-child{color:#4d7592}.today{padding:115px 0 135px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:52px}.status-card{background:#fff;border:1px solid #dce5e9;border-radius:14px;padding:30px 32px 34px;min-height:320px}.status-card.future{background:#f1f5f7}.status-card h3{font-size:24px;letter-spacing:-.04em;margin:17px 0 23px}.status-card ul{list-style:none;padding:0;margin:0}.status-card li{border-top:1px solid #e3e9ed;padding:12px 0 12px 22px;color:#667b89;font-size:13px;position:relative}.status-card li:before{content:"↗";position:absolute;left:0;color:#6c91a9}.closing{background:#223949;color:#fff;padding:115px 0 125px;overflow:hidden;position:relative}.closing:after{content:"";width:750px;height:750px;border:1px solid #4a687c;border-radius:50%;position:absolute;right:-190px;top:-200px;box-shadow:0 0 0 110px #ffffff06,0 0 0 220px #ffffff04}.closing-inner{position:relative;z-index:1}.closing .eyebrow{color:#a2bdce}.closing h2{font-size:clamp(42px,5.3vw,74px);line-height:1.05;letter-spacing:-.065em;font-weight:640;margin:0 0 24px}.closing h2 em{color:#a8c6d8}.closing p:not(.eyebrow){color:#b9cbd6;font-size:16px;margin-bottom:29px}.button-light{background:#fff;color:#264256}.button-light:hover{background:#e8f0f5}.site-footer{min-height:91px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#84939e;font-size:11px}.footer-separator{margin:0 7px;color:#afbbc2}:focus-visible{outline:2px solid #4e86ae;outline-offset:3px}@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:2px;padding-top:90px}.hero-copy{max-width:740px}.hero-art{width:min(670px,100%);margin-inline:auto}.problem-grid{gap:48px}.agent-grid{gap:55px}}@media(max-width:700px){.section-shell{width:min(100% - 38px,1180px)}.site-header{height:64px}.nav-wrap{width:calc(100% - 38px)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;border:1px solid #d7e2e8;background:#fff;border-radius:7px;padding:9px}.menu-toggle span{height:1.5px;width:100%;background:#344f62}.site-nav{display:none;position:absolute;left:0;right:0;top:63px;background:#f7f8f8;border-bottom:1px solid #dce5e9;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}.hero{min-height:0;padding-top:72px;padding-bottom:83px;gap:0}.hero h1{font-size:clamp(48px,10vw,66px)}.hero-lead{font-size:15px}.hero-art{padding-top:72px}.app-window{transform:none}.window-body{grid-template-columns:100px 1fr}.mock-sidebar{padding:10px 5px}.mock-workspace{font-size:6px;gap:3px;padding:0 3px}.workspace-icon{height:18px;width:18px}.mock-main{padding:15px 10px}.mock-heading strong{font-size:16px}.mock-heading span{font-size:7px}.mock-stats{gap:4px}.mock-stats>div{padding:5px;min-height:59px}.mock-stats b{font-size:15px}.map-card{width:28%;padding:5px}.map-card.web{left:2%}.map-card.api{left:36%}.map-card.db{right:2%}.map-card b{font-size:7px}.map-card small{font-size:6px}.component-map{height:190px}.problem,.workspace-section,.how,.agent-section,.today{padding-top:77px;padding-bottom:85px}.problem-grid,.split-heading,.agent-grid{grid-template-columns:1fr;gap:35px}.problem-grid{margin-top:35px}.question-list p{font-size:17px}.problem-answer p{font-size:15px}.layers,.status-grid{grid-template-columns:1fr}.layers{margin-top:36px}.layer-card{min-height:280px}.layer-top{margin-bottom:45px}.statement{padding:68px 0;gap:14px}.statement-marker{font-size:62px}.steps{grid-template-columns:1fr;margin-top:37px}.steps article{padding:22px 0}.agent-grid{gap:40px}.conversation{min-height:320px}.status-grid{margin-top:37px}.status-card{min-height:0}.closing{padding:80px 0 90px}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 0}}@media(max-width:420px){.window-label{display:none}.mock-sidebar{display:none}.window-body{grid-template-columns:1fr}.hero-art{padding-top:54px}.app-window{min-height:0}.mock-main{padding:15px}.hero h1{font-size:46px}.hero-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* brand.css */
/* Project Room identity 03: Rail mark and IBM Plex Sans wordmark. */
@font-face{font-family:'IBM Plex Sans';src:url('./brand-fonts/ibm-plex-sans-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
.site-header .brand{gap:10px;font-family:'IBM Plex Sans',sans-serif;font-size:21px;font-weight:600;letter-spacing:-.035em;line-height:1}
.site-header .brand-mark{display:block;width:31px;height:31px;transform:none;flex:none}
.site-header .brand-wordmark{display:inline-block;white-space:nowrap;font-weight:600}
html[data-theme="dark"] .site-header .brand-mark{background:#e9f3f0;border-radius:9px;padding:2px;filter:none}
@media(max-width:500px){.site-header .brand{font-size:18px}.site-header .brand-mark{width:28px;height:28px}}

/* theme.css */
/* 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)}}

/* imprint.css */
.imprint-main{min-height:calc(100vh - 168px);background-color:var(--site-paper);background-image:linear-gradient(var(--site-grid) 1px,transparent 1px),linear-gradient(90deg,var(--site-grid) 1px,transparent 1px);background-size:48px 48px}
.imprint-shell{max-width:760px;padding-top:82px;padding-bottom:110px}
.imprint-back{display:inline-block;margin-bottom:70px;color:var(--site-muted);font-size:13px;font-weight:600}
.imprint-back:hover,.site-footer a:hover{color:var(--blue)}
.imprint-kicker{margin-bottom:16px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.19em}
.imprint-main h1{margin-bottom:18px;font-size:clamp(50px,7vw,78px);line-height:1;letter-spacing:-.07em}
.imprint-main h1 span{color:var(--blue)}
.imprint-intro{margin-bottom:40px;color:var(--site-muted);font-size:16px}
.imprint-card{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;padding:35px 40px;background:var(--site-surface);border:1px solid var(--site-line);border-radius:16px;box-shadow:0 16px 44px #21466212}
.imprint-card section{padding:24px 0;border-bottom:1px solid var(--site-line)}
.imprint-card section:nth-last-child(-n+2){border-bottom:0}
.imprint-card h2{margin:0 0 13px;color:var(--site-muted);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.imprint-card p,.imprint-card address{margin:0;color:var(--site-ink);font-size:15px;line-height:1.8;font-style:normal;overflow-wrap:anywhere}
.imprint-card a{color:var(--blue-deep);text-decoration:underline;text-decoration-color:#98b6c7;text-underline-offset:3px}
html[data-theme="dark"] .imprint-card{box-shadow:0 16px 44px #0003}
html[data-theme="dark"] .imprint-kicker,html[data-theme="dark"] .imprint-main h1 span{color:#a9cad8}
html[data-theme="dark"] .imprint-card a{color:#a9cad8}
html[data-theme="dark"] .imprint-back:hover,html[data-theme="dark"] .site-footer a:hover{color:#a9cad8}
@media(max-width:700px){.imprint-shell{padding-top:52px;padding-bottom:75px}.imprint-back{margin-bottom:52px}.imprint-card{grid-template-columns:1fr;padding:14px 24px}.imprint-card section:nth-last-child(2){border-bottom:1px solid var(--site-line)}.imprint-card section:last-child{border-bottom:0}}