:root{--paper:#f7f7f6;--paper-2:#f1f1ef;--surface:#fff;--ink:#0a0a0a;--ink-muted:#555;--ink-dim:#9a9a97;--rule:#d6d6d1;--rule-2:#bfbfb8;--accent:#84cc16;--accent-ink:#1a2003;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Space Grotesk", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}html[data-density=compact]{--pad-y:40px;--sec-y:44px;--hero-gap:36px;--main-max:1200px}html[data-density=comfortable]{--pad-y:64px;--sec-y:72px;--hero-gap:56px;--main-max:1200px}.topbar{z-index:50;background:color-mix(in oklab, var(--paper) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px dashed var(--rule-2);align-items:center;gap:24px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{font:600 15px/1 var(--sans);letter-spacing:-.01em;align-items:center;gap:9px;display:flex}.brand .glyph{background:var(--ink);width:22px;height:22px;color:var(--paper);font:600 12px/22px var(--mono);text-align:center;letter-spacing:-.04em;border-radius:6px;position:relative}.brand .glyph:after{content:"";background:var(--accent);border-radius:2px;width:8px;height:8px;position:absolute;bottom:-3px;right:-3px}.brand .ver{color:var(--ink-dim);font:400 12px/1 var(--mono);margin-left:2px}nav.nav{color:var(--ink-muted);gap:20px;font-size:13.5px;display:flex}nav.nav a{text-decoration:none}nav.nav a:hover{color:var(--ink)}.spacer{flex:1}.icon-btn{border:1px solid var(--rule-2);color:var(--ink-muted);font:13px/1 var(--sans);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;text-decoration:none;display:inline-flex}.icon-btn:hover{color:var(--ink);border-color:var(--ink)}main{max-width:var(--main-max);margin:0 auto;padding:0 24px}.hero{padding:calc(var(--pad-y) * .9) 0 calc(var(--pad-y) * .5);gap:var(--hero-gap);grid-template-columns:1fr;display:grid}.hero-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.pill{font:500 11px/1 var(--mono);letter-spacing:.04em;border:1px solid var(--rule-2);background:var(--surface);color:var(--ink-muted);border-radius:99px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.pill em{color:var(--ink);background:var(--accent);border-radius:2px;padding:0 4px;font-style:normal}.pill .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 30%, transparent);border-radius:50%}h1.head{font-family:var(--sans);letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(44px,5.4vw,72px);font-weight:700;line-height:.95}h1.head em{background:var(--accent);color:var(--accent-ink);border-radius:4px;padding:0 8px;font-style:normal}.lede{color:var(--ink-muted);max-width:48ch;margin:0 0 22px;font-size:16px;line-height:1.55}.cta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{font:500 14px/1 var(--sans);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:700}.btn.primary:hover{filter:brightness(1.04)}.btn.ghost{color:var(--ink);border:1px solid var(--rule-2);background:0 0}.btn.ghost:hover{border-color:var(--ink)}.btn .arrow{transition:transform .2s}.btn:hover .arrow{transform:translate(3px)}.install{font:13px/1 var(--mono);color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.install code{color:var(--ink);background:var(--paper-2);border-radius:5px;padding:6px 9px}.install .prompt{user-select:none;color:var(--ink-dim)}.split{background:var(--surface);border:1px solid var(--rule);border-radius:12px;overflow:hidden;box-shadow:0 24px 48px -32px #3c28142e,inset 0 1px #fff9}.split-head{border-bottom:1px solid var(--rule);background:var(--paper);font:11px/1 var(--mono);color:var(--ink-muted);align-items:center;gap:8px;padding:9px 12px;display:flex}.split-head .dots{gap:5px;margin-right:6px;display:flex}.split-head .dots i{background:var(--rule-2);border-radius:50%;width:9px;height:9px;display:block}.split-head .title{flex:1}.split-tabs{border-bottom:1px solid var(--rule);background:var(--paper);gap:2px;padding:8px 10px;display:flex}.split-tabs button{color:var(--ink-muted);font:12.5px/1 var(--mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:6px 11px}.split-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);border-color:var(--rule)}.split-grid{grid-template-columns:1fr 1fr;min-height:360px;display:grid}.split-code{border-right:1px dashed var(--rule-2);font:12.5px/1.6 var(--mono);white-space:pre;color:var(--ink);padding:16px 18px;overflow:auto}.split-code .ln{color:var(--ink-dim);user-select:none;margin-right:12px}.tok-kw{color:#9b5be8}.tok-fn{color:#3a7be8}.tok-str{color:#1f8b5b}.tok-com{color:var(--ink-dim);font-style:italic}.split-code .hit{background:color-mix(in oklab, var(--accent) 16%, var(--paper));box-shadow:0 0 0 1px var(--accent);border-radius:3px;padding:0 2px}.skel{background:radial-gradient(circle at 1px 1px,#00000012 1px,#0000 0) 0 0/12px 12px;padding:18px 16px;position:relative}.skel .win{background:var(--surface);border:1px solid var(--rule-2);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.skel .win-bar{border-bottom:1px solid var(--rule);height:22px;font:10px/1 var(--mono);color:var(--ink-muted);background:var(--paper);align-items:center;gap:5px;padding:0 10px;display:flex}.skel .win-bar i{background:var(--rule-2);border-radius:50%;width:7px;height:7px;display:block}.skel .body{flex:1;grid-template-rows:auto 1fr auto;gap:8px;padding:12px 10px 10px;display:grid}.skel .toolbar{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.skel .box{border:1px dashed var(--ink-muted);font:11px/1.2 var(--sans);color:var(--ink-muted);background:#ffffff80;border-radius:5px;align-items:center;min-height:26px;padding:0 10px;display:flex}.skel .box[data-active=true]{border-style:solid;border-color:var(--accent);background:color-mix(in oklab, var(--accent) 14%, var(--surface));color:var(--ink)}.skel .messages{align-content:start;gap:6px;display:grid}.skel .msg{padding:7px 10px}.skel .msg .who{font:600 10.5px/1.2 var(--sans);color:var(--ink)}.skel .msg .txt{font:11px/1.35 var(--sans);color:var(--ink-muted);margin-top:2px}.skel .msg[data-active=true] .txt{color:var(--ink)}.skel .composer{grid-template-columns:1fr auto;gap:6px;display:grid}.skel .send{background:var(--accent);color:#fff;border-color:var(--accent);font:600 11px/1 var(--sans);padding:0 14px}section{padding:var(--sec-y) 0;border-top:1px dashed var(--rule-2)}section.no-rule,section.no-rule+section{border-top:none}.sec-eyebrow{font:700 24px/1 var(--sans);color:var(--ink);letter-spacing:-.02em;margin-bottom:20px}.sec-eyebrow:after{content:"";border-top:1px dashed var(--rule-2);flex:1;height:0;display:block}.sec-head{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;display:flex}.sec-head h2{font-family:var(--sans);letter-spacing:-.03em;max-width:22ch;margin:0;font-size:32px;font-weight:700;line-height:1.08}.sec-head h2 em{background:var(--accent);color:var(--accent-ink);border-radius:4px;padding:0 6px;font-style:normal}.sec-head p{max-width:38ch;color:var(--ink-muted);margin:0;font-size:14.5px;line-height:1.55}.code-block{background:var(--surface);border:1px solid var(--rule);border-radius:10px;overflow:hidden}.code-tabs{border-bottom:1px solid var(--rule);background:var(--paper);align-items:center;gap:2px;padding:8px 10px;display:flex}.code-tabs button{color:var(--ink-muted);font:12.5px/1 var(--mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:6px 11px}.code-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);border-color:var(--rule)}.code-tabs .copy{font:11px/1 var(--mono);color:var(--ink-dim);border:1px solid var(--rule-2);cursor:pointer;background:0 0;border-radius:5px;margin-left:auto;padding:6px 10px}.code-tabs .copy:hover{color:var(--ink);border-color:var(--ink-muted)}.code-body{font:13px/1.65 var(--mono);white-space:pre;max-height:460px;padding:18px 22px;overflow:auto}.features{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.feature{background:var(--surface);border:1px solid var(--rule);border-radius:10px;flex-direction:column;gap:10px;padding:20px;display:flex}.feature .tag{font:500 10.5px/1 var(--mono);color:var(--ink);letter-spacing:.12em}.feature h3{font-family:var(--sans);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700;line-height:1.2}.feature p{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.5}.cases{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.case{background:var(--surface);border:1px solid var(--rule);border-radius:10px;flex-direction:column;gap:12px;min-height:230px;padding:20px;display:flex}.case .tag{font:500 10.5px/1 var(--mono);color:var(--ink);letter-spacing:.12em}.case h3{font-family:var(--sans);letter-spacing:-.025em;margin:0;font-size:20px;font-weight:700;line-height:1.15}.case p{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.5}.case .sel{font:12px/1.4 var(--mono);color:var(--ink);background:var(--paper);border:1px dashed var(--rule-2);word-break:break-all;border-radius:6px;margin-top:auto;padding:8px 10px}.case .sel .op{color:var(--accent)}.qs{grid-template-columns:260px 1fr;align-items:start;gap:20px;min-width:0;display:grid}.qs ol{counter-reset:q;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.qs ol li{counter-increment:q;cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:flex-start;gap:12px;padding:11px 14px;display:flex}.qs ol li:before{content:counter(q,decimal-leading-zero);font:11.5px/1.4 var(--mono);color:var(--ink-dim)}.qs ol li[aria-current=true]{background:var(--surface);border-color:var(--rule)}.qs ol li[aria-current=true]:before{color:var(--accent)}.qs ol li h4{font:500 14px/1.2 var(--sans);margin:0 0 2px}.qs ol li p{color:var(--ink-muted);margin:0;font-size:12.5px;line-height:1.5}.qs-pane{background:var(--surface);border:1px solid var(--rule);border-radius:10px;min-width:0;min-height:260px;overflow:hidden}.qs-pane pre{font:13px/1.65 var(--mono);white-space:pre;color:var(--ink);margin:0;padding:18px 22px;overflow-x:auto}footer{border-top:1px dashed var(--rule-2);max-width:var(--main-max);grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;margin:0 auto;padding:36px 24px 52px;font-size:13px;display:grid}footer h5{font:500 10.5px/1 var(--mono);color:var(--ink-dim);letter-spacing:.12em;margin:0 0 12px}footer ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}footer a{color:var(--ink-muted);text-decoration:none}footer a:hover{color:var(--ink)}.colophon{border-top:1px dashed var(--rule-2);color:var(--ink-dim);font:11.5px/1.4 var(--mono);grid-column:1/-1;justify-content:space-between;padding-top:18px;display:flex}@media (width<=1000px){.hero,.split-grid,.features,.cases,.qs{grid-template-columns:1fr}footer{grid-template-columns:repeat(2,1fr)}nav.nav{display:none}}