:root{--bg:#121412;--bg-raised:#1a1d1a;--bg-inset:#0d0f0d;--ink:#f2f0e8;--ink-2:#c3c2b7;--ink-3:#898781;--grid:#2c2c2a;--axis:#3a3d3a;--border:#ffffff1a;--accent:#ffb000;--accent-ink:#121412;--accent-dim:#b87f00;--good:#0ca30c;--critical:#d03b3b;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--s7:#9085e9;--s8:#e66767;--mono:ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, "SF Mono", monospace;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--maxw:1120px;--shell-pad:24px;--sticky-h:112px;--sec-gap:76px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--sticky-h)}body{background:var(--bg);color:var(--ink-2);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}img,svg,video,canvas{max-width:100%}code,.mono{overflow-wrap:anywhere}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3{color:var(--ink);letter-spacing:-.015em;margin:0;line-height:1.2}h2{margin-bottom:.75rem;font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:700}h3{font-size:1.02rem;font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:var(--mono)}.shell{max-width:var(--maxw);padding:0 var(--shell-pad);margin:0 auto}.btn{font-family:var(--sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;line-height:1.3;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#ffc23d}.btn-ghost{border-color:var(--border);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--accent-dim)}.btn-sm{padding:7px 14px;font-size:.85rem}.masthead{z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.masthead-inner{max-width:var(--maxw);padding:13px var(--shell-pad);align-items:center;gap:28px;margin:0 auto;display:flex}.wordmark{font-family:var(--mono);color:var(--ink);letter-spacing:.01em;align-items:center;gap:10px;font-size:1.02rem;display:flex}.wordmark b{color:var(--accent);font-weight:700}.masthead nav{align-items:center;gap:24px;margin-left:auto;font-size:.92rem;font-weight:500;display:flex}.masthead nav a{color:var(--ink-2)}.masthead nav a:hover{color:var(--ink);text-decoration:none}.masthead nav a.btn-primary,.masthead nav a.btn-primary:hover{color:var(--accent-ink)}.nav-toggle{width:42px;height:42px;color:var(--ink);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:0;display:none}.nav-toggle:hover{border-color:var(--accent-dim)}.nav-toggle .bar{transform-box:fill-box;transform-origin:50%;transition:opacity .15s,transform .15s}.masthead.nav-open .nav-toggle{border-color:var(--accent-dim);color:var(--accent)}.masthead.nav-open .nav-toggle .bar-top{transform:translateY(5px)rotate(45deg)}.masthead.nav-open .nav-toggle .bar-mid{opacity:0}.masthead.nav-open .nav-toggle .bar-bot{transform:translateY(-5px)rotate(-45deg)}@media (prefers-reduced-motion:reduce){.nav-toggle .bar{transition:none}}.hero{grid-template-columns:minmax(0,10fr) minmax(0,11fr);align-items:center;gap:48px;padding:64px 0 48px;display:grid}.hero h1{letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(2rem,4.4vw,2.9rem);font-weight:700}.hero h1 .accent{color:var(--accent)}.hero .sub{max-width:34rem;margin:0 0 26px;font-size:1.08rem}.hero-ctas{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.hero-points{color:var(--ink-3);flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;font-size:.86rem;list-style:none;display:flex}.hero-points li:before{content:"✓ ";color:var(--good)}@media (width<=960px){.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:44px}}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.72rem;font-weight:400;display:block}.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:30px 0;display:grid}.stat b{font-family:var(--mono);color:var(--ink);margin-bottom:2px;font-size:1.65rem;font-weight:600;display:block}.stat span{color:var(--ink-3);font-size:.85rem}@media (width<=720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}section{padding:var(--sec-gap) 0 0}.section-head{max-width:680px;margin-bottom:32px}.section-head p{margin:0}.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:56px;display:grid}.split .copyblock p{margin:0 0 14px}.split .copyblock p:last-child{margin-bottom:0}.split .copyblock h2{margin-bottom:14px}.split.flip>.copyblock{order:2}.more-link{font-size:.92rem;font-weight:500}@media (width<=920px){.split{grid-template-columns:minmax(0,1fr);gap:26px}.split.flip>.copyblock{order:0}}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;overflow:hidden}.panel-title{border-bottom:1px solid var(--border);font-family:var(--mono);color:var(--ink-3);align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;display:flex}.panel-title .dot{background:var(--grid);border-radius:50%;width:9px;height:9px}.panel-title .dot.live{background:var(--good)}.scenario-row{flex-wrap:wrap;gap:8px;padding:12px 14px;display:flex}button.chip{font-family:var(--mono);cursor:pointer;color:var(--ink-2);background:var(--bg-inset);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:.8rem}button.chip:hover{border-color:var(--accent-dim);color:var(--ink)}button.chip.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.curl-line{border-top:1px solid var(--border);background:var(--bg-inset);color:var(--ink-2);white-space:nowrap;align-items:center;gap:10px;margin:0;padding:10px 14px;font-size:.78rem;display:flex;overflow-x:auto}.curl-line .prompt{color:var(--good)}button.copy{font-family:var(--mono);cursor:pointer;color:var(--ink-3);background:var(--bg-inset);border:1px solid var(--border);border-radius:4px;flex:none;margin-left:auto;padding:2px 8px;font-size:.72rem}button.copy:hover{color:var(--accent);border-color:var(--accent-dim)}button.copy.done{color:var(--good);border-color:var(--good)}.ribbon{border-top:1px solid var(--border);background:var(--bg-inset);height:34px;font-family:var(--mono);align-items:center;font-size:.78rem;display:flex;overflow:hidden}.ribbon:empty{display:none}.ribbon-badge{border-right:1px solid var(--border);height:100%;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;flex:none;align-items:center;gap:7px;padding:0 16px 0 24px;font-size:.7rem;display:flex}.ribbon-badge:hover{color:#ffc23d;text-decoration:none}.ribbon-dot{background:var(--good);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite ribbon-pulse}.ribbon-window{flex:1;overflow:hidden}.ribbon-track{width:max-content;animation:60s linear infinite ribbon-scroll;display:flex}.ribbon-window:hover .ribbon-track{animation-play-state:paused}.ribbon-group{display:flex}.ribbon-item{white-space:nowrap;padding:0 16px}.ribbon-item .sym{color:var(--ink-3)}.ribbon-item .px{color:var(--ink);transition:color .4s}.ribbon-item .px.up{color:var(--good)}.ribbon-item .px.down{color:var(--critical)}.ribbon-item .px.up:after{content:" ▲";font-size:.8em}.ribbon-item .px.down:after{content:" ▼";font-size:.8em}@keyframes ribbon-scroll{to{transform:translate(-50%)}}@keyframes ribbon-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.ribbon-track,.ribbon-dot{animation:none}}.props{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.prop{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:24px}.prop-icon{border:1px solid var(--border);background:var(--bg-inset);width:38px;height:38px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.prop h3{margin:0 0 8px}.prop p{margin:0;font-size:.92rem}.diff{background:var(--bg-inset);margin:0;padding:16px;font-size:.85rem;line-height:1.7;overflow-x:auto}.diff .del{color:var(--critical)}.diff .add{color:var(--good)}.diff .ctx{color:var(--ink-3)}.gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--bg-raised);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;padding:16px;transition:border-color .15s;display:flex}.card .sparkline{margin-top:auto}.card:hover{border-color:var(--accent-dim)}.card .name{font-family:var(--mono);color:var(--accent);font-size:.9rem}.card .desc{min-height:3.6em;margin:4px 0 12px;font-size:.84rem}.proof-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.hash{font-family:var(--mono);color:var(--ink-3);border-top:1px solid var(--border);white-space:nowrap;padding:8px 14px;font-size:.72rem;overflow-x:auto}.hash b{color:var(--good);font-weight:400}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{font-family:var(--mono);cursor:pointer;color:var(--ink-3);background:0 0;border:none;border-bottom:2px solid #0000;flex:none;padding:8px 16px;font-size:.82rem}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.tabpanes{position:relative}.tabpanes pre{background:var(--bg-inset);margin:0;padding:16px;font-size:.82rem;line-height:1.65;display:none;overflow-x:auto}.tabpanes pre.active{display:block}.tabpanes .copy{position:absolute;top:10px;right:10px}.headers-pre{background:var(--bg-inset);color:var(--ink-3);margin:0;padding:18px;font-size:.82rem;line-height:1.8;overflow-x:auto}.headers-pre .hl{color:var(--accent)}.disclaimer{border:1px solid var(--accent-dim);background:color-mix(in srgb, var(--accent) 5%, var(--bg));border-radius:8px;padding:18px 20px;font-size:.92rem}.disclaimer b{color:var(--ink)}.cta-band{text-align:center;border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-raised), var(--bg));border-radius:12px;margin-top:84px;padding:56px 32px}.cta-band h2{margin-bottom:10px}.cta-band>p{max-width:34rem;margin:0 auto 26px}.cta-band .curl-line{border:1px solid var(--border);border-radius:8px;max-width:760px;margin:0 auto 26px}.cta-band .hero-ctas{justify-content:center;margin-bottom:0}footer{border-top:1px solid var(--border);background:var(--bg-inset);color:var(--ink-3);margin-top:88px;font-size:.9rem}.foot-inner{max-width:var(--maxw);padding:48px var(--shell-pad) 32px;margin:0 auto}.foot-grid{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px;margin-bottom:40px;display:grid}.foot-brand p{max-width:30ch;margin:12px 0 0;font-size:.86rem}.foot-col h4{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin:0 0 12px;font-size:.7rem;font-weight:400}.foot-col a{color:var(--ink-2);padding:3px 0;display:block}.foot-col a:hover{color:var(--accent);text-decoration:none}.fine{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px 28px;padding-top:22px;font-size:.8rem;display:flex}.fine p{margin:0}@media (width<=820px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sparkline,.chart-wrap>svg{width:100%;height:auto;display:block}.chart-wrap{width:100%;position:relative}.chart-tip{background:var(--bg-inset);border:1px solid var(--grid);max-width:calc(100% - 16px);font-family:var(--mono);pointer-events:none;white-space:nowrap;z-index:2;border-radius:4px;padding:6px 9px;font-size:.75rem;position:absolute;top:8px;transform:translate(-50%)}.chart-legend{font-family:var(--mono);color:var(--ink-2);flex-wrap:wrap;gap:14px;padding:8px 14px;font-size:.78rem;display:flex}.chart-empty{text-align:center;font-family:var(--mono);color:var(--ink-3);padding:40px 14px;font-size:.85rem}@keyframes draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.drawing{stroke-dashoffset:0!important;animation:none!important}}.pg-controls{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:14px;display:grid}.pg-wide{grid-column:span 2}.pg-controls label{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;margin-bottom:4px;font-size:.7rem;display:block}.pg-controls input,.pg-controls select{width:100%;font-family:var(--mono);color:var(--ink);background:var(--bg-inset);border:1px solid var(--border);border-radius:4px;padding:7px 9px;font-size:.85rem}.pg-controls input:focus,.pg-controls select:focus{outline:1px solid var(--accent-dim)}button.go{font-family:var(--sans);cursor:pointer;color:var(--accent-ink);background:var(--accent);border:none;border-radius:6px;padding:8px 22px;font-size:.9rem;font-weight:600}button.go:hover{background:#ffc23d}button.ghost{font-family:var(--sans);cursor:pointer;color:var(--ink-2);border:1px solid var(--border);background:0 0;border-radius:6px;padding:7px 14px;font-size:.85rem;font-weight:500}button.ghost:hover{border-color:var(--accent-dim);color:var(--ink)}.pg-json{background:var(--bg-inset);max-height:420px;margin:0;padding:14px;font-size:.75rem;line-height:1.5;overflow:auto}.pg-error{font-family:var(--mono);color:var(--critical);padding:12px 14px;font-size:.85rem}@media (width<=1024px){:root{--sec-gap:60px;--shell-pad:20px}.cta-band{margin-top:64px;padding:44px 24px}footer{margin-top:68px}}@media (width<=800px){:root{--sticky-h:104px}.masthead-inner{flex-wrap:wrap;gap:12px 20px}.masthead nav{flex-wrap:wrap;gap:12px 18px}.masthead[data-nav-ready] .masthead-inner{flex-wrap:nowrap}.masthead[data-nav-ready] .nav-toggle{display:inline-flex}.masthead[data-nav-ready] nav{max-height:calc(100dvh - var(--sticky-h));padding:6px var(--shell-pad) 16px;background:var(--bg-raised);border-bottom:1px solid var(--border);flex-flow:column;align-items:stretch;gap:0;font-size:1rem;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 18px 32px #0000006b}.masthead[data-nav-ready].nav-open nav{display:flex}.masthead[data-nav-ready] nav a{border-bottom:1px solid var(--border);padding:13px 2px}.masthead[data-nav-ready] nav a.btn{border-bottom:1px solid #0000;justify-content:center;margin-top:14px;padding:12px 20px}.masthead[data-nav-ready] nav a:last-child{border-bottom:1px solid #0000}}@media (width<=600px){:root{--shell-pad:16px;--sec-gap:46px;--sticky-h:98px}h2{font-size:clamp(1.25rem,5.4vw,1.5rem)}.hero{gap:26px;padding:30px 0 34px}.hero h1{font-size:clamp(1.72rem,8vw,2.2rem)}.hero .sub{margin-bottom:22px;font-size:1rem}.hero-ctas .btn{flex:100%;justify-content:center;padding:12px 16px}.stats{gap:18px 14px;padding:22px 0}.stat b{font-size:1.32rem}.stat span{font-size:.8rem}.split{gap:22px}.section-head{margin-bottom:22px}button.chip{padding:8px 13px}button.copy{padding:5px 9px}.scenario-row{gap:7px;padding:11px 12px}.curl-line{padding:9px 12px;font-size:.74rem}.curl-line .copy{background:var(--bg-inset);box-shadow:-10px 0 10px 2px var(--bg-inset);position:sticky;right:0}.panel-title{padding:8px 12px}.tabpanes pre,.diff,.headers-pre{padding:13px 12px;font-size:.76rem}.card .desc{min-height:0}.prop{padding:20px 18px}.cta-band{border-radius:10px;margin-top:48px;padding:34px 18px}footer{margin-top:52px}.foot-inner{padding:34px var(--shell-pad) 26px}.foot-grid{gap:26px 20px;margin-bottom:28px}.foot-brand{grid-column:1/-1}.ribbon{height:30px;font-size:.72rem}.ribbon-badge{padding:0 12px 0 var(--shell-pad);gap:6px;font-size:.62rem}.ribbon-item{padding:0 12px}.pg-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.pg-controls input,.pg-controls select{padding:9px 10px;font-size:16px}.pg-wide{grid-column:1/-1}button.go{padding:10px 20px}.pg-json{max-height:60vh;padding:12px;font-size:.7rem}.doc-table{font-size:.82rem}.doc-table,.doc-table tbody,.doc-table tr,.doc-table td{width:auto;display:block}.doc-table tr{border-bottom:1px solid var(--border);padding:10px 0}.doc-table tr:first-child{display:none}.doc-table td{overflow-wrap:break-word;border-bottom:0;padding:0}.doc-table td:first-child{white-space:normal;margin-bottom:2px}h2.mono{overflow-wrap:anywhere;font-size:clamp(.92rem,3.9vw,1.25rem)}.doc-pre{padding:12px;font-size:.76rem}.toc{gap:6px 14px;padding-top:18px;font-size:.8rem}.disclaimer{padding:15px 16px;font-size:.88rem}}@media (width<=380px){.pg-controls{grid-template-columns:minmax(0,1fr)}}
