:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090c;--bg-elevated:#0e1015;--surface:#12151c;--hairline:#ffffff14;--hairline-strong:#ffffff24;--text:#f2f4f8;--text-secondary:#b3b9c6;--muted:#858c9c;--accent:#7d9bff;--accent-strong:#a3b8ff;--accent-ink:#06070a;--accent-glow:#7d9bff2e;--danger:#ff8a7a;--warn:#f3c37a;--ok:#7fd8a4;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-12:96px;--space-16:128px;--radius:16px;--radius-sm:10px;--measure:62ch;--page:1120px;--ease:cubic-bezier(.22, 1, .36, 1);--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, monospace}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfbfd;--bg-elevated:#fff;--surface:#f3f4f8;--hairline:#090b101a;--hairline-strong:#090b1029;--text:#0b0d12;--text-secondary:#414755;--muted:#616978;--accent:#2544d8;--accent-strong:#1a34ad;--accent-ink:#fff;--accent-glow:#2544d81f;--danger:#b32d1c;--warn:#8a5b0d;--ok:#1c7a4a}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}body:before{content:"";background:radial-gradient(60% 50% at 50% 0%, var(--accent-glow), transparent 70%);pointer-events:none;z-index:0;height:60vh;position:fixed;inset:-20% 0 auto}.wrap{z-index:1;width:100%;max-width:var(--page);padding:0 var(--space-3);margin:0 auto;position:relative}.site-header{z-index:10;border-bottom:1px solid var(--hairline);background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:64px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:650;text-decoration:none;display:inline-flex}.brand__mark{flex:none;width:26px;height:26px}.site-nav{align-items:center;gap:var(--space-3);display:flex}.site-nav a{color:var(--muted);transition:color .16s var(--ease);font-size:15px;text-decoration:none}.site-nav a:hover{color:var(--text)}h1,h2,h3{text-wrap:balance;letter-spacing:-.035em;margin:0;line-height:1.05}h1{font-size:clamp(40px,6.4vw,76px);font-weight:660}h2{font-size:clamp(28px,3.4vw,40px);font-weight:640;line-height:1.1}h3{letter-spacing:-.02em;font-size:19px;font-weight:620;line-height:1.3}p{text-wrap:pretty;margin:0}.lead{max-width:var(--measure);margin-top:var(--space-3);color:var(--text-secondary);letter-spacing:-.014em;font-size:clamp(18px,1.7vw,21px);line-height:1.55}.eyebrow{border:1px solid var(--hairline-strong);background:var(--bg-elevated);color:var(--text-secondary);letter-spacing:.01em;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.eyebrow__dot{background:var(--accent);border-radius:999px;width:6px;height:6px}.section{padding:var(--space-16) 0 0}.section__head{max-width:var(--measure);margin-bottom:var(--space-6)}.section__head p{margin-top:var(--space-2);color:var(--text-secondary)}.kicker{margin-bottom:var(--space-2);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:600}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-strong)}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.cta-row{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.cta{min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);letter-spacing:-.01em;transition:background-color .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.cta:hover{background:var(--accent-strong);color:var(--accent-ink);transform:translateY(-1px)}.cta:active{transform:translateY(0)}.cta--ghost{border-color:var(--hairline-strong);color:var(--text);background:0 0}.cta--ghost:hover{background:var(--bg-elevated);border-color:var(--muted);color:var(--text)}.shot{margin-top:var(--space-8);border:1px solid var(--hairline-strong);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:0 1px 0 0 var(--hairline) inset, 0 40px 80px -40px #0000008c;position:relative;overflow:hidden}.shot__bar{padding:10px var(--space-2);border-bottom:1px solid var(--hairline);background:var(--surface);align-items:center;gap:6px;display:flex}.shot__dot{background:var(--hairline-strong);border-radius:999px;width:9px;height:9px}.shot__label{color:var(--muted);font-family:var(--mono);margin-left:8px;font-size:12px}.shot img{width:100%;height:auto;display:block}.shot__caption{padding:var(--space-2);border-top:1px solid var(--hairline);color:var(--muted);text-align:center;font-size:14px}.steps{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--hairline);grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.step{padding:var(--space-3);background:var(--bg-elevated)}.step__index{margin-bottom:var(--space-2);color:var(--accent);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:12px;display:block}.step p{color:var(--text-secondary);margin-top:8px;font-size:15px;line-height:1.55}.split{gap:var(--space-6);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;display:grid}.split>div{min-width:0}.prose p+p{margin-top:var(--space-2)}.prose p{max-width:var(--measure);color:var(--text-secondary)}.panel{border:1px solid var(--hairline-strong);border-radius:var(--radius);background:var(--bg-elevated);overflow:hidden}.panel__head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:10px var(--space-2);border-bottom:1px solid var(--hairline);background:var(--surface);color:var(--muted);font-family:var(--mono);font-size:12px;display:flex}.panel__body{padding:var(--space-2);overflow-x:auto}pre{color:var(--text-secondary);font-family:var(--mono);white-space:pre;margin:0;font-size:13.5px;line-height:1.65}code{font-family:var(--mono);font-size:.92em}:not(pre)>code{border:1px solid var(--hairline);background:var(--surface);color:var(--text);border-radius:6px;padding:2px 6px}.lint{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lint li{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:10px;font-size:14.5px;line-height:1.5;display:grid}.tag{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;padding:2px 8px;font-size:11px}.tag--error{color:var(--danger)}.tag--warning{color:var(--warn)}.tag--pass{color:var(--ok)}.lint__rule{color:var(--text);font-family:var(--mono);font-size:13px}.lint__text{color:var(--text-secondary)}.boundaries{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--hairline);grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:1px;display:grid;overflow:hidden}.boundary{padding:var(--space-3);background:var(--bg-elevated)}.boundary h3{align-items:baseline;gap:8px;display:flex}.boundary h3:before{content:"✕";color:var(--muted);font-size:13px}.boundary p{color:var(--text-secondary);margin-top:10px;font-size:15px;line-height:1.55}.chips{margin-top:var(--space-3);flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--hairline);background:var(--bg-elevated);color:var(--text-secondary);border-radius:999px;padding:6px 12px;font-size:14px}.article{max-width:74ch;padding-top:var(--space-8)}.article h1{font-size:clamp(34px,4.6vw,52px)}.article h2{margin-top:var(--space-8);font-size:26px}.article h3{margin-top:var(--space-4);font-size:18px}.article p,.article li{color:var(--text-secondary)}.article p{margin-top:var(--space-2)}.article ul{margin:var(--space-2) 0 0;padding-left:1.2em}.article li+li{margin-top:8px}.article table{width:100%;margin-top:var(--space-3);border-collapse:collapse;font-size:15px}.article th,.article td{border-bottom:1px solid var(--hairline);text-align:left;vertical-align:top;color:var(--text-secondary);padding:12px 12px 12px 0}.article th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.updated{margin-top:var(--space-2);color:var(--muted);font-size:15px}.site-footer{margin-top:var(--space-16);border-top:1px solid var(--hairline);padding:var(--space-6) 0;color:var(--muted);font-size:15px}.site-footer .wrap{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;display:flex}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--text)}@media (max-width:900px){.split{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.section{padding-top:var(--space-12)}}@media (max-width:560px){body{font-size:16px}.site-nav{gap:var(--space-2)}.cta{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}