@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-var.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-var.woff2)format("woff2");font-weight:100 800;font-display:swap}:root{--bg:#0b0c10;--bg-elev:#101218;--bg-card:#13151c;--bg-inset:#08090c;--line:#ebe8dc17;--line-strong:#ebe8dc2e;--ink:#f1efe9;--ink-dim:#a9abb6;--ink-faint:#686b78;--accent:#f0b429;--accent-strong:#ffcb47;--accent-soft:#f0b42924;--accent-ink:#191203;--live:#4ade80;--live-soft:#4ade8024;--danger:#f87171;--paper:#f5f2e8;--paper-dim:#e9e5d6;--paper-ink:#201d15;--paper-faint:#85806c;--radius:16px;--radius-sm:10px;--font-display:"Bricolage Grotesque", "Avenir Next", "Segoe UI", sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;--container:1180px;--nav-h:68px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}[id]{scroll-margin-top:calc(var(--nav-h) + 24px)}.grain{z-index:60;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 28px}.steps>*,.features>*,.eco-grid>*,.diff-grid>*,.stack-grid>*,.compare-layout>*,.metrics-box>*,.footer-grid>*{min-width:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}html:not(.no-js) .reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(22px)}html:not(.no-js) .reveal.in-view{opacity:1;transform:none}.nav{z-index:50;height:var(--nav-h);border-bottom:1px solid #0000;align-items:center;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#0b0c10c7}.nav-inner{align-items:center;gap:28px;display:flex}.nav-logo{letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.nav-logo svg{display:block}.nav-links{gap:4px;margin-left:auto;display:flex}.nav-links a{color:var(--ink-dim);border-radius:8px;padding:8px 12px;font-size:13.5px;font-weight:500;transition:color .2s,background .2s}.nav-links a:hover{color:var(--ink);background:#ebe8dc0f}.nav-actions{align-items:center;gap:10px;display:flex}.nav-icon-link{width:36px;height:36px;color:var(--ink-dim);border-radius:9px;place-items:center;transition:color .2s,background .2s,transform .2s;display:grid}.nav-icon-link:hover{color:var(--ink);background:#ebe8dc12;transform:translateY(-1px)}.gh-chip{border:1px solid var(--line-strong);background:#ebe8dc0a;border-radius:10px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.gh-chip:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px);box-shadow:0 6px 24px -8px #f0b42966}.gh-chip .star{color:var(--accent)}.gh-chip .count{font-family:var(--font-mono);color:var(--ink-dim);border-left:1px solid var(--line-strong);padding-left:8px;font-size:12.5px}.btn{height:46px;font-family:var(--font-display);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:0 22px;font-size:14.5px;font-weight:650;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:var(--accent-ink);box-shadow:inset 0 1px #ffffff40,0 8px 28px -10px #f0b4298c}.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff40,0 14px 36px -10px #f0b429a6}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:#ebe8dc08}.btn-ghost:hover{border-color:var(--ink-faint);background:#ebe8dc12;transform:translateY(-2px)}.cmd{border:1px solid var(--line-strong);background:var(--bg-inset);height:46px;font-family:var(--font-mono);color:var(--ink-dim);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:0 8px 0 16px;font-size:13.5px;transition:border-color .2s,color .2s,transform .2s;display:inline-flex}.cmd:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-1px)}.cmd .dollar{color:var(--live);-webkit-user-select:none;user-select:none}.cmd .copy-btn{width:30px;height:30px;color:var(--ink-faint);background:#ebe8dc0d;border-radius:8px;place-items:center;transition:color .2s,background .2s;display:grid}.cmd:hover .copy-btn{color:var(--accent);background:var(--accent-soft)}.cmd.copied{border-color:var(--live)}.cmd.copied .copy-btn{color:var(--live);background:var(--live-soft)}.hero{padding:calc(var(--nav-h) + 84px) 0 40px;position:relative;overflow:clip}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-bg .grid-lines{background-image:linear-gradient(#ebe8dc0b 1px,#0000 1px),linear-gradient(90deg,#ebe8dc0b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 0,#000 30%,#0000 75%)}.hero-bg .glow-amber{filter:blur(10px);background:radial-gradient(circle,#f0b42924,#0000 62%);width:720px;height:720px;position:absolute;top:-220px;left:-140px}.hero-bg .glow-green{background:radial-gradient(circle,#4ade8012,#0000 60%);width:640px;height:640px;position:absolute;top:160px;right:-220px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid;position:relative}.hero-eyebrow{border:1px solid var(--line-strong);font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-dim);background:#ebe8dc0a;border-radius:999px;align-items:center;gap:10px;padding:7px 14px;font-size:12px;display:inline-flex}.hero-eyebrow .dot{background:var(--live);border-radius:50%;width:7px;height:7px;animation:2.4s infinite pulse;box-shadow:0 0 #4ade8080}@keyframes pulse{0%{box-shadow:0 0 #4ade8080}70%{box-shadow:0 0 0 9px #4ade8000}to{box-shadow:0 0 #4ade8000}}.hero h1{letter-spacing:-.028em;text-wrap:balance;margin:26px 0 0;font-size:clamp(42px,5.6vw,68px);font-weight:750;line-height:1.03}.hero h1 em{font-family:var(--font-serif);letter-spacing:0;color:var(--accent-strong);padding-right:.06em;font-style:italic;font-weight:400}.hero-lede{max-width:560px;color:var(--ink-dim);text-wrap:pretty;margin:22px 0 0;font-size:17.5px;line-height:1.65}.hero-lede strong{color:var(--ink);font-weight:600}.hero-lede a{color:var(--ink);border-bottom:1px solid var(--line-strong);transition:border-color .2s}.hero-lede a:hover{border-color:var(--accent)}.hero-ctas{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.hero-note{font-family:var(--font-mono);color:var(--ink-faint);margin-top:18px;font-size:12px}.hero-note b{color:var(--ink-dim);font-weight:500}.terminal{border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg, #0d0f14, var(--bg-inset));transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform:perspective(1400px)rotateY(-4deg)rotateX(1.5deg);box-shadow:0 40px 80px -32px #000c,0 0 0 1px #0006,inset 0 -1px #ebe8dc0f}.terminal:hover{transform:perspective(1400px)rotateY(0)rotateX(0)}.terminal-bar{border-bottom:1px solid var(--line);background:#ebe8dc06;align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-bar .light{background:var(--line-strong);border-radius:50%;width:11px;height:11px}.terminal-bar .light:first-child{opacity:.75;background:#f66}.terminal-bar .light:nth-child(2){opacity:.75;background:#fc3}.terminal-bar .light:nth-child(3){opacity:.75;background:#5c6}.terminal-bar .title{font-family:var(--font-mono);color:var(--ink-faint);margin-left:auto;font-size:11.5px}.terminal-body{font-family:var(--font-mono);min-height:318px;padding:20px 22px 24px;font-size:13px;line-height:1.9}.terminal-body .line{white-space:pre-wrap;word-break:break-word}.terminal-body .prompt{color:var(--live)}.terminal-body .cmd-text{color:var(--ink)}.terminal-body .out{color:var(--ink-faint)}.terminal-body .ok{color:var(--live)}.terminal-body .hl{color:var(--accent-strong)}.caret{background:var(--accent);vertical-align:-2px;width:8px;height:15px;margin-left:2px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.metrics{margin-top:72px;padding:0 0 8px;position:relative}.metrics-box{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10121899;grid-template-columns:repeat(4,1fr) auto;display:grid;overflow:hidden}.metric{border-right:1px solid var(--line);padding:22px 26px 20px;transition:background .25s;display:block;position:relative}.metric:hover{background:#ebe8dc09}.metric .value{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.metric .value.skeleton{color:var(--ink-faint);animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{50%{opacity:.45}}.metric .label{color:var(--ink-faint);align-items:center;gap:6px;margin-top:4px;font-size:12.5px;font-weight:500;display:flex}.metric .label svg{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-3px,3px)}.metric:hover .label svg{opacity:1;transform:none}.metrics-live{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-width:168px;padding:0 26px;display:flex}.live-badge{font-family:var(--font-mono);letter-spacing:.14em;color:var(--live);align-items:center;gap:8px;font-size:11px;display:inline-flex}.live-badge .dot{background:var(--live);border-radius:50%;width:7px;height:7px;animation:2.4s infinite pulse}.metrics-live .src{color:var(--ink-faint);font-size:11.5px;line-height:1.5}.metrics-live .src a{color:var(--ink-dim);border-bottom:1px solid var(--line-strong)}.metrics-live .src a:hover{color:var(--ink);border-color:var(--accent)}.ticker-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:64px;padding:14px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ticker{gap:44px;width:max-content;animation:60s linear infinite ticker;display:flex}.ticker-wrap:hover .ticker{animation-play-state:paused}@keyframes ticker{to{transform:translate(-50%)}}.ticker span{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;font-size:12.5px}.ticker span b{color:var(--ink-dim);font-weight:500}.ticker span .dl{color:var(--accent)}.section{padding:118px 0 0;position:relative}.section-head{max-width:720px}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:12px}.section-head h2{letter-spacing:-.024em;text-wrap:balance;margin:14px 0 0;font-size:clamp(30px,3.6vw,46px);font-weight:720;line-height:1.08}.section-head h2 em{font-family:var(--font-serif);color:var(--accent-strong);font-style:italic;font-weight:400}.section-head .lede{color:var(--ink-dim);text-wrap:pretty;margin:18px 0 0;font-size:16.5px}.section-head .lede a{color:var(--ink);border-bottom:1px solid var(--line-strong)}.section-head .lede a:hover{border-color:var(--accent)}.diff-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:46px;display:grid}.diff-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;overflow:hidden}.diff-card:hover{transform:translateY(-4px)}.diff-card.bad:hover{border-color:#f8717166;box-shadow:0 24px 48px -24px #f8717140}.diff-card.good:hover{border-color:#4ade8073;box-shadow:0 24px 48px -24px #4ade804d}.diff-head{border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-faint);align-items:center;gap:10px;padding:13px 18px;font-size:12px;display:flex}.diff-head .tag{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:10.5px}.diff-card.bad .tag{color:var(--danger);background:#f871711f}.diff-card.good .tag{color:var(--live);background:var(--live-soft)}.diff-body{font-family:var(--font-mono);padding:18px 18px 20px;font-size:13px;line-height:2}.diff-line{white-space:pre-wrap;border-radius:6px;padding:0 10px;display:block}.diff-line.minus{color:#f2a3a3;background:#f8717112}.diff-line.plus{color:#a7e8bd;background:#4ade8012}.diff-line.ctx{color:var(--ink-faint)}.diff-quote{border-top:1px dashed var(--line-strong);color:var(--ink-dim);margin:0;padding:16px 18px 18px;font-size:13.5px}.diff-quote em{font-family:var(--font-serif);color:var(--ink);font-size:16px}.diff-quote .who{font-family:var(--font-mono);color:var(--ink-faint);margin-top:6px;font-size:11px;display:block}.steps{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);padding:26px 24px 24px;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s;position:relative}.step:hover{border-color:var(--line-strong);transform:translateY(-4px)}.step .num{font-family:var(--font-serif);color:var(--accent);font-size:44px;font-style:italic;line-height:1}.step h3{letter-spacing:-.01em;margin:14px 0 8px;font-size:19px;font-weight:680}.step p{color:var(--ink-dim);margin:0 0 16px;font-size:14px}.step p code,.inline-code{font-family:var(--font-mono);color:var(--ink);background:#ebe8dc12;border-radius:6px;padding:2px 6px;font-size:.86em}.step-code{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-inset);font-family:var(--font-mono);color:var(--ink-dim);margin:0;padding:14px 16px;font-size:12px;line-height:1.85;overflow-x:auto}.step-code .c{color:var(--ink-faint)}.step-code .g{color:var(--live)}.step-code .y{color:var(--accent-strong)}.step-code .w{color:var(--ink)}.features{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px;display:grid}.feature{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);padding:26px 24px;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s;position:relative;overflow:hidden}.feature:before{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), #f0b42917, transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.feature:hover{border-color:var(--line-strong);transform:translateY(-4px)}.feature:hover:before{opacity:1}.feature .icon{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--accent);background:#ebe8dc0a;border-radius:11px;place-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:grid}.feature:hover .icon{transform:rotate(-6deg)scale(1.06);box-shadow:0 8px 20px -8px #f0b42966}.feature h3{letter-spacing:-.01em;margin:18px 0 8px;font-size:17.5px;font-weight:680}.feature p{color:var(--ink-dim);margin:0;font-size:14px;line-height:1.62;position:relative}.feature p code{font-family:var(--font-mono);color:var(--ink);font-size:.86em}.stack-note{border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-dim);border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:6px 12px;font-size:11.5px;display:inline-flex}.stack-note b{color:var(--live);font-weight:600}.stack-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:46px;display:grid}.stack-tile{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-card);flex-direction:column;align-items:flex-start;gap:12px;padding:20px 18px 16px;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s;display:flex}.stack-tile:hover{border-color:var(--line-strong);transform:translateY(-5px);box-shadow:0 20px 40px -20px #000000b3}.stack-tile svg{width:auto;height:30px;transition:transform .28s cubic-bezier(.22,1,.36,1)}.stack-tile:hover svg{transform:scale(1.1)}.stack-tile .name{color:var(--ink);font-size:13.5px;font-weight:620}.stack-tile .host{font-family:var(--font-mono);color:var(--ink-faint);align-items:center;gap:5px;font-size:10.5px;display:flex}.stack-tile .host svg{opacity:0;height:10px;transition:opacity .2s,transform .2s;transform:translate(-3px)}.stack-tile:hover .host svg{opacity:1;transform:none}.compare-layout{grid-template-columns:380px 1fr;align-items:start;gap:56px;margin-top:52px;display:grid}.receipt{background:var(--paper);color:var(--paper-ink);font-family:var(--font-mono);--notch:radial-gradient(circle at 50% 100%, transparent 7px, var(--paper) 7.5px);padding:30px 26px 34px;font-size:12.5px;line-height:1.75;transition:transform .4s cubic-bezier(.22,1,.36,1);position:relative;transform:rotate(-1.4deg);box-shadow:0 30px 60px -20px #000000bf,0 4px 14px #0006}.receipt:hover{transform:rotate(0)scale(1.015)}.receipt:before,.receipt:after{content:"";background-image:radial-gradient(circle at 8px 0, transparent 6px, var(--paper) 6.5px);background-repeat:repeat-x;background-size:20px 12px;height:12px;position:absolute;left:0;right:0}.receipt:before{top:-11px;transform:scaleY(-1)}.receipt:after{bottom:-11px}.receipt h3{text-align:center;letter-spacing:.22em;margin:0;font-size:15px;font-weight:700}.receipt .sub{text-align:center;letter-spacing:.1em;color:var(--paper-faint);margin-bottom:14px;font-size:10.5px}.receipt hr{border:0;border-top:1.5px dashed #201d1559;margin:12px 0}.receipt .row{justify-content:space-between;gap:10px;display:flex}.receipt .row .item b{font-weight:700}.receipt .row .price{white-space:nowrap}.receipt .row.strike .item,.receipt .row.strike .price{color:var(--paper-faint);text-decoration:line-through;text-decoration-thickness:1.2px}.receipt .row.total{margin-top:4px;font-size:14.5px;font-weight:700}.receipt .fine{text-align:center;color:var(--paper-faint);margin-top:12px;font-size:10.5px}.receipt .barcode{background:repeating-linear-gradient(90deg, var(--paper-ink) 0 2px, transparent 2px 5px, var(--paper-ink) 5px 6px, transparent 6px 10px, var(--paper-ink) 10px 13px, transparent 13px 16px);width:78%;height:40px;margin:16px auto 0}.receipt .barcode-num{text-align:center;letter-spacing:.32em;color:var(--paper-faint);margin-top:5px;font-size:10px}.compare-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:640px;font-size:13.5px}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:13px 16px}.compare-table thead th{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);background:#ebe8dc08;font-size:11.5px}.compare-table tbody tr:last-child td{border-bottom:0}.compare-table tbody tr{transition:background .2s}.compare-table tbody tr:hover{background:#ebe8dc06}.compare-table td.crit{color:var(--ink-dim);white-space:nowrap;font-weight:500}.compare-table .us{background:#f0b4290d;border-left:1px solid #f0b42959;border-right:1px solid #f0b42959}.compare-table thead .us{color:var(--accent);border-top:1px solid #f0b42959}.compare-table tbody tr:last-child .us{border-bottom:1px solid #f0b42959}.compare-table tbody .us{color:var(--ink);font-weight:500}.compare-table tbody .yes:not(.us){color:var(--ink-dim)}.compare-table tbody .no:not(.us),.compare-table tbody .meh:not(.us){color:var(--ink-faint)}.compare-note{color:var(--ink-faint);margin-top:16px;font-size:12.5px}.eco-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px;display:grid}.eco-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);flex-direction:column;padding:26px 24px;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s;display:flex}.eco-card:hover{border-color:var(--accent);transform:translateY(-4px)}.eco-card h3{margin:0 0 10px;font-size:18px;font-weight:680}.eco-card p{color:var(--ink-dim);flex:1;margin:0 0 18px;font-size:14px}.eco-card .eco-cmd{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-inset);font-family:var(--font-mono);color:var(--ink-dim);white-space:nowrap;padding:11px 14px;font-size:12px;overflow-x:auto}.eco-card .eco-cmd .g{color:var(--live)}.eco-card .doc-link{color:var(--accent);align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:600;display:inline-flex}.eco-card .doc-link svg{transition:transform .2s}.eco-card .doc-link:hover svg{transform:translate(3px)}.roadmap{grid-template-columns:repeat(6,1fr);gap:0;margin-top:54px;display:grid;position:relative}.roadmap:before{content:"";background:linear-gradient(90deg, var(--accent) 78%, var(--line-strong) 78%);height:2px;position:absolute;top:15px;left:8.33333%;right:8.33333%}.phase{text-align:center;padding:0 10px;position:relative}.phase .node{z-index:1;background:var(--accent);width:32px;height:32px;color:var(--accent-ink);border-radius:50%;place-items:center;margin:0 auto;transition:transform .25s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.phase:hover .node{transform:scale(1.18)}.phase.next .node{background:var(--bg);border:2px dashed var(--accent);color:var(--accent);animation:14s linear infinite spin-dash}@keyframes spin-dash{to{transform:rotate(360deg)}}.phase.next:hover .node{animation-play-state:paused;transform:scale(1.18)}.phase h4{margin:16px 0 4px;font-size:14px;font-weight:650}.phase p{color:var(--ink-faint);margin:0;font-size:12px;line-height:1.5}.phase .when{font-family:var(--font-mono);color:var(--ink-faint);margin-top:6px;font-size:10.5px;display:block}.phase.next .when{color:var(--accent)}.final{border-top:1px solid var(--line);text-align:center;margin-top:128px;padding:108px 0 96px;position:relative;overflow:clip}.final:before{content:"";pointer-events:none;background:radial-gradient(#f0b42921,#0000 65%);width:900px;height:620px;position:absolute;top:-300px;left:50%;transform:translate(-50%)}.final h2{letter-spacing:-.026em;margin:0;font-size:clamp(34px,4.4vw,56px);font-weight:740;position:relative}.final h2 em{font-family:var(--font-serif);color:var(--accent-strong);font-style:italic;font-weight:400}.final .lede{max-width:520px;color:var(--ink-dim);margin:18px auto 0}.final-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:36px;display:flex}.footer{border-top:1px solid var(--line);background:var(--bg-inset);padding:64px 0 40px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;display:grid}.footer-brand p{max-width:300px;color:var(--ink-faint);margin:14px 0 0;font-size:13.5px}.footer h5{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 14px;font-size:11px}.footer ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.footer ul a{color:var(--ink-dim);font-size:13.5px;transition:color .2s}.footer ul a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:12px;margin-top:56px;padding-top:22px;font-size:11.5px;display:flex}.footer-bottom .spacer{flex:1}.footer-bottom .live-note{align-items:center;gap:7px;display:inline-flex}.footer-bottom .live-note .dot{background:var(--live);border-radius:50%;width:6px;height:6px;animation:2.4s infinite pulse}@media (width<=1060px){.hero-grid{grid-template-columns:1fr;gap:48px}.terminal{max-width:640px;transform:none}.metrics-box{grid-template-columns:repeat(2,1fr)}.metrics-live{border-top:1px solid var(--line);flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;padding:14px 26px}.metric:nth-child(2n){border-right:0}.metric{border-bottom:1px solid var(--line)}.features,.steps,.eco-grid{grid-template-columns:repeat(2,1fr)}.stack-grid{grid-template-columns:repeat(4,1fr)}.compare-layout{grid-template-columns:1fr}.receipt{max-width:400px;margin:0 auto}.roadmap{grid-template-columns:repeat(3,1fr);row-gap:44px}.roadmap:before{display:none}}@media (width<=880px){.nav-links{display:none}.nav-inner{gap:12px}.nav-actions{margin-left:auto}}@media (width<=700px){.container{padding:0 20px}.hero{padding-top:calc(var(--nav-h) + 56px)}.features,.steps,.eco-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:repeat(2,1fr)}.diff-grid,.metrics-box{grid-template-columns:1fr}.metric{border-right:0}.roadmap{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.section{padding-top:88px}}@media (width<=460px){.stack-grid,.roadmap,.footer-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.ticker{animation:none}.terminal{transform:none}}