*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--surface:#161616;--border:#222;--border-subtle:#1a1a1a;--text:#e8e8e8;--text-muted:#666;--text-dim:#444;--accent:#e8e8e8;--green:#4ade80;--mono:"Berkeley Mono","Fira Code","Cascadia Code",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}html{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}body{min-height:100vh}.wrap{margin:0 auto;max-width:720px;padding:0 24px}nav{animation:fadeDown .7s var(--ease-out) both;border-bottom:1px solid var(--border);padding:20px 0}nav .wrap{align-items:center;display:flex;justify-content:space-between}.nav-logo{color:var(--text);font-size:15px;font-weight:600;letter-spacing:-.01em;text-decoration:none}.nav-links{display:flex;gap:24px}.nav-links a{color:var(--text-muted);font-size:13px;position:relative;text-decoration:none;transition:color .18s var(--ease-out)}@media(hover:hover)and (pointer:fine){.nav-links a:after{background:var(--text-muted);bottom:-2px;content:"";height:1px;left:0;position:absolute;right:100%;transition:right .2s var(--ease-out)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{right:0}}.hero{border-bottom:1px solid var(--border);padding:96px 0 80px}.hero-eyebrow{animation:fadeUp .7s var(--ease-out) both;animation-delay:.12s;color:var(--text-muted);font-size:12px;letter-spacing:.08em;margin-bottom:28px;text-transform:uppercase}.hero h1{color:var(--text);font-size:clamp(40px,7vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1.05;margin-bottom:28px}.hero h1 .w1{animation:fadeUp .9s var(--ease-out) both;animation-delay:.24s;display:inline-block}.hero h1 .w2{animation:fadeUp .9s var(--ease-out) both;animation-delay:.42s;display:inline-block}.hero h1 em{font-style:normal}.hero h1 em,.hero-desc{color:var(--text-muted)}.hero-desc{animation:fadeUp .8s var(--ease-out) both;animation-delay:.56s;font-family:var(--sans);font-size:15px;line-height:1.75;max-width:520px}.hero-desc strong{color:var(--text);font-weight:500}section{border-bottom:1px solid var(--border);padding:64px 0}section:last-child{border-bottom:none}.section-label{color:var(--text-dim);font-size:11px;letter-spacing:.1em;margin-bottom:32px;text-transform:uppercase}h2{color:var(--text);font-size:22px;font-weight:600;letter-spacing:-.02em}h2,p{margin-bottom:16px}p{color:var(--text-muted);font-family:var(--sans);font-size:14px;line-height:1.8}p:last-child{margin-bottom:0}p strong{color:var(--text);font-weight:500}.code-block{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin:24px 0;overflow:hidden}.code-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 16px}.code-filename{color:var(--text-dim);font-size:12px}.code-lang{color:var(--text-dim);font-size:11px;letter-spacing:.06em;text-transform:uppercase}pre{color:#aaa;font-size:12.5px;line-height:1.75;overflow-x:auto;padding:20px}.tok-tag{color:#6ea8fe}.tok-attr{color:#79c0ff}.tok-val{color:#a5d6ff}.tok-str{color:#a8d8a8}.tok-comment{color:#484f58;font-style:italic}.tok-punct{color:#555}.features{background:var(--border);border:1px solid var(--border);border-radius:6px;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:32px;overflow:hidden}.feature{background:var(--bg);padding:28px 24px}.feature-label{color:var(--text-dim);font-size:11px;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.feature-title{color:var(--text);font-size:14px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.feature-body{color:var(--text-muted);font-family:var(--sans);font-size:13px;line-height:1.6;margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tag{border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-family:var(--mono);font-size:12px;padding:3px 10px}hr{border:none;border-top:1px solid var(--border);margin:32px 0}code{background:var(--surface);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:var(--mono);font-size:12px;padding:1px 6px}.steps{margin-top:32px}.step{border-top:1px solid var(--border-subtle);display:flex;gap:20px;padding:24px 0}.step:first-child{border-top:none;padding-top:0}.step-num{color:var(--text-dim);flex-shrink:0;font-size:12px;padding-top:1px;width:24px}.step-content h3{color:var(--text);font-size:14px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}.step-content p{font-size:13px;margin:0}footer{border-top:1px solid var(--border);padding:40px 0}footer .wrap{align-items:center;display:flex;justify-content:space-between}.footer-logo{color:var(--text-dim);font-size:13px}.footer-note{color:var(--text-dim);font-family:var(--sans);font-size:12px}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}[data-reveal][data-visible]{opacity:1;transform:translateY(0)}[data-reveal=stagger]{opacity:1;transform:none;transition:none}[data-reveal=stagger]>*{opacity:0;transform:translateY(14px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}[data-reveal=stagger][data-visible]>:first-child{opacity:1;transform:none;transition-delay:0s}[data-reveal=stagger][data-visible]>:nth-child(2){opacity:1;transform:none;transition-delay:90ms}[data-reveal=stagger][data-visible]>:nth-child(3){opacity:1;transform:none;transition-delay:.18s}[data-reveal=stagger][data-visible]>:nth-child(4){opacity:1;transform:none;transition-delay:.27s}[data-reveal=stagger][data-visible]>:nth-child(5){opacity:1;transform:none;transition-delay:.34s}[data-reveal=stagger][data-visible]>:nth-child(6){opacity:1;transform:none;transition-delay:.4s}[data-reveal=stagger][data-visible]>:nth-child(7){opacity:1;transform:none;transition-delay:.45s}[data-reveal=stagger][data-visible]>:nth-child(8){opacity:1;transform:none;transition-delay:.49s}[data-reveal=stagger][data-visible]>:nth-child(9){opacity:1;transform:none;transition-delay:.52s}[data-reveal=stagger][data-visible]>:nth-child(n+10){opacity:1;transform:none;transition-delay:.55s}.tags[data-reveal=stagger]>*{transition-duration:.45s}.tags[data-reveal=stagger][data-visible]>:nth-child(2){transition-delay:50ms}.tags[data-reveal=stagger][data-visible]>:nth-child(3){transition-delay:.1s}.tags[data-reveal=stagger][data-visible]>:nth-child(4){transition-delay:.15s}.tags[data-reveal=stagger][data-visible]>:nth-child(5){transition-delay:.19s}.tags[data-reveal=stagger][data-visible]>:nth-child(6){transition-delay:225ms}.tags[data-reveal=stagger][data-visible]>:nth-child(n+7){transition-delay:255ms}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero h1 .w1,.hero h1 .w2,.hero-desc,.hero-eyebrow,[data-reveal=stagger]>*,[data-reveal],nav{animation:none!important;transform:none!important;transition:opacity .2s ease!important}[data-reveal=stagger]>*,[data-reveal]{opacity:0}[data-reveal=stagger][data-visible]>*,[data-reveal][data-visible]{opacity:1}}@media(max-width:600px){.hero{padding:64px 0 56px}.nav-links{display:none}footer .wrap{align-items:flex-start;flex-direction:column;gap:12px}}