:root{--bg: #08080a;--surface: #0b0b0d;--surface-quiet: rgba(13, 13, 16, .8);--hairline: rgba(255, 255, 255, .08);--hairline-quiet: rgba(255, 255, 255, .06);--text: #f4f4f5;--text-dim: #9b9ba3;--text-faint: #5e5e66;--amber: #f59e0b;--neon: #34d399;--supabase: #38bdf8;--font-display: "Bricolage Grotesque", "Avenir Next", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1100px 500px at 70% -10%,rgba(245,158,11,.06),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Inter,Roboto,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:1060px;margin:0 auto;padding:64px 24px 80px}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);margin:0 0 16px}.title{font-family:var(--font-display);font-size:clamp(34px,5.4vw,54px);font-weight:600;letter-spacing:-.01em;line-height:1.05;margin:0 0 18px}.accent{color:var(--amber)}.lede{max-width:640px;color:var(--text-dim);font-size:17px;margin:0 0 22px}.meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint)}.meta b{color:var(--text-dim);font-weight:500}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:14px;margin:40px 0 14px}.stat{border:1px solid var(--hairline-quiet);background:var(--surface-quiet);border-radius:16px;padding:18px 20px}.stat .k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.stat .v{font-family:var(--font-display);font-size:30px;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums}.stat .v small{font-size:15px;color:var(--text-dim);font-weight:500}.stat .d{font-size:12.5px;color:var(--text-dim);margin-top:4px}.stat-versus{grid-column:span 2}@media (max-width: 520px){.stat-versus{grid-column:span 1}}.versus-headline{display:flex;align-items:baseline;gap:10px;margin-top:6px}.versus-mult{font-family:var(--font-display);font-size:34px;font-weight:700;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.versus-mult small{font-size:20px;font-weight:600}.versus-mult-label{font-size:13px;color:var(--text-dim)}.versus-bars{display:flex;flex-direction:column;gap:8px;margin-top:14px}.versus-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:12px}.versus-name{font-family:var(--font-mono);font-size:11.5px;font-weight:500;white-space:nowrap}.versus-name em{font-style:normal;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.versus-track{height:8px;background:var(--hairline-quiet);border-radius:999px;overflow:hidden}.versus-fill{display:block;height:100%;border-radius:999px;min-width:3px}.versus-val{font-family:var(--font-display);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.versus-val em{font-style:normal;font-family:var(--font-mono);font-weight:400;font-size:11px;color:var(--text-faint);margin-left:4px}@media (max-width: 520px){.versus-row{grid-template-columns:96px 1fr auto;gap:8px}}.card{border:1px solid var(--hairline);background:var(--surface);border-radius:16px;box-shadow:inset 0 1px #ffffff0a;padding:24px 26px 20px;margin-top:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.grid-2 .card{margin-top:0}@media (max-width: 860px){.grid-2{grid-template-columns:1fr}}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.card-head-right{display:inline-flex;align-items:baseline;gap:12px;flex-shrink:0}.card-tag,.card-runs{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.verdict{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.06em;padding:2px 9px;border-radius:999px;border:1px solid transparent;white-space:nowrap;align-self:center}.verdict-neon{color:var(--neon);background:#34d3991a;border-color:#34d39940}.verdict-supabase{color:var(--supabase);background:#38bdf81a;border-color:#38bdf840}.verdict-tie{color:var(--text-dim);background:#ffffff0d;border-color:var(--hairline)}@media (max-width: 520px){.verdict{display:none}}.card-title{font-family:var(--font-display);font-size:21px;font-weight:600;margin:14px 0 4px}.card-sub{color:var(--text-dim);font-size:13.5px;margin:0 0 18px;max-width:560px}svg text{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.legend .sw{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px;vertical-align:0}.legend .sw-line{display:inline-block;margin-right:7px;vertical-align:middle}.foot{margin-top:36px;padding-top:22px;border-top:1px solid var(--hairline-quiet);color:var(--text-faint);font-size:13px;max-width:720px}.foot a{color:var(--amber);text-decoration:none}.foot a:hover{text-decoration:underline}.verdicts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-dim);border:1px solid var(--hairline-quiet);background:var(--surface-quiet);border-radius:999px;padding:5px 12px}.chip i{width:7px;height:7px;border-radius:99px;display:inline-block}.chart-shell{position:relative}.chart-tip{position:absolute;z-index:10;pointer-events:none;background:#131316;border:1px solid var(--hairline);border-radius:10px;padding:8px 11px;font-family:var(--font-mono);font-size:11.5px;line-height:1.6;color:var(--text-dim);white-space:nowrap;box-shadow:0 8px 24px #00000073}.chart-tip .tip-title{color:var(--text);font-weight:500}.bar-grow{transform-origin:left center;animation:barGrow .55s cubic-bezier(.22,1,.36,1) backwards}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dot-in{animation:dotIn .4s ease-out backwards}@keyframes dotIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .5s ease-out backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.bar-grow,.dot-in,.fade-in{animation:none}}.method{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}.method-col{border:1px solid var(--hairline-quiet);background:var(--surface-quiet);border-radius:16px;padding:18px 20px}.method-col h3{font-family:var(--font-display);font-size:15px;font-weight:600;margin:0 0 8px}.method-col p{margin:0;font-size:13px;color:var(--text-dim)}.method-col a{color:var(--amber);text-decoration:none}.method-col a:hover{text-decoration:underline}.legend-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:2px 6px;margin:-2px -6px;transition:background .15s,opacity .2s}.legend-toggle:hover{background:#ffffff0d}.legend-off{opacity:.35;text-decoration:line-through}.legend-hint{margin-left:auto;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.payload{margin-top:20px;padding-top:18px;border-top:1px solid var(--hairline-quiet)}.payload-head{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px}.payload-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;margin-bottom:9px}.payload-name{font-family:var(--font-mono);font-size:12px;font-weight:500}.payload-track{height:10px;background:var(--hairline-quiet);border-radius:999px;overflow:hidden}.payload-fill{display:block;height:100%;border-radius:999px}.payload-val{font-family:var(--font-display);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.payload-val em{font-style:normal;font-family:var(--font-mono);font-weight:400;font-size:11px;color:var(--text-faint);margin-left:6px}.payload-foot{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-dim);max-width:620px}@media (max-width: 520px){.payload-row{grid-template-columns:74px 1fr auto;gap:8px}}.scale-toggle{display:flex;align-items:center;gap:8px;margin:4px 0 16px}.scale-toggle button{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);background:var(--surface-quiet);border:1px solid var(--hairline-quiet);border-radius:8px;padding:5px 12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.scale-toggle button:hover{color:var(--text)}.scale-toggle button.on{color:var(--bg);background:var(--text);border-color:var(--text)}.scale-toggle-hint{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--text-faint)}@media (max-width: 520px){.scale-toggle-hint{display:none}}html{scroll-behavior:smooth}.section-nav{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:6px;margin:28px 0 4px;padding:10px 0;background:linear-gradient(to bottom,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.section-nav a{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);text-decoration:none;padding:5px 11px;border:1px solid var(--hairline-quiet);border-radius:999px;background:var(--surface-quiet);transition:color .15s,border-color .15s,background .15s}.section-nav a:hover{color:var(--text);border-color:var(--hairline)}.section-nav a.active{color:var(--bg);background:var(--text);border-color:var(--text)}[id=latency],[id=branching],[id=scaling],[id=cost],[id=method]{scroll-margin-top:64px}.reveal-pending{opacity:0;transform:translateY(14px)}.reveal.in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal-pending{opacity:1;transform:none}}#ad-slot{margin-top:28px;display:flex;justify-content:center}