:root{--accent: #0b0f1a;--accent-strong: #000000;--accent-weak: rgba(11, 15, 26, .05);--accent-line: rgba(11, 15, 26, .14);--signal: #b45309;--signal-weak: rgba(180, 83, 9, .09);--btn-ink: #ffffff;--bg: #ffffff;--bg-sunken: #f6f7fb;--bg-raised: #ffffff;--ink: #0b0f1a;--ink-2: #4a5468;--ink-3: #7b8497;--rule: #e4e7f0;--rule-strong: #cfd4e2;--inv-bg: #0a0d16;--inv-ink: #f4f6fb;--inv-ink-2: #9aa3b8;--inv-rule: rgba(255, 255, 255, .12);--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.0625rem;--t-lg: 1.3125rem;--t-xl: 1.625rem;--t-2xl: 2.0625rem;--t-3xl: 2.5625rem;--t-4xl: 3.1875rem;--t-5xl: 4rem;--t-6xl: 5rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--s-11: 176px;--gutter: clamp(20px, 5vw, 56px);--measure: 68ch;--shell: 1240px;--sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 18px}:root[data-theme=dark]{--accent: #f2f4f9;--accent-strong: #ffffff;--accent-weak: rgba(242, 244, 249, .08);--accent-line: rgba(242, 244, 249, .18);--signal: #f59e0b;--signal-weak: rgba(245, 158, 11, .14);--btn-ink: #07090f;--bg: #07090f;--bg-sunken: #0c1018;--bg-raised: #10141e;--ink: #f2f4f9;--ink-2: #a5adc0;--ink-3: #737c91;--rule: #1c2230;--rule-strong: #2b3243;--inv-bg: #10141e;--inv-ink: #f2f4f9;--inv-ink-2: #a5adc0;--inv-rule: rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--t-md);line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01" 1,"cv01" 1;overflow-x:hidden}img{max-width:100%}a{color:inherit}code,pre,kbd{font-family:var(--mono)}::selection{background:var(--accent);color:#fff}.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}.col-narrow{max-width:720px}main{display:block}.band-tight{padding-block:var(--s-8)}.band-normal{padding-block:var(--s-9)}.band-loose{padding-block:var(--s-10)}@media(max-width:860px){.band-tight{padding-block:var(--s-7)}.band-normal,.band-loose{padding-block:var(--s-8)}}.band-sunken{background:var(--bg-sunken)}.band-invert{--ink: var(--inv-ink);--ink-2: var(--inv-ink-2);--ink-3: var(--inv-ink-2);--rule: var(--inv-rule);--accent: var(--inv-ink);--accent-strong: #ffffff;--btn-ink: var(--inv-bg);--signal: #f59e0b;background:var(--inv-bg);color:var(--inv-ink)}.band-invert h1,.band-invert h2,.band-invert h3,.band-invert h4{color:var(--inv-ink)}.band-invert p,.band-invert li,.band-invert figcaption{color:var(--inv-ink-2)}.band-invert span:not([class*=signal]):not([class*=chip]){color:inherit}.band-invert .eyebrow{color:var(--inv-ink-2)}.band-invert .eyebrow:before{background:var(--inv-rule)}.band-invert svg text,.band-invert svg tspan{fill:var(--inv-ink)}.rule-top{border-top:1px solid var(--rule)}.rule-bottom{border-bottom:1px solid var(--rule)}h1,h2,h3,h4{margin:0;color:var(--ink);font-weight:500;letter-spacing:-.022em;line-height:1.1;text-wrap:balance}.display{font-size:clamp(2.5rem,7.2vw,var(--t-6xl));font-weight:500;letter-spacing:-.04em;line-height:.98}.display em{font-style:normal;font-weight:300;color:var(--ink-2)}.display b{font-weight:700;color:var(--accent)}.h-page{font-size:clamp(2.125rem,5.4vw,var(--t-4xl));font-weight:500;letter-spacing:-.035em;line-height:1.02}.h-page em{font-style:normal;font-weight:300;color:var(--ink-2)}.h-section{font-size:clamp(1.75rem,3.6vw,var(--t-3xl));font-weight:500;letter-spacing:-.032em;line-height:1.06}.h-section em{font-style:normal;font-weight:300;color:var(--ink-2)}.h-sub{font-size:var(--t-lg);font-weight:500;letter-spacing:-.02em}p{margin:0}.lede{font-size:clamp(1.0625rem,1.9vw,1.3125rem);line-height:1.55;color:var(--ink-2);font-weight:300;max-width:60ch;letter-spacing:-.012em}.body{color:var(--ink-2);line-height:1.68}.eyebrow{display:inline-flex;align-items:center;gap:var(--s-3);font-family:var(--mono);font-size:var(--t-xs);font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}.eyebrow:before{content:"";width:28px;height:1px;background:var(--rule-strong)}.eyebrow-accent{color:var(--signal)}.eyebrow-accent:before{background:var(--signal);opacity:.45}.body a,.lede a,.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-line);transition:border-color .15s}.body a:hover,.lede a:hover,.prose a:hover{border-bottom-color:var(--accent)}p code,li code,td code,.prose code,span code{font-family:var(--mono);font-size:.86em;background:var(--accent-weak);color:var(--accent);padding:.14em .4em;border-radius:var(--r-sm);white-space:nowrap}.band-invert p code{background:#ffffff14;color:var(--inv-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);font-family:inherit;font-size:var(--t-base);font-weight:500;letter-spacing:-.008em;padding:.72em 1.35em;border-radius:var(--r-md);border:1px solid transparent;text-decoration:none;cursor:pointer;transition:transform .14s ease,background .14s,border-color .14s,color .14s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--btn-ink);box-shadow:0 1px 2px #0b0f1a29,0 6px 22px -10px #0b0f1a80}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--rule-strong)}.btn-ghost:hover{border-color:var(--ink-3);background:var(--bg-sunken)}.band-invert .btn-ghost{color:var(--inv-ink);border-color:var(--inv-rule)}.band-invert .btn-ghost:hover{border-color:#fff6;background:#ffffff0f}.link-arrow{display:inline-flex;align-items:center;gap:.4em;color:var(--accent);text-decoration:none;font-weight:500;font-size:var(--t-base)}.link-arrow:after{content:"→";transition:transform .16s ease}.link-arrow:hover:after{transform:translate(3px)}.endpoint{font-family:var(--mono);font-size:var(--t-sm);font-weight:400;color:var(--ink-2);letter-spacing:-.01em;word-break:break-word}.endpoint b{color:var(--accent);font-weight:500}.endpoint .m{color:var(--ink-3);font-weight:500;margin-right:.5em}.codeblock{background:#0a0d16;border:1px solid #1b2130;border-radius:var(--r-lg);padding:var(--s-5) var(--s-5);overflow-x:auto;font-family:var(--mono);font-size:var(--t-sm);line-height:1.75;color:#d5dbe9;white-space:pre;-webkit-overflow-scrolling:touch;tab-size:2}.codeblock .c{color:#6a748c}.codeblock .a{color:#f59e0b}.codeblock .s{color:#7fd6b0}.page-head{padding-block:var(--s-9) var(--s-7);max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter);border-bottom:1px solid var(--rule)}.page-head .pill{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--mono);font-size:var(--t-xs);font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s-5)}.page-head .pill:before{content:"";width:24px;height:1px;background:var(--accent-line)}.page-head h1{font-size:clamp(2.125rem,5.4vw,var(--t-4xl));font-weight:500;letter-spacing:-.035em;line-height:1.02;max-width:16ch}.page-head h1 em{font-style:normal;font-weight:300;color:var(--ink-2)}.page-head .sub{margin-top:var(--s-5);font-size:clamp(1.0625rem,1.9vw,1.25rem);line-height:1.55;font-weight:300;color:var(--ink-2);max-width:62ch;letter-spacing:-.012em}.page-head .sub a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-line)}@media(max-width:860px){.page-head{padding-block:var(--s-7) var(--s-6)}.page-head h1{max-width:none}}.prose{max-width:74ch;margin-inline:auto;padding-inline:var(--gutter);padding-block:var(--s-8) var(--s-10);color:var(--ink-2);font-size:var(--t-md);line-height:1.75}.prose h2{font-size:var(--t-xl);font-weight:500;letter-spacing:-.028em;margin-top:var(--s-8);margin-bottom:var(--s-4);padding-top:var(--s-5);border-top:1px solid var(--rule)}.prose h2:first-child{margin-top:0;border-top:0;padding-top:0}.prose h3{font-size:var(--t-md);font-weight:600;margin-top:var(--s-6);margin-bottom:var(--s-3)}.prose p{margin-block:var(--s-4)}.prose ul,.prose ol{margin-block:var(--s-4);padding-left:1.3em}.prose li{margin-block:var(--s-2)}.prose strong,.prose b{color:var(--ink);font-weight:600}.reveal{will-change:transform}.site-header{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}.site-header.scrolled{border-bottom-color:var(--rule)}.site-header>header{max-width:var(--shell);margin-inline:auto;padding:var(--s-4) var(--gutter);display:flex;align-items:center;gap:var(--s-6)}.wordmark{display:inline-flex;align-items:center;text-decoration:none;color:var(--ink);font-size:1.125rem;font-weight:600;letter-spacing:-.032em;flex-shrink:0}.wordmark img{width:26px;height:26px;margin-right:9px;border-radius:7px}.wordmark span{color:var(--accent)}.site-header nav{display:flex;align-items:center;gap:var(--s-2);margin-left:auto}.nav-links{display:flex;align-items:center;gap:var(--s-1)}.nav-link{padding:.45em .75em;border-radius:var(--r-sm);font-size:var(--t-base);font-weight:450;color:var(--ink-2);text-decoration:none;letter-spacing:-.008em;transition:color .14s,background .14s}.nav-link:hover{color:var(--ink);background:var(--bg-sunken)}.nav-link.active{color:var(--ink);font-weight:500}.theme-toggle,.nav-burger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-2);cursor:pointer;transition:color .14s,background .14s}.theme-toggle:hover,.nav-burger:hover{color:var(--ink);background:var(--bg-sunken)}.theme-toggle svg,.nav-burger svg{width:18px;height:18px;display:block}.theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .sun{display:inline-flex}.nav-cta{margin-left:var(--s-2);display:inline-flex;align-items:center;padding:.5em 1em;border-radius:var(--r-md);background:var(--accent);color:#fff;font-size:var(--t-base);font-weight:500;letter-spacing:-.008em;text-decoration:none;transition:background .14s}.nav-cta:hover{background:var(--accent-strong)}.nav-burger,.nav-burger .burger-close,.nav-burger[aria-expanded=true] .burger-open{display:none}.nav-burger[aria-expanded=true] .burger-close{display:inline-flex}@media(max-width:860px){.site-header>header{gap:var(--s-3)}.nav-burger{display:inline-flex;order:3}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:var(--s-3) var(--gutter) var(--s-5);background:var(--bg);border-bottom:1px solid var(--rule);display:none}.nav-links.open{display:flex}.nav-link{padding:.8em 0;font-size:var(--t-md);border-bottom:1px solid var(--rule);border-radius:0}.nav-link:hover{background:transparent}.nav-cta{order:2;margin-left:0}.theme-toggle{order:1}}@media(max-width:420px){.nav-cta{padding:.5em .75em;font-size:var(--t-sm)}}.site-footer{border-top:1px solid var(--rule);background:var(--bg-sunken);padding-block:var(--s-8) var(--s-6)}.footer-inner{max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}.footer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:var(--s-7) var(--s-6)}.footer-brand p{margin-top:var(--s-4);color:var(--ink-2);font-size:var(--t-base);font-weight:300;max-width:34ch;line-height:1.6}.footer-col h4{font-family:var(--mono);font-size:var(--t-xs);font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s-4)}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:var(--s-3)}.footer-col a{color:var(--ink-2);text-decoration:none;font-size:var(--t-base);transition:color .14s}.footer-col a:hover{color:var(--accent)}.footer-legal{margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;font-size:var(--t-sm);color:var(--ink-3)}.footer-legal b{color:var(--ink-2);font-weight:500}@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--s-6) var(--s-5)}.footer-brand{grid-column:1 / -1}}.sec-head{max-width:46ch}.sec-head .h-section,.sec-head .lede{margin-top:var(--s-4)}.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:var(--s-8) var(--s-9);align-items:start}.split>*{min-width:0}.split-sticky{position:sticky;top:96px}@media(max-width:980px){.split{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}.split-sticky{position:static}}.closer{display:flex;align-items:end;justify-content:space-between;gap:var(--s-7);flex-wrap:wrap}.closer h2{max-width:18ch}.closer p{margin-top:var(--s-4);color:var(--ink-2);font-weight:300;max-width:46ch}.cta-row{display:flex;gap:var(--s-3);flex-wrap:wrap}@media(max-width:720px){.closer{align-items:start}}.note{margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--rule);color:var(--ink-3);font-size:var(--t-base);font-weight:300;line-height:1.7;max-width:78ch}.note a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-line)}.band-invert .note{border-top-color:var(--inv-rule);color:var(--inv-ink-2)}.band-invert .note code{background:#ffffff14;color:var(--inv-ink)}.spec{border-top:1px solid var(--rule)}.spec-row{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:var(--s-4) var(--s-6);padding-block:var(--s-4);border-bottom:1px solid var(--rule);align-items:baseline}.spec-row>span:first-child{font-weight:500;color:var(--ink);font-size:var(--t-base)}.spec-row>span:last-child{color:var(--ink-2);font-size:var(--t-base);line-height:1.65}.spec-row b{color:var(--ink);font-weight:600}@media(max-width:720px){.spec-row{grid-template-columns:1fr;gap:var(--s-2)}}.demo-status{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3);letter-spacing:-.005em;min-height:1.4em}.demo-status.err{color:#d1493f}:root[data-theme=dark] .demo-status.err{color:#f08078}.req-line{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3);display:inline-flex;align-items:center;gap:var(--s-2);letter-spacing:-.005em}.req-line .dot{width:6px;height:6px;border-radius:50%;background:#2fb27a;box-shadow:0 0 0 3px #2fb27a29;flex-shrink:0}input[type=text]{font-family:var(--mono);font-size:var(--t-base);color:var(--ink);background:var(--bg-raised);border:1px solid var(--rule-strong);border-radius:var(--r-md);padding:.75em .95em;width:100%;transition:border-color .14s,box-shadow .14s}input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}input[type=text]::placeholder{color:var(--ink-3);font-family:var(--sans)}.tryit{width:min(560px,calc(100vw - 2 * var(--s-5)));max-width:560px;padding:0;border:1px solid var(--rule-strong);border-radius:var(--r-lg);background:var(--bg-raised);color:var(--ink);box-shadow:0 1px 2px #0b0f1a29,0 40px 90px -40px #0b0f1a80}.tryit::backdrop{background:#0b0f1a80;backdrop-filter:blur(3px)}:root[data-theme=dark] .tryit::backdrop{background:#000000ad}.tryit-head{display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-5);border-bottom:1px solid var(--rule)}.tryit-head h2{margin:0;font-size:var(--t-lg);font-weight:600;letter-spacing:-.025em;color:var(--ink)}.tryit-head p{margin:var(--s-2) 0 0;font-size:var(--t-sm);color:var(--ink-2);max-width:46ch}.tryit-x{margin-left:auto;flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid var(--rule);border-radius:var(--r-sm);color:var(--ink-3);font-size:16px;line-height:1;cursor:pointer;font-family:inherit;transition:color .14s,border-color .14s,background .14s}.tryit-x:hover{color:var(--ink);border-color:var(--rule-strong);background:var(--bg-sunken)}.tryit-body{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}.tryit-form{display:flex;gap:var(--s-2)}.tryit-form input{flex:1;min-width:0}.tryit-form button{flex-shrink:0}.tryit-sug{display:none;border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden}.tryit-sug.show{display:block}.sug-item{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);background:var(--bg-raised);border:0;border-bottom:1px solid var(--rule);cursor:pointer;text-align:left;font-family:inherit;font-size:var(--t-base);color:var(--ink)}.sug-item:last-child{border-bottom:0}.sug-item:hover,.sug-item:focus-visible{background:var(--bg-sunken)}.sug-item img{width:20px;height:20px;object-fit:contain;flex-shrink:0}.sug-item .sname{font-weight:500}.sug-item .sdom{margin-left:auto;font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3)}.tryit-result{display:none;flex-direction:column;gap:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--rule)}.tryit-result.show{display:flex}.tryit-brand{display:flex;align-items:center;gap:var(--s-4)}.tryit-tile{width:64px;height:64px;flex-shrink:0;display:grid;place-items:center;background:var(--bg-sunken);border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden}.tryit-tile img{width:44px;height:44px;object-fit:contain}.tryit-meta{min-width:0}.tryit-name{font-weight:500;letter-spacing:-.015em;color:var(--ink)}.tryit-url{margin-top:2px;font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3);word-break:break-all}.tryit-swatches{display:flex;gap:var(--s-3);flex-wrap:wrap}.tryit-swatch{display:flex;flex-direction:column;gap:var(--s-2)}.tryit-swatch .chip{width:72px;height:44px;border-radius:var(--r-sm);border:1px solid var(--rule-strong)}.tryit-swatch .hex{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-2);text-transform:uppercase}@media(max-width:560px){.tryit-form{flex-direction:column}.tryit-form button{width:100%}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}@font-face{font-family:Geist Fallback;src:local("Helvetica Neue"),local("Arial");size-adjust:96.5%;ascent-override:94%;descent-override:24%;line-gap-override:0%}