@font-face{font-family:Geist;src:url(assets/fonts/geist-cyrillic-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geist;src:url(assets/fonts/geist-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#202420;--paper:#f4f6f5;--soft:#edf0ec;--soft-2:#dfe4dc;--muted:#606662;--faint:#626b65;--green:#303632;--lime:#cbfb47;--lime-hover:#b9ed32;--line:#d8e0db;--warn:#a84620;--sans:Geist,Arial,sans-serif;--pad:50px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure,pre,ul,ol{margin:0}ul{list-style:none;padding:0}ol{padding:0}button,input{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}img{height:auto}pre{overflow:auto;font:12px/1.9 monospace}code{font: .9em/1.5 monospace}pre code{font:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--green);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}
.frame{width:100%;max-width:1280px;padding-inline:var(--pad);margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;padding:12px 20px;background:var(--ink);color:white;z-index:40}.skip:focus{top:12px}
h1,h2,h3{font-weight:450;letter-spacing:-.055em}h1{font-size:clamp(62px,6.5vw,94px);line-height:1.03}h2{font-size:clamp(42px,5.3vw,74px);line-height:1.07}h3{font-size:32px;line-height:1.15;letter-spacing:-.035em}h4{font-size:15px;font-weight:500}h1>span,h2>span,h3>span{color:var(--green)}p{text-wrap:pretty}.eyebrow{font:400 10px/1.5 monospace;letter-spacing:.08em;color:var(--faint)}.num,output{font-variant-numeric:tabular-nums}.mono-note,.fine{font-size:12px;color:var(--faint)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:14px 22px;background:var(--ink);color:white;border-radius:10px;font-size:14px;line-height:1.5;transition:background .18s,transform .18s;white-space:nowrap}.btn:hover{background:#363c37}.btn:active,button:active{transform:translateY(1px)}.btn-lime{background:var(--lime);color:var(--ink)}.btn-lime:hover{background:var(--lime-hover)}.btn-lime::after{content:'';width:6px;height:6px;background:var(--ink);box-shadow:8px 0 #20242060;flex:none;margin-right:8px}.btn-ghost{background:#ffffff45;border:1px solid var(--line);color:var(--muted)}.btn-ghost:hover{background:white}.btn-sm{min-height:48px;padding:12px 19px;font-size:12px}.cta{display:flex;gap:12px;flex-wrap:wrap}.text-link{display:inline-flex;gap:20px;font-size:13px;color:var(--green);align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
/* Three independent navigation surfaces, not a full-width app header. */
.nav{position:fixed;inset:24px 0 auto;z-index:20;pointer-events:none}.nav-in{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-inline:4vw}.nav-in>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:9px}.nav .brand,.desktop-nav{background:#f1f4f1dc;backdrop-filter:blur(16px);border:1px solid #ffffff65;border-radius:13px;padding:15px 18px;min-height:60px}.brand-tile{display:grid;place-items:center;width:27px;height:27px}.brand-tile img{width:27px;height:25px}.brand-word{font-size:24px;font-weight:500;letter-spacing:-.06em}.brand-word b{font-weight:450}.desktop-nav{display:flex;align-items:center;gap:25px;font-size:12px}.desktop-nav a{padding-block:5px}.desktop-nav a:hover{color:var(--green)}.nav-right{display:flex;gap:8px}.nav-right .btn{min-height:60px;border-radius:13px}#menu-toggle{display:none}#mobile-nav{position:fixed;z-index:19;inset:92px 16px auto;padding:16px 24px 24px;border-radius:18px;background:#edf2ee;box-shadow:0 22px 50px #17231b26}#mobile-nav a{display:flex;gap:22px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}#mobile-nav a span{font-size:24px;letter-spacing:-.04em;color:var(--ink)}
/* Hero: a tangible access key above type, green pixel horizon below it. */
.hero{background:linear-gradient(180deg,#dbe1dd 0%,#e9eeeb 43%,var(--paper) 95%)}.hero-grid{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:105px}.hero-emblem{position:relative;width:300px;height:220px}.hero-emblem>img:first-child{position:absolute;inset:-10px 0 auto;width:300px;height:250px}.hero-key-mark{position:absolute;left:154px;top:145px;width:44px;height:42px;transform:rotate(-13deg)}.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;width:100%}.hero-copy h1{white-space:nowrap}.hero-copy .lead{max-width:620px;color:var(--muted);font-size:17px;line-height:1.55}.hero-copy .cta{justify-content:center}.hero-benefits{display:flex;gap:16px;font-size:11px;color:var(--muted);align-items:center}.hero-benefits>span+span{border-left:1px solid #bdc9c1;padding-left:16px}.pixel-horizon{position:relative;top:-16px;width:100%;height:132px;margin-top:-4px}.pixel-horizon canvas{position:absolute;inset:0;width:100%;height:112px;pointer-events:none}#pause-pixels{position:absolute;right:0;bottom:0;font-size:10px;color:var(--muted);min-height:28px;padding:4px 8px}#pause-pixels:hover{color:var(--green);background:#e4ece6}
/* Open editorial sections share one rhythm and a single neutral ground. */
.why-in{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px;padding-block:112px 100px}.why-copy{display:grid;gap:24px}.why-copy h2{font-size:clamp(40px,4.5vw,62px)}.why-copy>p:not(.eyebrow){max-width:460px;font-size:16px;color:var(--muted)}.hero-diagram{min-width:0}.diagram-wide{width:100%}.diagram-narrow{display:none}.diagram text{font-family:var(--sans);font-size:15px;fill:var(--ink)}.diagram .dg-cap{font-size:12px;fill:var(--muted)}.diagram .dg-title{font-size:22px;font-weight:500}.diagram .dg-tag{font-size:10px;fill:var(--muted)}.dg-lines path{stroke:#b4c6b9;stroke-width:1.5}.dg-node rect:first-child,.dg-models>rect{fill:#fff;stroke:#d4dfd7}.dg-glyph,.dg-tile rect{fill:#e6eee7}.dg-gate>rect:first-child{fill:#deedcb;stroke:#acc290}.dg-pill rect{fill:#fafff5;stroke:#c7d9bb}.dg-pill text:not(.dg-tag){font-size:13px}.dg-pill.is-next{opacity:.65}.dg-pill.is-next circle{fill:#abbda1}.pulse{fill:#64a54b}
.diagram .dg-logo-flat{mix-blend-mode:multiply}
.quick{border-block:1px solid var(--line)}.quick-in{display:flex;gap:24px;align-items:center;padding-block:20px}.quick .label{font-size:12px;flex:none;color:var(--muted)}.quick-code{flex:1;min-width:0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.sq{display:none}.quick .btn{min-height:38px;padding:8px 14px;font-size:11px}
.console-sec>.frame,.features>.frame,.orbit-sec>.frame,.stages>.frame{padding-block:104px}.sec-head{display:grid;gap:22px;align-content:start}.sec-head>p:not(.eyebrow){max-width:570px;font-size:16px;color:var(--muted)}.console-sec .sec-head,.features>.frame>.sec-head{text-align:center;justify-items:center}.console-sec .sec-head h2{max-width:900px}.console{margin-top:48px;background:#fff;border:1px solid #d2dcd5;border-radius:20px;overflow:hidden;box-shadow:0 24px 52px -36px #203d2b50}.console-bar{display:flex;gap:15px;align-items:center;min-height:44px;padding:10px 20px;border-bottom:1px solid var(--line)}.console-title{font-size:12px;margin-right:auto}.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;background:#ccd5ce;border-radius:50%}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border:1px solid var(--line);border-radius:5px;font-size:11px;color:var(--muted);white-space:nowrap}.chip-lime{background:#e5f2d6;border-color:#c5dbac;color:#38652a}.chip-ok{background:#eef6e5;color:#3d692e}.console-body{display:grid;grid-template-columns:155px minmax(0,1fr);min-height:530px}.console-side{display:flex;flex-direction:column;gap:5px;padding:16px 10px;background:#f0f4f1;border-right:1px solid var(--line)}.console-side button{padding:10px 12px;text-align:left;border-radius:7px;font-size:13px;transition:background .2s}.console-side button:hover{background:#e1eae3}.console-side button[aria-selected=true]{background:#fff;color:var(--green);box-shadow:0 1px 3px #17281b0d}.side-foot{margin-top:auto;padding:14px 8px}.side-ws{display:flex;align-items:center;gap:10px;font-size:12px}.side-ws i{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:#dce9d7;font-size:11px;font-style:normal}.console-main{min-width:0;padding:24px}.console-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}.console-head h3{font-size:22px;letter-spacing:-.03em}.console-head p{font-size:12px;color:var(--muted);margin-top:5px}.seg{display:flex;gap:3px;background:var(--soft);padding:3px;border-radius:8px;flex:none}.seg button{padding:7px 9px;border-radius:6px;font-size:11px;min-height:32px}.seg button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #17281b13}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:10px}.metric span{font-size:11px;color:var(--muted)}.metric strong{font-size:23px;line-height:1.3;font-weight:450;letter-spacing:-.03em;white-space:nowrap}.metric small{font-size:11px;font-weight:400}.metric.accent{background:#e9f5d8;border-color:#d5e5bf}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.tbl{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.tbl th{text-align:left;font-weight:400;font-size:10px;color:var(--muted);background:#f4f7f4;padding:11px 10px}.tbl td{padding:13px 10px;white-space:nowrap;border-top:1px solid #edf1ee}.tbl .r{text-align:right}.tbl .dim{color:var(--muted)}.tbl tbody tr:hover{background:#f5f9f3}.st{display:inline-flex;align-items:center;gap:6px}.st:before{content:'';width:5px;height:5px;background:#5c9958;border-radius:50%}.st.warn{color:var(--warn)}.st.warn:before{background:var(--warn)}.bar{display:flex;gap:10px;align-items:center;min-width:160px}.meter{height:6px;background:var(--soft-2);overflow:hidden;flex:1;border-radius:3px}.meter i{display:block;height:100%;background:#70a754;transform-origin:left}.activity-panel{padding:16px;border:1px solid var(--line);border-radius:10px;margin-bottom:20px}.activity-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.activity-heading h4{font-size:12px}.activity-heading span,.activity-dates{font-size:10px;color:var(--faint)}#activity-line{width:100%;height:86px}.activity-grid{stroke:#e9efea;stroke-width:1;fill:none}.activity-area{fill:#e8f3dc}.activity-stroke{fill:none;stroke:#70a754;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}#activity-line circle{fill:white;stroke:#70a754;stroke-width:2}.activity-dates{display:flex;justify-content:space-between;margin-top:8px}.spend-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.spend-card{display:grid;align-content:start;gap:20px;padding:20px;border:1px solid var(--line);border-radius:12px}.spend-card h4{display:flex;justify-content:space-between;gap:12px;font-size:13px}.bars{display:grid;gap:24px}.bars .row{display:grid;gap:8px;font-size:12px}.bars .row>div:first-child{display:flex;justify-content:space-between}.chart{display:flex;align-items:end;height:160px;gap:7px}.chart i{flex:1;background:#c6d7bc;border-radius:3px 3px 0 0;transform-origin:bottom}.chart i.peak{background:#5b8a42}.is-new{animation:rowin .25s ease-out}@keyframes rowin{from{opacity:.3;transform:translateY(-5px)}to{opacity:1;transform:none}}
/* Open two-column features instead of a stack of unrelated cards. */
.features>.frame{border-top:1px solid var(--line)}.bento{display:grid;grid-template-columns:1fr 1fr;gap:72px 64px;margin-top:68px}.card{display:flex;flex-direction:column;gap:23px;min-width:0;align-self:start}.card>header{display:flex;gap:16px;align-items:center}.card>header h3{max-width:370px}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;border:1px solid #d2ded6;background:#fff;box-shadow:0 5px 10px #1c3b2710;flex:none;color:var(--green)}.feature-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card>p{font-size:16px;color:var(--muted);max-width:490px}.c-swap{order:1}.c-budget{order:2;border-left:1px solid var(--line);padding-left:56px}.swap-code{background:#fff;border:1px solid #dce4de;border-radius:12px;padding:22px;min-width:0}.swap-code pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.swap-code .k,.swap-code .d{color:var(--muted)}.swap-code mark{background:#e2f3c6;color:#315126;padding:2px 3px;border-radius:3px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip-btn{min-height:38px;padding:8px 11px;background:transparent;border:1px solid var(--line);border-radius:7px;font-size:11px;transition:background .18s,color .18s}.chip-btn:hover{background:#e4ede6}.chip-btn[aria-pressed=true]{background:#ddecce;border-color:#b6cf9d;color:#2d5c26}.budget{display:grid;gap:12px;background:#fff;border:1px solid #dce4de;border-radius:12px;padding:22px}.budget-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}.budget .meter{height:7px;margin-bottom:5px}.budget .meter i{background:#7daf5a}.budget .is-hot i{background:#d3984c}.budget .warn{color:#95652b}.budget-alert{font-size:11px;color:var(--muted);padding-top:8px}.live{display:inline-block;width:5px;height:5px;background:#83af4d;border-radius:50%;margin-right:6px}
.c-ru{order:3;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px 64px;padding-block:64px;border-block:1px solid var(--line)}.c-ru>header{grid-column:1;align-self:end}.c-ru>p{grid-column:1}.c-ru .ru-map{grid-column:2;grid-row:1/4;align-self:center;background:#eef2eb;border-radius:18px;padding:20px}.ru-map img{width:100%}.ru-foot{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;grid-column:1}.ru-foot .num{font-size:42px;letter-spacing:-.05em}.ru-foot small{font-size:16px}.ru-foot .mono-note{font-size:12px}
/* Interactive pixel material: actual native range and switch controls. */
.c-route{order:4;grid-column:1/-1;min-width:0}.effort-heading{display:flex;justify-content:space-between;gap:48px;align-items:end;margin:12px 0 36px}.effort-heading .eyebrow{margin-bottom:24px}.effort-heading h3{font-size:clamp(38px,4.6vw,64px);line-height:1.06;letter-spacing:-.055em}.effort-heading>p{font-size:15px;max-width:300px;color:var(--muted)}.effort-console{position:relative;isolation:isolate;overflow:hidden;border:1px solid #232d25;border-radius:26px;background:#0e1410;color:#f5f9f3;padding:28px;box-shadow:0 24px 40px -28px #173b2845}.effort-console>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.effort-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.effort-model{display:inline-flex;gap:14px;align-items:center;font:12px/1.5 monospace;padding:6px 10px;border:1px solid #ffffff20;border-radius:7px;background:#0c120db0}.effort-model small{font:10px var(--sans);color:#afc0b0}.pixel-switch{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#d4e2d1;min-height:44px}.switch-track{width:43px;height:24px;padding:4px;background:#344b32;border:1px solid #9bd86070;border-radius:5px}.switch-track i{display:block;width:14px;height:14px;background:var(--lime);transform:translateX(18px);box-shadow:0 0 12px #cbfb4740;transition:transform .18s var(--ease),background .18s}.pixel-switch[aria-checked=false] .switch-track{background:#27332a;border-color:#677869}.pixel-switch[aria-checked=false] i{transform:translateX(0);background:#b7c5b4;box-shadow:none}.effort-caption{display:flex;justify-content:space-between;gap:15px;font-size:14px;align-items:center;margin-bottom:13px}.effort-caption output{font:12px monospace;color:var(--lime)}.pixel-slider{position:relative;isolation:isolate;height:64px;background:#0b110cc9;border:1px solid #b8dc9b30;border-radius:10px;--depth:25%;overflow:visible}.pixel-slider canvas{position:absolute;inset:8px 10px;width:calc(100% - 20px);height:46px;pointer-events:none;border-radius:4px}.pixel-slider input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:2;cursor:ew-resize}.pixel-slider:focus-within{outline:2px solid var(--lime);outline-offset:5px}.pixel-thumb{position:absolute;top:12px;left:calc(16px + (100% - 64px)*var(--depth-ratio,.25));display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid #f0ffc6;background:#d9fe94;box-shadow:0 0 0 4px #314e21,0 0 28px #a3f13b7a;pointer-events:none}.pixel-thumb i{width:11px;height:11px;background:#21442a;box-shadow:0 0 0 3px #e9ffb5;border-radius:2px}.depth-scale{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:#a0b89f;margin-top:10px}.task-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:25px}.task-switch button{text-align:left;min-height:68px;padding:14px 16px;background:#111a13de;border:1px solid #8da08240;border-radius:12px;font-size:14px;transition:background .18s,border-color .18s}.task-switch button::before{content:'';display:block;width:5px;height:5px;background:#5b7454;box-shadow:8px 0 #41573c,16px 0 #2f422e;margin-bottom:9px}.task-switch button:hover{background:#263c22d9}.task-switch button[aria-pressed=true]{border-color:#c7f89185;background:#314b22cb}.task-switch button[aria-pressed=true]::before{background:var(--lime);box-shadow:8px 0 #a3db4a,16px 0 #729d31}.route-box{display:grid;grid-template-columns:1.1fr 1fr;gap:9px 50px;border-top:1px solid #c0e0a330;padding-top:25px;margin-top:26px}.route-prompt{grid-row:1/5;display:grid;align-content:start;gap:12px}.route-prompt span{font-size:10px;color:#9bb393}.route-prompt b{font-size:19px;font-weight:450;line-height:1.4;max-width:400px;min-height:4.2em}.share{display:grid;grid-template-columns:130px minmax(0,1fr) 34px;gap:12px;align-items:center;font-size:11px}.share output{text-align:right;color:#d3f6ac}.share .meter{height:5px;border-radius:0;background:#ffffff13}.share i{background:var(--lime)}.route-why{grid-column:1/-1;font-size:12px;color:#b9d0ac;margin-top:10px;min-height:2em}.effort-note{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:14px}.effort-manual{font-size:15px;color:#bcd2b4;padding:30px 0 16px;max-width:620px;min-height:245px}.effort-console.is-manual #effort-controls{opacity:.35}.effort-console.is-manual .pixel-slider input{cursor:not-allowed}.effort-console.is-manual .pixel-thumb{box-shadow:0 0 0 4px #253323;background:#a1b49c}.pixel-slider input:disabled{cursor:not-allowed}
/* Keep live pixels behind the controls, never competing with the readout. */
.route-box{background:#0d140fe8;box-shadow:0 0 0 14px #0d140fe8;border-radius:8px}
.effort-console.is-manual .effort-manual{min-height:0;padding-bottom:8px}
.effort-note{gap:10px 20px;align-items:center;flex-wrap:wrap}.effort-note p{max-width:760px;min-width:0}.motion-toggle{flex:none;min-height:32px;font-size:10px;color:var(--green);text-decoration:underline;text-underline-offset:4px;margin-left:auto}
/* Ecosystem, connection and roadmap. */
.orbit-stage{border-radius:36px;border:1px solid var(--line)}
.orbit-stage>#galaxy{border-radius:inherit}
.orbit-head{display:flex;justify-content:space-between;gap:64px;align-items:end}.orbit-head .eyebrow{margin-bottom:0}.orbit-head>p{max-width:310px;font-size:15px;color:var(--muted)}.orbit-stage{position:relative;height:480px;margin-top:40px;background:radial-gradient(ellipse at center,#fff 0%,#f4f6f5 70%);border-block:1px solid var(--line);overflow:hidden}#galaxy{position:absolute;inset:0;isolation:isolate;overflow:hidden}#galaxy canvas{position:absolute;inset:0;width:100%;height:100%}#back{touch-action:pan-y}#front{pointer-events:none;z-index:2}#labels{position:absolute;inset:0;pointer-events:none}.lab{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:white;opacity:0}.lab img{width:16px;height:16px;object-fit:contain}.lab .fallback{font:500 10px var(--sans)}.mark-fallback{position:absolute;pointer-events:none}.mark-fallback img{width:100%;height:100%}.static-mark{position:absolute;width:120px;left:calc(50% - 60px);top:35%}.orbit-meta{position:absolute;z-index:5;bottom:20px;left:0;right:0;display:flex;justify-content:center}.orbit-meta .chip-btn{background:#f4f6f5d9;backdrop-filter:blur(6px)}
.connect-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-block:104px;border-top:1px solid var(--line)}.connect-copy{display:grid;gap:24px;align-content:start}.connect-copy h2{font-size:clamp(40px,4.6vw,64px)}.connect-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:470px}.steps{list-style:none;display:grid;gap:22px;margin-top:12px}.steps li{display:flex;gap:15px}.steps li>b{display:grid;place-items:center;width:26px;height:26px;border:1px solid #cbd9cd;border-radius:6px;color:var(--green);font:11px monospace;flex:none}.steps strong{font-weight:450;font-size:17px}.steps small{display:block;font-size:13px;color:var(--muted);margin-top:3px}
/* Cult UI's tabbed code block, native adaptation. */
.code-panel{align-self:center;padding:4px;background:#e8ede8;color:var(--ink);border:1px solid #d4ded5;border-radius:17px;min-width:0;overflow:hidden;box-shadow:0 16px 32px -26px #1c3d2850}.code-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px 0}.code-tabs{position:relative;display:flex;gap:3px;min-width:0;padding-bottom:8px}.code-tabs button{padding:8px 9px;min-height:40px;border-radius:6px;font-size:11px;color:var(--muted);white-space:nowrap}.code-tabs button:hover{background:#dae5db}.code-tabs button[aria-selected=true]{color:var(--ink)}.code-tab-indicator{position:absolute;left:0;bottom:0;height:2px;border-radius:2px;background:var(--green);transition:transform .18s var(--ease)}.code-copy{display:inline-flex;align-items:center;gap:6px;justify-content:center;min-width:106px;min-height:34px;margin-bottom:8px;padding:6px 8px;border:1px solid #ccd8ce;border-radius:7px;background:#f8fbf7;color:var(--muted);font-size:11px;white-space:nowrap;flex:none}.code-copy:hover{background:white}.code-copy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.code-copy .check-glyph{display:none}.code-copy.copied{color:var(--green);background:#e5f4d3}.code-copy.copied .check-glyph{display:block}.code-copy.copied .copy-glyph{display:none}#code-content{background:#fff;border-radius:11px;padding:26px 14px 30px;min-height:275px;max-height:475px;margin:0;font-size:12px;line-height:1.9;white-space:normal;tab-size:4}#code-content>code{display:block;white-space:normal}.code-line{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;min-height:1.9em}.line-number{text-align:right;color:#8e9b90;user-select:none}.code-source{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.syntax-key{color:#426678}.syntax-string{color:#567f32}.syntax-keyword{color:#815d87}.syntax-number{color:#98703c}.syntax-comment{color:#778a76}.code-meta{display:flex;justify-content:space-between;gap:14px;padding:10px 14px 7px;font-size:10px;color:var(--muted)}.code-meta span{min-width:0;overflow-wrap:anywhere}
.stages>.frame{border-top:1px solid var(--line)}.stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}.stage{position:relative;padding-top:40px}.stage:before{content:'';position:absolute;left:0;right:0;top:0;height:16px;pointer-events:none;background:repeating-linear-gradient(90deg,var(--lime) 0 8px,transparent 8px 16px) 0 0/100% 8px no-repeat,repeating-linear-gradient(90deg,var(--lime) 0 8px,transparent 8px 32px) 8px 8px/100% 8px no-repeat;mask-image:linear-gradient(90deg,#000 0 24%,#000c 24% 48%,#0007 48% 68%,#0003 68% 88%,transparent 88%)}.stage:nth-child(2):before{background-position:8px 0,0 8px}.stage:nth-child(3):before{background-position:0 0,24px 8px}.stage header{margin-bottom:20px}.stage h3{font-size:26px;margin-bottom:22px}.stage ul{display:grid;gap:12px;font-size:14px;color:var(--muted)}.stage li{padding-left:14px;position:relative}.stage li:before{content:'';position:absolute;left:0;top:.7em;width:3px;height:3px;background:#8fa48d}
/* FAQ: quiet dividers, no separate nested card for every answer. */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;padding-block:90px 110px;border-top:1px solid var(--line);align-items:start}.faq-grid h2{font-size:52px}.faq-grid .sec-head{gap:20px}.faq-grid .sec-head>p:not(.eyebrow){font-size:15px;max-width:280px}.faq-connect{display:flex;gap:12px;align-items:center;margin-top:5px;max-width:330px}.faq-connect .feature-icon{display:none}.faq-connect strong{font-size:13px;font-weight:450;color:var(--green)}.faq-connect small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.faq-link-chevron{width:16px;height:16px;fill:none;stroke:var(--green);stroke-width:1.5}.questions{min-width:0}.questions details{border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}.questions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;padding:23px 0;font-size:14px;line-height:1.5;color:var(--muted)}.questions summary:hover,.questions details[open] summary{color:var(--ink)}.questions summary::-webkit-details-marker{display:none}.faq-toggle{position:relative;width:18px;height:18px;flex:none}.faq-toggle:before,.faq-toggle:after{content:'';position:absolute;left:4px;top:8px;width:10px;height:1px;background:currentColor}.faq-toggle:after{transform:rotate(90deg);transition:transform .18s}.questions details[open] .faq-toggle:after{transform:rotate(0)}.faq-answer{padding:0 30px 24px 0}.faq-answer p{font-size:14px;line-height:1.7;color:var(--muted)}.questions details[open] .faq-answer{animation:rowin .2s ease-out}
/* Dark closing statement and a pixel-built wordmark. */
.final{padding:20px var(--pad) 0}.final-in{position:relative;isolation:isolate;max-width:1180px;overflow:hidden;background:#0f1510;color:white;border-radius:25px;padding:48px 50px;display:grid;gap:26px;box-shadow:0 22px 40px -30px #20392280}.final-in>.eyebrow{color:#9cae97}.final-in h2{font-size:clamp(46px,6.2vw,84px);line-height:1.02;position:relative;z-index:2;max-width:900px}.final-in h2 span{color:var(--lime)}.final-in>p:not(.eyebrow){color:#a8baa3;font-size:15px;max-width:530px;position:relative;z-index:2}.final-in>.cta{position:relative;z-index:2;margin-top:10px}.final-in .btn-lime{background:var(--lime);color:#20321a}.final-in .btn-lime:after{background:#32541e;box-shadow:8px 0 #32541e60}.btn-ghost-dark{background:#ffffff10;border:1px solid #ffffff25;color:#d6e5cf}.btn-ghost-dark:hover{background:#ffffff20}.pixel-ring{position:absolute;inset:0 0 0 auto;width:48%;height:100%;z-index:0;pointer-events:none;opacity:.8}.final-mark{display:none}.foot-in{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:72px 56px}.foot-brand{display:grid;gap:16px;align-content:start}.foot-brand p{font-size:13px;color:var(--muted)}.foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}.foot-cols h4{font-size:11px;font-weight:400;color:var(--faint);margin-bottom:16px}.foot-cols a{display:block;padding-block:5px;font-size:12px}.foot-cols a:hover{color:var(--green)}.foot-note{grid-column:1/-1;display:none}.foot-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.pixel-wordmark{height:240px;margin-top:20px}.pixel-wordmark canvas{width:100%;height:100%;display:block}.toast{position:fixed;z-index:30;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:14px 22px;border-radius:9px;background:var(--ink);color:var(--lime);font-size:13px}
/* Brand lime is a surface, not low-contrast small text. The legacy --green
   token stays neutral for links, labels and focus rings on the light ground. */
h2>span,h3>span{color:var(--ink)}
.chip-lime,.chip-ok,.chip-btn[aria-pressed=true],.console-side button[aria-selected=true],.seg button[aria-pressed=true],.code-tabs button[aria-selected=true],.code-copy.copied{background:var(--lime);border-color:var(--lime);color:var(--ink);box-shadow:none}
.chip-btn:hover,.console-side button:hover,.code-tabs button:hover{background:#e7f4c7}
.chip-btn[aria-pressed=true]:hover,.console-side button[aria-selected=true]:hover,.code-tabs button[aria-selected=true]:hover{background:var(--lime-hover)}
.orbit-meta .chip-btn[aria-pressed=true]{background:var(--lime);color:var(--ink)}
.feature-icon,.steps li>b,.side-ws i{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.metric.accent{background:#eaf8cd;border-color:#d7edaa}
.swap-code mark{background:var(--lime);color:var(--ink)}
.meter i,.budget .meter i,.live,.st:before,.chart i.peak{background:var(--lime)}
.budget .is-hot i,.st.warn:before{background:var(--warn)}
.chart i{background:#e0efb5}.activity-area{fill:#eaf8cd}.activity-stroke,#activity-line circle{stroke:#91b72a}
.dg-gate>rect:first-child{fill:var(--lime);stroke:#b5db49}.dg-pill rect{fill:#f4fbdc;stroke:#d3e5a6}.pulse{fill:var(--lime)}
.effort-console{background:#111311;border-color:#303430;color:#f5f6f3;box-shadow:0 24px 40px -28px #20242045}
.effort-model{background:#141614b0}.effort-model small,.depth-scale,.route-prompt span{color:#b5beb2}
.pixel-switch{color:#dce2d9}.switch-track{background:var(--lime);border-color:var(--lime)}
.switch-track i{background:var(--ink);box-shadow:none}
.pixel-switch[aria-checked=false] .switch-track{background:#303530;border-color:#778075}
.pixel-switch[aria-checked=false] i{background:#c1c8bd}
.pixel-slider{background:#101210c9;border-color:#ffffff30}
.pixel-thumb{background:var(--lime);border-color:#ecffc1;box-shadow:0 0 0 4px #343b2c,0 0 28px #cbfb4740}
.pixel-thumb i{background:var(--ink);box-shadow:0 0 0 3px #ecffc1}
.task-switch button{background:#1a1d1ade;border-color:#ffffff30}
.task-switch button::before{background:#737c6b;box-shadow:8px 0 #565f4e,16px 0 #3b4236}
.task-switch button:hover{background:#30372bd9}
.task-switch button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.task-switch button[aria-pressed=true]::before{background:var(--ink);box-shadow:8px 0 #202420a0,16px 0 #20242060}
.route-box{background:#111311ed;box-shadow:0 0 0 14px #111311ed;border-top-color:#ffffff30}
.share output{color:var(--lime)}.route-why,.effort-manual{color:#c3ccbd}
.effort-console.is-manual .pixel-thumb{background:#afb8a7;box-shadow:0 0 0 4px #30372b}
.final-in{background:#121512;box-shadow:0 22px 40px -30px #20242080}
.final-in>.eyebrow{color:#b1b9ac}.final-in>p:not(.eyebrow){color:#bcc5b7}
.final-in .btn-lime{color:var(--ink)}.final-in .btn-lime:hover{background:var(--lime-hover)}
.final-in .btn-lime:after{background:var(--ink);box-shadow:8px 0 #20242060}.btn-ghost-dark{color:#dce3d7}
@media(max-width:1100px){
 :root{--pad:32px}.desktop-nav{gap:17px;font-size:11px;padding:15px}.nav-in{gap:14px}.nav .brand{padding:15px 14px}.brand-word{font-size:22px}.why-in{gap:35px}.console-body{grid-template-columns:1fr}.console-side{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);padding:8px 12px}.side-foot{display:none}.console-head{flex-wrap:wrap}.bento{gap:56px 40px}.c-budget{padding-left:32px}.c-ru{gap:22px 40px}.effort-heading{gap:32px}.effort-heading>p{max-width:260px}.connect-grid{gap:36px}.code-top{flex-wrap:wrap}.code-copy{margin-left:auto}.orbit-head{gap:32px}.orbit-head>p{max-width:265px}
}
@media(max-width:760px){
 :root{--pad:24px}html{scroll-padding-top:105px}body{font-size:16px}.nav{top:16px}.nav-in{padding-inline:16px}.desktop-nav{display:none}.nav .brand{min-height:55px;padding:12px 14px}.nav-right .btn{min-height:55px;font-size:11px;padding:12px 15px}#menu-toggle{display:flex;align-items:center;gap:12px;min-height:55px;padding:12px 15px;background:#eef3efe8;backdrop-filter:blur(16px);border-radius:12px;font-size:11px}#menu-toggle span{font-size:18px;color:var(--green)}.hero-grid{padding-top:105px;gap:18px}.hero-emblem{height:200px}.hero-copy h1{font-size:clamp(39px,7.5vw,59px);white-space:normal;letter-spacing:-.06em}.hero-copy .lead{max-width:520px;font-size:16px}.hero-copy{gap:22px}.hero-benefits{font-size:10px}.pixel-horizon{height:110px}.pixel-horizon canvas{height:90px}.why-in{grid-template-columns:1fr;gap:40px;padding-block:72px}.why-copy h2{font-size:48px}.why-copy>p:not(.eyebrow){max-width:570px}.hero-diagram{max-width:600px}.quick-in{flex-wrap:wrap;gap:14px}.quick-code{flex-basis:65%}.quick .label{flex-basis:100%}.console-sec>.frame,.features>.frame,.orbit-sec>.frame,.stages>.frame{padding-block:72px}h2{font-size:50px}.console-main{padding:20px 16px}.metrics{gap:9px}.metric strong{font-size:21px}.metric{padding:12px}.tbl th,.tbl td{padding:12px 8px}.console-head h3{font-size:22px}.bento{grid-template-columns:1fr;gap:44px;margin-top:48px}.c-budget{border-left:0;border-top:1px solid var(--line);padding:36px 0 0}.c-ru{grid-template-columns:1fr;gap:22px;padding-block:40px}.c-ru>*{grid-column:1!important;grid-row:auto!important}.c-ru .ru-map{padding:20px;margin-top:0}.c-ru .ru-foot{order:4}.effort-heading{flex-direction:column;align-items:start;gap:24px}.effort-heading h3{font-size:48px}.effort-heading>p{max-width:530px}.effort-console{padding:22px;border-radius:20px}.route-box{gap:10px 24px;grid-template-columns:1fr 1fr}.share{grid-template-columns:100px minmax(0,1fr) 28px;gap:8px;font-size:10px}.route-prompt b{font-size:17px}.task-switch button{font-size:12px;padding:13px}.orbit-head{flex-direction:column;align-items:start;gap:24px}.orbit-head>p{max-width:530px}.orbit-stage{height:420px}.connect-grid{grid-template-columns:1fr;gap:40px;padding-block:72px}.connect-copy h2{font-size:50px}.code-panel{width:100%}.code-top{flex-wrap:nowrap}.code-copy{margin-left:0}.stage-grid{grid-template-columns:1fr;gap:32px}.stage{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px}.stage header{grid-column:1/-1;margin:0}.stage h3{margin:0}.stage ul{font-size:13px}.faq-grid{grid-template-columns:1fr;gap:38px;padding-block:72px}.faq-grid h2{font-size:48px}.faq-grid .sec-head>p:not(.eyebrow){max-width:450px}.final{padding-inline:24px}.final-in{padding:38px 30px}.final-in h2{font-size:55px}.pixel-ring{width:60%;opacity:.45}.foot-in{gap:36px;padding-block:48px}.pixel-wordmark{height:180px}
}
@media(max-width:480px){
 :root{--pad:20px}.brand-word{font-size:21px}.brand-tile{width:22px}.brand-tile img{width:22px;height:22px}.nav-right .btn{display:none}.hero-emblem{width:270px;height:190px}.hero-emblem>img:first-child{width:270px;height:225px;inset:-10px 0 auto}.hero-key-mark{left:138px;top:129px;width:40px;height:38px}.hero-grid{gap:20px;padding-top:95px}.hero-copy h1{font-size:clamp(34px,8.9vw,43px);line-height:1.07}.hero-copy .lead{font-size:15px;max-width:350px}.hero-copy .cta{gap:9px;width:100%;justify-content:center}.hero-copy .btn{font-size:12px;min-height:46px;padding:12px 15px;gap:12px}.hero-benefits{gap:10px;font-size:9px}.hero-benefits>span+span{padding-left:10px}.pixel-horizon{height:105px}.pixel-horizon canvas{height:78px}#pause-pixels{font-size:9px}.why-in{padding-block:60px;gap:30px}.why-copy{gap:22px}.why-copy h2{font-size:39px}.why-copy>p:not(.eyebrow){font-size:15px}.eyebrow{font-size:9px}.diagram-wide{display:none}.diagram-narrow{display:block;width:100%;max-width:340px;margin:auto}.diagram-narrow .dg-node text:not(.dg-mono){font-size:13px}.quick-code{flex-basis:100%;font-size:10px}.quick .btn{font-size:10px}.console-sec>.frame,.features>.frame,.orbit-sec>.frame,.stages>.frame{padding-block:60px}h2{font-size:40px}.sec-head{gap:20px}.sec-head>p:not(.eyebrow){font-size:15px}.console{margin-top:30px;border-radius:14px}.console-bar{padding:10px 12px}.dots{display:none}.console-main{padding:18px 12px}.console-head{gap:14px}.console-head p{font-size:11px}.console-side{padding:8px}.console-side button{min-height:40px;font-size:12px;padding:8px 11px}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric strong{font-size:21px}.metric span,.metric small{font-size:11px}.tbl th:nth-child(1),.tbl td:nth-child(1),.tbl th:nth-child(2),.tbl td:nth-child(2),.tbl th:nth-child(4),.tbl td:nth-child(4),.tbl th:nth-child(5),.tbl td:nth-child(5){display:none}.tbl td{white-space:normal;overflow-wrap:anywhere}.tbl .r{white-space:nowrap}#cp-keys .tbl th,#cp-keys .tbl td{display:table-cell}#cp-keys .tbl th:nth-child(2),#cp-keys .tbl td:nth-child(2),#cp-keys .tbl th:nth-child(3),#cp-keys .tbl td:nth-child(3),#cp-keys .tbl th:nth-child(4),#cp-keys .tbl td:nth-child(4){display:none}.spend-grid{grid-template-columns:1fr}.spend-card{padding:16px}.activity-panel{padding:12px}.activity-heading h4{font-size:11px}.activity-heading span{font-size:9px}.bento{margin-top:38px;gap:36px}.card>header{gap:13px}.card>header h3{font-size:28px}.card>p{font-size:15px}.swap-code,.budget{padding:18px 14px}.swap-code pre{font-size:11px}.chip-btn{font-size:10px;min-height:36px;padding:8px 9px}.c-ru .ru-map{padding:16px 8px}.ru-foot{gap:15px}.ru-foot .num{font-size:36px}.ru-foot small{font-size:14px}.effort-heading h3{font-size:38px}.effort-heading>p{font-size:14px}.effort-heading .eyebrow{margin-bottom:20px}.effort-console{padding:18px 14px;border-radius:17px}.effort-top{gap:10px;margin-bottom:20px}.effort-model{font-size:10px;padding:5px 7px;gap:7px}.effort-model small{font-size:8px}.pixel-switch{gap:7px;font-size:10px}.switch-track{width:39px;height:22px;padding:3px}.switch-track i{transform:translateX(17px)}.effort-caption{font-size:12px}.effort-caption output{font-size:10px}.task-switch{gap:6px}.task-switch button{font-size:10px;padding:11px 9px;min-height:66px;border-radius:8px}.depth-scale{font-size:9px;gap:10px}.route-box{grid-template-columns:1fr;padding-top:20px;margin-top:20px;gap:11px}.route-prompt{grid-row:auto;gap:8px;margin-bottom:7px}.route-prompt b{font-size:16px;min-height:4.2em}.share{grid-template-columns:125px minmax(0,1fr) 32px;gap:8px;font-size:11px}.route-why{font-size:11px;min-height:3.6em;line-height:1.6;margin-top:8px}.effort-note{font-size:9px;line-height:1.6}.effort-manual{font-size:13px;min-height:305px}.orbit-stage{height:350px;margin-top:30px}.orbit-meta .chip-btn{font-size:10px}.connect-grid{padding-block:60px;gap:32px}.connect-copy h2{font-size:40px}.connect-copy>p:not(.eyebrow){font-size:15px}.steps{gap:20px}.steps strong{font-size:16px}.steps small{font-size:12px}.code-top{flex-wrap:wrap;gap:4px;padding-inline:5px}.code-tabs button{font-size:10px;padding:7px 8px;min-height:36px}.code-copy{margin-left:auto;min-height:32px;font-size:10px;min-width:99px}#code-content{padding:22px 9px;font-size:11px;min-height:250px}.code-line{grid-template-columns:16px minmax(0,1fr);gap:9px}.code-meta{font-size:9px;padding-inline:10px}.stage{grid-template-columns:1fr;gap:18px}.stage h3{font-size:27px}.stage ul{font-size:14px}.faq-grid{padding-block:60px;gap:32px}.faq-grid h2{font-size:40px}.questions summary{font-size:13px;padding-block:21px}.faq-answer p{font-size:13px}.final{padding:10px 16px 0}.final-in{padding:32px 24px;gap:24px;border-radius:20px}.final-in h2{font-size:clamp(34px,8.7vw,44px)}.final-in>p:not(.eyebrow){font-size:14px}.final-in .cta{flex-direction:column;gap:10px;align-items:start}.final-in .btn{font-size:12px;min-height:45px}.pixel-ring{width:100%;opacity:.25}.foot-in{grid-template-columns:1fr;gap:36px;padding-block:48px 36px}.foot-cols{gap:30px}.foot-brand .brand-word{font-size:24px}.foot-bottom{font-size:9px}.pixel-wordmark{height:110px;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.pulse{display:none}}