@font-face{font-family:Inter;src:url('assets/Inter.woff2') format('woff2');font-display:swap}@font-face{font-family:Mono;src:url('assets/JetBrainsMono.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--bg:#080b12;--panel:#101724;--line:#2a3545;--text:#eff5ff;--muted:#a6b5cb;--cyan:#38e8ed;--pink:#ff63bb;--green:#bcfa70;--accent:var(--cyan)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,system-ui,sans-serif}body:before{content:'';position:absolute;inset:0 0 auto;height:950px;z-index:-1;background:radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%),linear-gradient(color-mix(in srgb,var(--line) 30%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 30%,transparent) 1px,transparent 1px);background-size:auto,60px 60px,60px 60px;mask-image:linear-gradient(black,transparent)}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-100px;background:var(--accent);color:var(--bg);padding:10px;z-index:9}.skip:focus{top:0}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.top{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 93%,transparent)}.bar{min-height:88px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:36px;height:36px}.brand strong{font:700 17px Mono,monospace;letter-spacing:.08em}.brand small{display:block;font:9px Mono,monospace;letter-spacing:.18em;color:var(--muted)}nav{display:flex;gap:24px;font:11px Mono,monospace;text-transform:uppercase}nav a:hover,footer a:hover{color:var(--accent)}.theme{display:flex;align-items:center;gap:8px;font:10px Mono,monospace;color:var(--muted)}select{max-width:170px;border:1px solid var(--line);padding:9px;background:var(--panel);color:var(--text);font:11px Mono,monospace}.hero{padding:88px 0 68px;display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center}.eyebrow,.micro{font:10px/1.7 Mono,monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.eyebrow{margin:0 0 26px}.eyebrow:before{content:'◆';margin-right:12px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,5.5vw,78px);letter-spacing:-.065em;line-height:1.04;margin-bottom:28px;font-weight:650}em{font-style:normal;color:var(--accent)}.lede{font-size:17px;color:var(--muted);max-width:500px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid var(--line);padding:13px 20px;font:11px Mono,monospace;text-transform:uppercase;background:var(--panel);color:var(--text);transition:transform .2s,border-color .2s}.button:hover{transform:translateY(-2px);border-color:var(--accent)}.primary{background:var(--accent);border-color:var(--accent);color:#080b12;font-weight:700}.footnote{color:var(--muted);font:10px/1.8 Mono,monospace}.dot{display:inline-block;width:6px;height:6px;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.window{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--bg);box-shadow:12px 12px 0 color-mix(in srgb,var(--panel) 70%,transparent),0 25px 85px #0005;min-width:0;position:relative}.window:before{content:'';height:2px;width:70px;background:var(--accent);position:absolute;top:-1px;left:0;box-shadow:0 0 20px var(--accent)}.chrome{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px Mono,monospace;color:var(--muted)}.lights{color:var(--accent);letter-spacing:4px}.tabs{display:flex;border-bottom:1px solid var(--line);background:var(--panel)}.tabs button{flex:1;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font:10px Mono,monospace;padding:14px 8px}.tabs button[aria-pressed=true]{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.demo{padding:25px;min-height:340px}.demo h3{font-size:25px;letter-spacing:-.04em;margin-bottom:10px}.demo p{color:var(--muted);font-size:12px}.demo-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font:11px/1.6 Mono,monospace}.demo-row span{color:var(--muted)}.tag{color:var(--green)!important;font-size:9px}.demo-foot{border-top:1px solid var(--line);padding:11px 16px;display:flex;justify-content:space-between;font:9px Mono,monospace;color:var(--muted)}.demo pre{font:11px/1.9 Mono,monospace;white-space:pre-wrap;margin:0;color:var(--muted)}.demo pre b{color:var(--accent);font-weight:400}.demo pre strong{color:var(--green);font-weight:400}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin:26px auto 0}.metrics div{padding:24px;border-right:1px solid var(--line)}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics b{display:block;font:18px Mono,monospace;margin-bottom:5px}.metrics small{font:9px Mono,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.section{padding:100px 0;border-bottom:1px solid var(--line)}.heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:42px}h2{font-size:clamp(34px,4vw,52px);font-weight:550;line-height:1.1;letter-spacing:-.05em;margin:0}.heading>p{max-width:460px;color:var(--muted);font-size:14px;margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:28px;border:1px solid var(--line);background:linear-gradient(140deg,color-mix(in srgb,var(--panel) 80%,transparent),transparent);position:relative}.card .number{font:11px Mono,monospace;color:var(--accent);display:block;margin-bottom:30px}.card h3{font-size:19px;font-weight:550;letter-spacing:-.025em;margin-bottom:12px}.card p{font-size:13px;color:var(--muted);margin:0}.card code{font-size:11px}.wide{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.wide .lede{font-size:15px;margin-top:24px}.steps{counter-reset:step}.step{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:10px}.step:before{counter-increment:step;content:'0' counter(step);font:12px Mono,monospace;color:var(--accent)}.step h3{font-size:17px;margin:0 0 6px}.step p{font-size:13px;color:var(--muted);margin:0}.codebox{border:1px solid var(--line);background:var(--panel);margin-top:20px;min-width:0}.codebox .chrome{padding:12px 18px}.copy{border:0;background:transparent;color:var(--accent);font:10px Mono,monospace;min-height:26px}.codebox pre{font:11px/1.9 Mono,monospace;padding:22px;margin:0;overflow:auto;tab-size:2;color:var(--text)}code{font-family:Mono,monospace}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:14px}details p{color:var(--muted);font-size:13px;margin:16px 0 0}.endcap{padding:65px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.endcap h2{font-size:35px}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font:10px/1.8 Mono,monospace}.footer-inner{display:flex;justify-content:space-between;gap:24px}.footer-inner div{display:flex;gap:20px}.pink{color:var(--pink)}[hidden]{display:none!important}.notice{font:11px/1.8 Mono,monospace;color:var(--muted);margin-top:18px}.copy-status{min-height:20px;font:11px Mono,monospace;color:var(--accent)}.timeline{display:flex;gap:5px;margin:22px 0}.timeline i{height:35px;flex:1;background:var(--accent);opacity:.2}.timeline i:nth-child(3n){opacity:.65}.timeline i:nth-child(4n){opacity:1}.timeline i:nth-child(2n){height:22px;margin-top:13px}.badge{border:1px solid var(--line);color:var(--accent);padding:4px 7px;font:9px Mono,monospace}.editor{border-left:2px solid var(--accent);padding-left:18px}.editor h4{margin:16px 0 6px;font-size:18px}.editor ul{padding-left:18px;font-size:12px;color:var(--muted)}
@media(min-width:1450px){.hero{padding-top:110px;padding-bottom:90px}}@media(max-width:1000px){.bar{gap:20px}nav{gap:15px}.hero{gap:30px}h1{font-size:54px}.theme>span{display:none}.cards{grid-template-columns:repeat(2,1fr)}.wide{gap:35px}.demo{padding:18px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.bar{flex-wrap:wrap;padding:18px 0;gap:16px}nav{order:3;width:100%;justify-content:space-between}.brand strong{font-size:15px}select{max-width:135px}.hero{grid-template-columns:1fr;padding:52px 0 35px;gap:32px}h1{font-size:clamp(48px,10vw,70px)}.hero .lede{max-width:100%}.window{margin-right:8px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div{padding:18px!important;border-bottom:1px solid var(--line)}.metrics div:nth-child(2){border-right:0}.heading,.wide{grid-template-columns:1fr;gap:25px}.section{padding:65px 0}.heading{margin-bottom:28px}.cards{grid-template-columns:1fr}.card{padding:24px}.card .number{margin-bottom:18px}.demo{min-height:315px}.endcap{align-items:start;flex-direction:column}.footer-inner{flex-direction:column;gap:16px}.codebox pre{font-size:10px}.demo-foot{font-size:8px}.demo-row{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.wide > *, .heading > * {min-width:0}