:root{color-scheme:light;--brand:#2f5bff;--brand-600:#2547e0;--brand-50:#eef2ff;--violet:#7b3fe4;--grad:linear-gradient(100deg, #2f6bff 0%, #5b4cf0 55%, #7b3fe4 100%);--ink:#0b1020;--text:#2a3142;--muted:#5d6679;--faint:#8b93a5;--line:#e6e9f0;--line-strong:#d5dae4;--bg:#fff;--bg-soft:#f7f8fb;--bg-tint:#f3f5fe;--navy:#0b1020;--navy-2:#141b31;--navy-line:#263052;--ok:#15803d;--ok-bg:#ecfdf3;--bad:#dc2626;--bad-bg:#fef2f2;--warn:#b45309;--warn-bg:#fffbeb;--surface:#fff;--surface-2:#f3f5fa;--header-bg:#ffffffd1;--hover-line:#b9c0ce;--brand-line:#cdd8ff;--chip-ink:#2340c6;--ok-line:#86efac;--bad-line:#f3d4d4;--bad-line-strong:#f3b4b4;--pane-bad-bg:snow;--pane-ok-bg:#f8faff;--btn-bg:#2f5bff;--btn-bg-hover:#2547e0;--r-sm:8px;--r:12px;--r-lg:18px;--r-xl:24px;--shadow-sm:0 1px 2px #1018280f;--shadow:0 1px 2px #1018280d, 0 8px 24px -6px #1018281a;--shadow-lg:0 2px 4px #1018280a, 0 28px 60px -16px #1e295a47;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--container:1200px}:root:not([data-theme=light]){color-scheme:dark;--brand:#7c9cff;--brand-600:#6d8cff;--brand-50:#7c9cff21;--ink:#e8ecf1;--text:#c2c9d2;--muted:#959eaa;--faint:#717a86;--line:#333a44;--line-strong:#414955;--bg:#1f2329;--bg-soft:#242930;--bg-tint:#262c34;--surface:#282e36;--surface-2:#2f3640;--header-bg:#1f2329d9;--hover-line:#59626f;--brand-line:#7c9cff61;--chip-ink:#c3cfff;--navy:#181b20;--navy-2:#20242a;--navy-line:#343a44;--ok:#5ee08f;--ok-bg:#5ee08f1a;--ok-line:#5ee08f66;--bad:#f87171;--bad-bg:#f871711a;--bad-line:#f8717147;--bad-line-strong:#f8717173;--warn:#fbbf24;--warn-bg:#fbbf241a;--pane-bad-bg:#f871710a;--pane-ok-bg:#7c9cff0d;--btn-bg:#4468f2;--btn-bg-hover:#5677ff;--shadow-sm:0 1px 2px #00000040;--shadow:0 1px 2px #00000040, 0 10px 28px -8px #0006;--shadow-lg:0 2px 4px #0003, 0 30px 70px -18px #0000008c}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}code,pre{font-family:var(--mono)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.022em;margin:0}p{margin:0}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.grad-text{background:var(--grad);color:#0000;background-clip:text}.btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14.5px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-lg{border-radius:12px;height:48px;padding:0 22px;font-size:15.5px}.btn-sm{height:34px;padding:0 12px;font-size:13.5px}.btn-primary{color:#fff;background:var(--btn-bg);box-shadow:0 1px 2px #1018281a,inset 0 1px #ffffff26}.btn-primary:hover{background:var(--btn-bg-hover)}.btn-secondary{color:var(--ink);background:var(--surface);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--hover-line);background:var(--bg-soft)}.btn-ghost{color:var(--text);background:0 0}.btn-ghost:hover{background:var(--bg-soft);color:var(--ink)}.btn-light{color:var(--ink);background:var(--surface)}.btn-light:hover{background:#e9edf7}.btn-outline-light{color:#fff;background:0 0;border-color:#ffffff59}.btn-outline-light:hover{background:#ffffff1a}.btn:disabled{opacity:.45;cursor:not-allowed}.link-arrow{color:var(--brand);margin-top:20px;font-weight:600;display:inline-block}.link-arrow:hover{text-underline-offset:3px;text-decoration:underline}.logo{color:var(--brand);align-items:center;gap:10px;display:inline-flex}.logo-word{color:var(--ink);letter-spacing:-.03em;font-size:19px;font-weight:800}.logo-word b{background:var(--grad);color:#0000;background-clip:text;font-weight:800}.logo-dark .logo-word{color:#fff}.site-header{z-index:50;background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s;position:sticky;top:0}.site-header.is-scrolled{border-bottom-color:var(--line)}.header-inner{align-items:center;gap:32px;height:68px;display:flex}.nav{align-items:center;gap:4px;display:flex}.nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:14.5px;font-weight:500;transition:color .15s,background .15s}.nav a:hover{color:var(--ink);background:var(--bg-soft)}.nav-mobile-only{display:none}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.menu-button{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:10px;width:40px;height:40px;display:none;position:relative}.menu-button span{background:var(--ink);border-radius:2px;height:2px;transition:transform .2s,top .2s;position:absolute;left:11px;right:11px}.menu-button span:first-child{top:15px}.menu-button span:last-child{top:22px}.site-header.is-open .menu-button span:first-child{top:18.5px;transform:rotate(45deg)}.site-header.is-open .menu-button span:last-child{top:18.5px;transform:rotate(-45deg)}.theme-toggle{border:1px solid var(--line-strong);background:var(--surface);width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;transition:color .15s,border-color .15s;display:inline-grid}.theme-toggle:hover{color:var(--ink);border-color:var(--hover-line)}.theme-toggle .i-sun{display:none}:root:not([data-theme=light]) .theme-toggle .i-sun{display:block}:root:not([data-theme=light]) .theme-toggle .i-moon{display:none}.section{padding:112px 0}.section-tight{padding:64px 0}.section-soft{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-dark{background:var(--navy);color:#c9d1e4}.section-dark h2{color:#fff}.section-heading{max-width:760px;margin-bottom:56px}.section-heading h2,.split h2,.dev-copy h2{letter-spacing:-.032em;margin-top:14px;font-size:clamp(32px,4vw,46px);line-height:1.1}.section-heading p,.split p,.dev-copy p{color:var(--muted);margin-top:18px;font-size:18px;line-height:1.65}.section-dark .dev-copy p{color:#a9b3cb}.eyebrow{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--grad);border-radius:2px;width:18px;height:2px}.eyebrow-dark{color:#8fa8ff}.fine-print{color:var(--faint);margin-top:16px;font-size:13.5px}.hero{padding:88px 0 96px;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:radial-gradient(55% 45% at 50% 0,#4468f229,#0000 70%),radial-gradient(35% 35% at 85% 25%,#7b3fe41a,#0000 70%),radial-gradient(35% 35% at 12% 30%,#2f6bff14,#0000 70%);position:absolute;inset:0}.hero-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-pill{border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 5px;font-size:13.5px;font-weight:500;transition:border-color .15s;display:inline-flex}.hero-pill:hover{border-color:var(--hover-line)}.pill-tag{white-space:nowrap;background:var(--brand-50);color:var(--brand);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}.hero h1{letter-spacing:-.045em;max-width:900px;margin-top:26px;font-size:clamp(42px,6.6vw,76px);font-weight:800;line-height:1.02}.hero-lead{max-width:680px;color:var(--muted);margin-top:24px;font-size:clamp(17px,1.6vw,20px);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.hero-facts{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin:28px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.hero-facts li{align-items:center;gap:8px;display:inline-flex}.hero-facts li:before{content:"";background:var(--ok-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%2315803d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;border-radius:50%;width:16px;height:16px}.hero-story{margin-top:64px}.story{border:1px solid var(--line-strong);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.story-bar{border-bottom:1px solid var(--line);background:var(--bg-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.story-acts{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:6px;padding:4px;display:flex}.story-act{height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.story-act:hover{color:var(--ink)}.story-act[aria-selected=true]{background:var(--ink);color:var(--bg)}.story-act:last-child[aria-selected=true]{background:var(--btn-bg);color:#fff}.act-num{background:#7f7f7f38;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11.5px;font-weight:800;display:inline-grid}.story-stats{gap:8px;display:flex}.story-stats span{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.story-stats b{min-width:22px;color:var(--ink);font-family:var(--mono);text-align:right;font-size:14px}.story[data-act="0"] .story-stats b{color:var(--bad)}.story[data-act="1"] .story-stats b{color:var(--ok)}.story-stage{--s-bg:#fff;--s-bar:#f3f4f6;--s-img:#f3f4f7;--s-line:#eceef2;--s-line-2:#d1d5db;--s-ink:#111827;--s-text:#374151;--s-muted:#6b7280;--s-faint:#9ca3af;--s-btn:#111827;--s-btn-ink:#fff;--s-input:#fff;--s-mark:#dbe4ff;--s-mark-ink:#1e3a8a;--brand:#2f5bff;--brand-50:#eef2ff;--brand-line:#c7d2fe;--chip-ink:#2340c6;--ok:#15803d;--ok-bg:#ecfdf3;--ok-line:#86efac;--warn:#b45309;--warn-bg:#fffbeb;--bad:#dc2626;transform-origin:0 0;background:var(--s-bg);width:1152px;height:730px;color:var(--s-text);font-family:var(--sans);position:absolute;top:0;left:0}:root:not([data-theme=light]) .story-stage{--s-bg:#2a3038;--s-bar:#22272e;--s-img:#333a43;--s-line:#3a414b;--s-line-2:#4c545f;--s-ink:#eef1f5;--s-text:#cfd5dd;--s-muted:#9ba4af;--s-faint:#7e8792;--s-btn:#e6eaf0;--s-btn-ink:#15181d;--s-input:#252a31;--s-mark:#7c9cff3d;--s-mark-ink:#d4ddff;--brand:#7c9cff;--brand-50:#7c9cff26;--brand-line:#7c9cff6b;--chip-ink:#c9d4ff;--ok:#5ee08f;--ok-bg:#5ee08f1f;--ok-line:#5ee08f73;--warn:#fbbf24;--warn-bg:#fbbf2424;--bad:#f87171}.story-wrap{background:var(--surface);position:relative;overflow:hidden}.win-bar{border-bottom:1px solid var(--s-line);background:var(--s-bar);align-items:center;gap:7px;height:40px;padding:0 16px;display:flex}.win-bar>i{border-radius:50%;width:11px;height:11px}.win-bar>i:first-child{background:#f87171}.win-bar>i:nth-child(2){background:#fbbf24}.win-bar>i:nth-child(3){background:#34d399}.win-url{border:1px solid var(--s-line);background:var(--s-input);width:360px;height:26px;color:var(--s-muted);text-align:center;border-radius:7px;margin:0 auto;font-size:12.5px;line-height:24px;transform:translate(-24px)}.shop{grid-template-rows:auto 1fr;height:690px;display:grid}.shop-top{border-bottom:1px solid var(--s-line);grid-template-columns:190px 1fr auto auto;align-items:center;gap:14px;padding:16px 22px;display:grid}.shop-logo{color:var(--s-ink);letter-spacing:-.03em;font-size:18px;font-weight:800}.shop-logo span{color:#ea580c}.shop-search{border:1.5px solid var(--s-line-2);background:var(--s-input);height:44px;color:var(--s-muted);border-radius:10px;align-items:center;gap:10px;padding:0 14px;transition:border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.shop-search.is-focus{border-color:var(--s-faint)}.shop-search.is-qb{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-50)}.shop-search svg{flex:none}.shop-search-text{min-width:0;color:var(--s-ink);white-space:nowrap;flex:1;font-size:15px;overflow:hidden}.shop-search-text .ph{color:var(--s-faint)}.shop-search-text mark{background:var(--s-mark);color:var(--s-mark-ink);box-shadow:inset 0 -2px 0 var(--brand);border-radius:4px;padding:1px 3px;animation:.35s both markin}@keyframes markin{0%{box-shadow:none;background:0 0}}.caret{vertical-align:-4px;background:var(--s-ink);width:1.5px;height:18px;margin:0 1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.shop-go{background:var(--s-btn);height:44px;color:var(--s-btn-ink);border-radius:10px;place-items:center;padding:0 20px;font-size:14px;font-weight:600;transition:transform .1s;display:grid}.shop-locale{border:1px solid var(--s-line-2);height:30px;color:var(--s-muted);white-space:nowrap;border-radius:999px;place-items:center;padding:0 10px;font-size:12px;font-weight:700;display:grid}.story[data-act="1"] .shop-locale{border-color:var(--brand-line);background:var(--brand-50);color:var(--chip-ink)}.shop-body{grid-template-columns:228px 1fr;min-height:0;display:grid}.story[data-act="1"] .shop-body{grid-template-columns:1fr}.story[data-act="1"] .filters{display:none}.filters{border-right:1px solid var(--s-line);padding:16px 20px;overflow:hidden}.f-head{color:var(--s-ink);margin-bottom:8px;font-size:14px;font-weight:700}.f-head span{color:var(--brand)}.f-group{border-top:1px solid var(--s-line);padding:8px 0}.f-title{color:var(--s-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.f-check{color:var(--s-text);border-radius:6px;align-items:center;gap:9px;margin:0 -4px;padding:3px 4px;font-size:13.5px;display:flex}.f-check i{border:1.5px solid var(--s-line-2);background:var(--s-input);border-radius:4px;width:16px;height:16px;transition:background .2s,border-color .2s;position:relative}.f-check.is-on i{border-color:var(--s-btn);background:var(--s-btn)}.f-check.is-on i:after{content:"";border:solid var(--s-btn-ink);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1.5px;left:4.5px;transform:rotate(45deg)}.f-swatches,.f-sizes{flex-wrap:wrap;gap:7px;display:flex}.f-swatch{border:1px solid var(--s-line-2);background:var(--sw);border-radius:50%;width:24px;height:24px;transition:box-shadow .2s}.f-swatch.is-on{box-shadow:0 0 0 2px var(--s-bg), 0 0 0 4px var(--s-btn)}.f-size{border:1px solid var(--s-line-2);width:34px;height:28px;color:var(--s-text);border-radius:6px;place-items:center;font-size:12.5px;transition:background .2s,color .2s;display:grid}.f-size.is-on{border-color:var(--s-btn);background:var(--s-btn);color:var(--s-btn-ink)}.f-price{color:var(--s-faint);align-items:center;gap:8px;display:flex}.f-input{border:1px solid var(--s-line-2);background:var(--s-input);height:30px;color:var(--s-faint);border-radius:6px;flex:1;padding:0 9px;font-size:12.5px;line-height:28px}.f-input.is-on{border-color:var(--s-btn);color:var(--s-ink);font-weight:600}.is-pressed{transform:scale(.94)}.results{min-width:0;padding:16px 22px;overflow:hidden}.results-head{align-items:center;gap:12px;min-height:30px;margin-bottom:14px;display:flex}.results-head strong{color:var(--s-ink);flex:none;font-size:15px}.applied{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--brand-line);background:var(--brand-50);height:28px;color:var(--chip-ink);border-radius:999px;align-items:center;padding:0 11px;font-size:12.5px;font-weight:600;animation:.3s both chipin;display:inline-flex}@keyframes chipin{0%{opacity:0;transform:scale(.85)}}.qb-panel{border:1px dashed var(--s-line-2);opacity:.55;border-radius:12px;gap:10px;min-height:92px;margin-bottom:16px;padding:14px 16px;transition:opacity .3s,border-color .3s,background .3s;display:none}.story[data-act="1"] .qb-panel{display:grid}.qb-panel.is-live{border-style:solid;border-color:var(--brand-line);background:var(--brand-50);opacity:1}.qbp-row{color:var(--s-ink);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.qbp-row img{width:18px;height:18px}.qbp-lang:not(:empty){background:var(--s-btn);color:var(--s-btn-ink);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;animation:.3s both chipin}.qbp-fixes{flex-wrap:wrap;gap:6px;display:inline-flex}.qbp-fix{background:var(--ok-bg);color:var(--ok);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;animation:.3s both chipin}.qbp-fix s{color:var(--bad);text-decoration-thickness:1.5px}.qbp-fix.is-norm{background:var(--brand-50);color:var(--chip-ink)}.qbp-fix.is-norm bdi{font-size:14px}.qbp-chips{flex-wrap:wrap;gap:6px;min-height:28px;display:flex}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.story[data-act="1"] .grid{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--s-line);background:var(--s-bg);border-radius:12px;transition:border-color .3s,box-shadow .3s;animation:.35s both cardin;overflow:hidden}.card.is-steady{animation:none}.card.is-verified{border-color:var(--ok-line);box-shadow:0 0 0 3px var(--ok-bg)}@keyframes cardin{0%{opacity:0;transform:translateY(6px)}}.card-img{background:var(--s-img);place-items:center;height:96px;display:grid}.card-body{gap:1px;padding:10px 12px 12px;display:grid}.card-body small{color:var(--s-faint);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.card-body strong{color:var(--s-ink);font-size:14px}.card-body>span{color:var(--s-muted);font-size:12.5px}.card-foot{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.card-foot b{color:var(--s-ink);margin-right:auto;font-size:14px}.tag{border-radius:999px;padding:2px 7px;font-size:10.5px;font-style:normal;font-weight:700}.tag-warn{background:var(--warn-bg);color:var(--warn)}.tag-muted{background:var(--s-img);color:var(--s-muted)}.tag-ok{background:var(--ok-bg);color:var(--ok)}.grid[hidden],.no-results[hidden]{display:none}.no-results{height:470px;color:var(--s-faint);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.nr-code{color:var(--bad);letter-spacing:-.04em;margin-bottom:6px;font-size:44px;font-weight:800;animation:.3s both chipin}.no-results strong{color:var(--s-ink);font-size:19px}.no-results span{max-width:520px;color:var(--s-text);font-size:14px}.no-results small{color:var(--s-faint);font-size:13px}.cursor{z-index:5;opacity:0;filter:drop-shadow(0 2px 3px #00000059);pointer-events:none;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.45,.05,.25,1);position:absolute;top:0;left:0;transform:translate(520px,300px)}.cursor.is-visible{opacity:1}.cursor.is-clicking path{transform-origin:4px 2.5px;transform:scale(.85)}.story-caption{border-top:1px solid var(--line);min-height:64px;color:var(--text);text-align:center;padding:18px 22px;font-size:16.5px;line-height:1.5}.story-caption b{color:var(--ink)}.t-bad{color:var(--bad)!important}.t-ok{color:var(--ok)!important}.outcome-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.outcome h3{margin-top:18px;font-size:19px}.outcome p{color:var(--muted);margin-top:8px}.icon-badge{background:var(--brand-50);width:44px;height:44px;color:var(--brand);border:1px solid var(--brand-line);border-radius:12px;place-items:center;display:inline-grid}.scenes{gap:16px;display:grid}.scene-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.scene-tabs button{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);align-items:flex-start;gap:12px;padding:16px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.scene-tabs button:hover{border-color:var(--line-strong)}.scene-tabs button[aria-selected=true]{border-color:var(--brand);box-shadow:0 0 0 3px #2f5bff1f}.tab-num{color:var(--brand);font-family:var(--mono);padding-top:1px;font-size:13px;font-weight:600}.tab-text{gap:2px;min-width:0;display:grid}.tab-text strong{color:var(--ink);font-size:15px}.tab-text small{color:var(--muted);font-size:13px;line-height:1.4}.tab-progress{background:var(--grad);width:0;height:3px;position:absolute;bottom:0;left:0}.scene-tabs button.is-running .tab-progress{animation:9s linear forwards progress}.scenes.is-manual .tab-progress{display:none}@keyframes progress{to{width:100%}}.scene{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);padding:24px}.scene[hidden]{display:none}.scene-query{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--bg-soft);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:18px;padding:14px 16px;display:flex}.scene-query span{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:700}.scene-query code{color:var(--ink);word-break:break-word;font-size:15px;font-weight:500}.scene-panes{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;display:grid}.pane{border-radius:var(--r);align-content:start;gap:10px;min-height:300px;padding:18px;display:grid}.pane-before{border:1px solid var(--bad-line);background:var(--pane-bad-bg)}.pane-after{border:1px solid var(--brand-line);background:var(--pane-ok-bg)}.pane-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700}.pane-before .pane-label:before{content:"✕  ";color:var(--bad)}.pane-after .pane-label:before{content:"✓  ";color:var(--ok)}.pane-label code{color:var(--brand);text-transform:none;letter-spacing:0;font-size:12px}.scene .a,.scene .hit[style*=--d]{opacity:0}.scene.is-active .a{animation:rise .5s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}.scene.is-active .hits.checked .hit{opacity:1}.scene.is-active .hit.rejected{animation:reject .5s ease var(--d) both}.scene.is-active .hit.kept{animation:keep .6s ease var(--d) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes reject{to{opacity:.45;border-color:var(--bad-line);background:var(--pane-bad-bg);text-decoration:line-through}}@keyframes keep{to{border-color:var(--ok-line);background:var(--ok-bg);box-shadow:0 0 0 3px #22c55e1f}}.terms{color:var(--muted);font-family:var(--mono);font-size:14px}.terms s{color:var(--bad);text-decoration-thickness:2px}.empty-state{border:1px dashed var(--bad-line-strong);border-radius:var(--r);background:var(--surface);text-align:center;place-items:center;gap:6px;padding:30px 16px;display:grid}.empty-state strong{color:var(--bad);font-size:22px}.empty-state small,.warn,.note{color:var(--muted);font-size:14px;line-height:1.5}.warn{border-left:3px solid var(--bad);background:var(--bad-bg);border-radius:0 8px 8px 0;padding:10px 12px}.note{border-left:3px solid var(--brand);background:var(--brand-50);border-radius:0 8px 8px 0;padding:10px 12px}.note em,.warn em{color:var(--ink);font-style:normal;font-weight:600}.fix-row,.lang-row,.signal{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:grid}.fix-row .bad{color:var(--bad);text-decoration:line-through}.fix-row .good{color:var(--ok);font-weight:600}.fix-row span{color:var(--faint)}.fix-row small,.lang-row small{color:var(--ok);letter-spacing:.05em;text-transform:uppercase;justify-self:end;font-size:11px;font-weight:700}.lang-row{grid-template-columns:40px 1fr auto}.lang-row .lang{background:var(--brand-50);color:var(--brand);text-align:center;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:700}.lang-row span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tokens{color:var(--muted);font-size:13.5px}.tokens code{background:var(--warn-bg);color:var(--warn);border-radius:6px;margin:0 2px;padding:2px 6px;font-size:12px}.tokens small{margin-left:4px}.hits{gap:7px;display:grid}.hit{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:grid}.hit strong{color:var(--ink);font-weight:600}.hit small{color:var(--muted);font-size:12.5px}.hit b{color:var(--ok);font-size:13.5px}.hit.wrong{border-color:var(--bad-line)}.hit.wrong b{color:var(--bad)}.ir{flex-wrap:wrap;gap:6px;display:flex}.ir code{border:1px solid var(--brand-line);background:var(--surface);color:var(--chip-ink);border-radius:8px;padding:5px 9px;font-size:12.5px}.flow{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:13.5px;display:grid}.flow span{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 10px}.flow i{background:var(--bad-line);height:2px;position:relative;overflow:hidden}.scene.is-active .flow i:after{content:"";background:var(--bad);width:30%;animation:1.2s linear infinite flowdash;position:absolute;inset:0 auto 0 0}@keyframes flowdash{0%{transform:translate(-100%)}to{transform:translate(400%)}}.signal{grid-template-columns:auto 1fr auto}.signal code{color:var(--bad);font-size:12.5px;font-weight:600}.signal small{min-width:0;color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.signal b{color:#fff;letter-spacing:.06em;background:#dc2626;border-radius:999px;padding:3px 8px;font-size:10px}.status-blocked{border:1px solid var(--bad-line-strong);border-radius:var(--r);background:var(--bad-bg);gap:4px;padding:16px;display:grid}.status-blocked strong{color:var(--bad);font-family:var(--mono);font-size:16px}.status-blocked small{color:var(--text);font-size:13.5px}.scene-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.scene-footnote{color:var(--faint);font-size:13px;line-height:1.5}.pipeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.pipeline li{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);animation:stagepulse 8s ease-in-out calc(var(--i) * 1s) infinite;align-content:start;gap:14px;padding:22px;display:grid;position:relative}@keyframes stagepulse{0%,14%,to{border-color:var(--line);box-shadow:var(--shadow-sm)}4%,9%{border-color:var(--brand);box-shadow:0 0 0 4px #2f5bff1a}}.stage-dot span{background:var(--grad);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font-size:13.5px;font-weight:700;display:inline-grid}.stage-body strong{color:var(--ink);font-size:17px;display:block}.stage-body code{color:var(--brand);font-size:12px}.stage-body p{color:var(--muted);margin-top:8px;font-size:14.5px;line-height:1.55}.pipeline-out{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.pipeline-out div{border-radius:var(--r-lg);background:var(--navy);gap:6px;padding:18px 20px;display:grid}.pipeline-out span{color:#8fa8ff;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:700}.pipeline-out code{color:#e6ebf7;font-size:13.5px}.feature-grid{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.feature{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 24px}.feature:nth-child(4n){border-right:0}.feature:nth-last-child(-n+4){border-bottom:0}.feature-num{color:var(--brand);font-family:var(--mono);font-size:13px;font-weight:600}.feature h3{margin-top:14px;font-size:17px}.feature p{color:var(--muted);margin-top:8px;font-size:14.5px;line-height:1.6}.dev-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:56px;display:grid}.check-list{gap:10px;margin:26px 0 30px;padding:0;list-style:none;display:grid}.check-list li{color:#c9d1e4;padding-left:28px;position:relative}.check-list li:before{content:"✓";color:#8fa8ff;font-weight:700;position:absolute;top:0;left:0}.check-list code{background:var(--navy-2);color:#e6ebf7;border-radius:5px;padding:1px 6px;font-size:13px}.dev-tabs{border:1px solid var(--navy-line);border-radius:var(--r-lg);background:#070b17;overflow:hidden;box-shadow:0 30px 60px -20px #00000080}.dev-tab-list{border-bottom:1px solid var(--navy-line);background:var(--navy-2);gap:2px;padding:8px;display:flex;overflow-x:auto}.dev-tab-list button{color:#8a94ad;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:8px 12px;font-size:13.5px;font-weight:600}.dev-tab-list button:hover{color:#fff}.dev-tab-list button[aria-selected=true]{color:#fff;background:#ffffff14}.dev-panel{padding:22px;position:relative}.dev-panel pre{margin:0;overflow-x:auto}.dev-panel code{color:#d6dcec;font-size:13.5px;line-height:1.7}.copy-button{border:1px solid var(--navy-line);background:var(--navy-2);color:#a9b3cb;cursor:pointer;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;top:14px;right:14px}.copy-button:hover{color:#fff}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.runtime-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-soft);gap:10px;padding:20px;display:grid}.runtime-row{border:1px dashed var(--line-strong);border-radius:var(--r);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.runtime-row strong{color:var(--ink);font-size:15px;display:block}.runtime-row span{color:var(--muted);font-size:13.5px}.runtime-row b{background:var(--bg-soft);color:var(--muted);border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:600}.runtime-row.is-required{border-style:solid;border-color:var(--brand-line)}.runtime-row.is-required b{background:var(--btn-bg);color:#fff}.stat-grid{border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:repeat(4,1fr);margin-top:80px;display:grid;overflow:hidden}.stat{border-right:1px solid var(--line);gap:4px;padding:28px 24px;display:grid}.stat:last-child{border-right:0}.stat strong{letter-spacing:-.04em;background:var(--grad);color:#0000;background-clip:text;font-size:clamp(30px,3.2vw,40px);font-weight:800}.stat span{color:var(--ink);font-weight:600}.stat small{color:var(--faint);font-size:13px}.module-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.module{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);align-content:start;gap:8px;padding:22px;display:grid}.module code{color:var(--brand);font-size:14px;font-weight:600}.module p{color:var(--text);font-size:15px;line-height:1.55}.module small{color:var(--faint);font-size:13px}.doc-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.doc-link{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);gap:6px;padding:20px 44px 20px 20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.doc-link:hover{border-color:var(--brand-line);box-shadow:var(--shadow);transform:translateY(-2px)}.doc-link strong{color:var(--ink)}.doc-link small{color:var(--muted);font-size:14px;line-height:1.5}.doc-arrow{color:var(--faint);transition:color .15s;position:absolute;top:18px;right:18px}.doc-link:hover .doc-arrow{color:var(--brand)}.cta-band{border:1px solid var(--navy-line);border-radius:var(--r-xl);background:var(--navy);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:52px 56px;display:flex;position:relative;overflow:hidden}.cta-band:before{content:"";background:radial-gradient(50% 120% at 100% 0,#7b3fe473,#0000 60%),radial-gradient(50% 120% at 0 100%,#2f6bff59,#0000 60%);position:absolute;inset:0}.cta-band>*{position:relative}.cta-band h2{color:#fff;letter-spacing:-.03em;font-size:clamp(26px,3vw,36px)}.cta-band p{color:#b7c0d8;margin-top:10px;font-size:17px}.cta-actions{flex-wrap:wrap;gap:12px;display:flex}.site-footer{border-top:1px solid var(--line);background:var(--bg-soft)}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:40px;padding-top:64px;padding-bottom:48px;display:grid}.footer-brand p{max-width:320px;color:var(--muted);margin-top:16px;font-size:14.5px}.footer-brand .footer-meta{color:var(--faint);margin-top:10px;font-size:13px}.footer-col h4{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700}.footer-col ul{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.footer-col a{color:var(--muted);font-size:14.5px}.footer-col a:hover{color:var(--brand)}.footer-bottom{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;padding-bottom:28px;font-size:13.5px;display:flex}.page-hero{background:linear-gradient(180deg, var(--bg-tint), #fff);border-bottom:1px solid var(--line);padding:72px 0 40px}.page-hero h1{letter-spacing:-.04em;max-width:820px;margin-top:14px;font-size:clamp(34px,4.6vw,54px);font-weight:800;line-height:1.08}.page-hero p{max-width:680px;color:var(--muted);margin-top:16px;font-size:18px}.tour{padding-top:40px;padding-bottom:96px}.tour-scenarios{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.tour-scenarios button{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);gap:4px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:grid}.tour-scenarios button:hover{border-color:var(--line-strong)}.tour-scenarios button[aria-checked=true]{border-color:var(--brand);box-shadow:0 0 0 3px #2f5bff1f}.tour-scenarios strong{color:var(--ink)}.tour-scenarios small{color:var(--muted);font-family:var(--mono);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.tour-request{border-radius:var(--r);background:var(--navy);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;display:flex}.tour-request .method{color:#052e16;background:#22c55e;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:800}.tour-request code{color:#fff;font-size:13.5px}.tour-body{word-break:break-word;color:#a9b3cb!important}.tour-controls{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.tour-total{color:var(--ok);font-family:var(--mono);margin-left:auto;font-weight:600}.tour-total[data-status=BLOCKED]{color:var(--bad)}.tour-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:22px}.panel h2{margin-bottom:14px;font-size:17px}.panel h2 small{color:var(--faint);font-family:var(--mono);margin-left:8px;font-size:12px;font-weight:500}.panel-dark{border-color:var(--navy-line);background:var(--navy)}.panel-dark h2{color:#fff}.tour-stages{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tour-stages li{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:10px 12px;transition:border-color .25s,background .25s,opacity .25s;display:grid}.tour-stages strong{color:var(--ink);font-size:14.5px;display:block}.tour-stages small{color:var(--muted);font-size:13px;line-height:1.4}.tour-stages em{color:var(--faint);font-family:var(--mono);font-size:12px;font-style:normal}.ts-dot{border:1px solid var(--line-strong);width:28px;height:28px;color:var(--faint);border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid}.tour-stages li.is-done .ts-dot{background:var(--btn-bg);color:#fff;border:0}.tour-stages li.is-skipped{opacity:.55}.tour-stages li.is-skipped .ts-dot{border-style:dashed}.tour-stages li.is-blocked{border-color:var(--bad-line-strong);background:var(--bad-bg)}.tour-stages li.is-blocked .ts-dot{color:#fff;background:#dc2626;border:0}.tour-stages li.is-current:not(.is-blocked){border-color:var(--brand);background:var(--brand-50)}.tour-response{grid-row:span 2}.tour-response pre{max-height:640px;margin:0;overflow:auto}.tour-response code{color:#d6dcec;font-size:12.5px;line-height:1.65}.j-key{color:#a5b8ff}.j-str{color:#86efac}.j-num{color:#fcd34d}.j-null{color:#8a94ad}.j-new{background:#2f6bff47;border-radius:4px;width:100%;animation:1.6s forwards glow;display:inline-block}@keyframes glow{to{background:0 0}}.event-list{gap:8px;display:grid}.event-item{border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;padding:10px 12px}.event-item strong{color:var(--brand);font-family:var(--mono);font-size:13px;display:block}.event-item span{color:var(--muted);font-family:var(--mono);word-break:break-all;font-size:11.5px;display:block}.event-item.is-heartbeat{background:var(--surface);border-style:dashed;padding:6px 12px}.event-item.is-done{border-color:var(--ok-line);background:var(--ok-bg)}.event-item.is-done strong{color:var(--ok)}.event-item.is-blocked{border-color:var(--bad-line-strong);background:var(--bad-bg)}.event-item.is-blocked strong{color:var(--bad)}.tour-summary{border-color:var(--brand-line);background:var(--brand-50);grid-column:1/-1}.tour-summary[hidden]{display:none}.tour .scene-footnote{margin-top:16px}@media (width<=1080px){.nav a{padding:8px 9px;font-size:14px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature:nth-child(4n){border-right:1px solid var(--line)}.feature:nth-child(2n){border-right:0}.feature:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.feature:nth-last-child(-n+2){border-bottom:0}.pipeline,.doc-grid{grid-template-columns:repeat(2,1fr)}.dev-layout,.split{grid-template-columns:1fr;gap:40px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.module-grid{grid-template-columns:repeat(2,1fr)}.scene-tabs,.tour-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-grid{grid-template-columns:1fr}.tour-response{grid-row:auto}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}}@media (width<=1180px){.header-actions .btn-ghost{display:none}}@media (width<=1000px){.header-actions{display:none}.theme-toggle{margin-left:auto}.menu-button{display:block}.nav{border-bottom:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:2px;padding:12px 16px 18px;display:none;position:absolute;top:68px;left:0;right:0}.site-header.is-open .nav{display:flex}.nav a{color:var(--ink);padding:12px;font-size:16px}.nav-mobile-only{display:block}}@media (width<=720px){.container{padding:0 16px}.section{padding:72px 0}.section-tight{padding:48px 0}.section-heading{margin-bottom:36px}.section-heading p,.split p,.dev-copy p{font-size:16.5px}.hero{padding:56px 0 64px}.hero h1{letter-spacing:-.04em}.hero-actions{flex-direction:column;align-self:stretch}.hero-actions .btn{width:100%}.hero-story{margin-top:44px;padding:0 10px}.story{border-radius:var(--r-lg)}.story-bar{padding:10px}.story-acts{width:100%}.hide-sm,.story-stats .hide-sm{display:none}.hero-pill{font-size:13px}.story-act{flex:1;justify-content:center;padding:0 8px;font-size:13px}.story-stats{width:100%}.story-stats span{flex:1;justify-content:center}.story-caption{padding:14px 16px;font-size:15px}.outcome-grid,.pipeline,.doc-grid,.module-grid,.pipeline-out{grid-template-columns:1fr}.outcome-grid{gap:32px}.feature-grid{grid-template-columns:1fr}.feature{border-right:0!important;border-bottom:1px solid var(--line)!important}.feature:last-child{border-bottom:0!important}.scene{padding:14px}.scene-panes{grid-template-columns:1fr}.pane{min-height:0;padding:14px}.scene-query code{font-size:13.5px}.tab-text small{display:none}.scene-footer{flex-direction:column;align-items:flex-start}.stat{padding:20px 16px}.cta-band{padding:36px 24px}.cta-actions,.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:32px;padding-top:48px}.tour-total{width:100%;margin-left:0}.tour-controls .btn{flex:1}.page-hero{padding:48px 0 32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scene .a,.scene .hit[style*=--d]{opacity:1}.pipeline li{animation:none}}.story-label{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;display:flex}.story-label span{border:1px solid var(--line-strong);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.split-top{align-items:start}.principles{grid-template-columns:1fr 1fr;gap:20px 28px;margin-top:32px;display:grid}.principle{gap:12px;display:flex}.principle-check{background:var(--ok-bg);width:24px;height:24px;color:var(--ok);border-radius:7px;flex:none;place-items:center;margin-top:1px;font-size:13px;font-weight:800;display:inline-grid}.principle strong{color:var(--ink);font-size:15.5px;display:block}.split .principle p{color:var(--muted);margin-top:4px;font-size:14.5px;line-height:1.55}.runtime-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:2px 2px 4px;font-size:12px;font-weight:700}.runtime-card .link-arrow{margin:6px 2px 0}.roadmap{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.roadmap:before{content:"";background:linear-gradient(90deg, var(--ok) 0 12%, var(--brand) 12% 30%, var(--line-strong) 30%);height:2px;position:absolute;top:37px;left:40px;right:40px}.phase{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;gap:10px;padding:22px 20px;display:flex;position:relative}.phase.is-live{border-color:var(--ok-line);box-shadow:0 0 0 3px var(--ok-bg)}.phase.is-next{border-color:var(--brand-line)}.phase.is-planned{border-style:dashed}.phase-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.phase-num{z-index:1;background:var(--surface-2);width:32px;height:32px;color:var(--muted);border-radius:10px;place-items:center;font-weight:800;display:inline-grid;position:relative}.is-live .phase-num{background:var(--ok);color:#fff}.is-next .phase-num{background:var(--btn-bg);color:#fff}.phase-badge{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.badge-live{background:var(--ok-bg);color:var(--ok)}.badge-next{background:var(--brand-50);color:var(--brand)}.badge-planned{background:var(--surface-2);color:var(--muted)}.phase h3{font-size:17px;line-height:1.3}.phase p{color:var(--muted);flex:1;font-size:14px;line-height:1.55}.is-planned h3,.is-planned p{opacity:.85}.phase-q{background:var(--bg-soft);color:var(--text);border-radius:9px;padding:9px 11px;font-size:12px;line-height:1.45;display:block}.vision-quote{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-align:center;margin-top:48px;padding:32px}.vision-quote p{max-width:860px;color:var(--ink);letter-spacing:-.02em;margin:0 auto;font-size:clamp(20px,2.4vw,28px);font-weight:700;line-height:1.35}@media (width<=1080px){.roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap:before{display:none}.phase:first-child{grid-column:1/-1}}@media (width<=720px){.principles,.roadmap{grid-template-columns:1fr}.vision-quote{padding:24px 18px}}