@import "https://fonts.googleapis.com/css2?family=Geist:wght@300..800&family=Geist+Mono:wght@400..600&display=swap";[data-theme=dark],:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#0c0f13;--bg:#101418;--surface:#12181e;--surface-2:#171d24;--surface-3:#202831;--line-soft:#1c232b;--line:#2a3138;--line-strong:#38414b;--text:#e8ecef;--muted:#9ba6b2;--faint:#7c8894;--accent:#4ade80;--accent-fill:#4ade80;--accent-ink:#0b0d10;--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--ring:var(--accent);--ok:var(--accent);--warn:#fbbf24;--error:#f87171;--grid:#161c22;--glow:#4ade8017;--code-bg:var(--bg-deep);--tk-c:#7c8894;--tk-s:#fcd34d;--tk-t:#7dd3fc;--tk-k:#c4b5fd;--tk-n:#fdba74;--tk-m:var(--accent);--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:14px;--bar-h:56px;--ease:cubic-bezier(.22, 1, .36, 1);--font:"Geist", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-deep:#f3f5f8;--bg:#f7f8fa;--surface:#fff;--surface-2:#fff;--surface-3:#e9edf1;--line-soft:#e6eaef;--line:#dde2e8;--line-strong:#c5ccd5;--text:#101418;--muted:#4b5563;--faint:#5f6874;--accent:#15803d;--warn:#b45309;--error:#b91c1c;--grid:#e9edf1;--glow:#16a34a14;--code-bg:#fff;--tk-c:#6b7280;--tk-s:#a16207;--tk-t:#0369a1;--tk-k:#6d28d9;--tk-n:#c2410c}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-deep:#f3f5f8;--bg:#f7f8fa;--surface:#fff;--surface-2:#fff;--surface-3:#e9edf1;--line-soft:#e6eaef;--line:#dde2e8;--line-strong:#c5ccd5;--text:#101418;--muted:#4b5563;--faint:#5f6874;--accent:#15803d;--warn:#b45309;--error:#b91c1c;--grid:#e9edf1;--glow:#16a34a14;--code-bg:#fff;--tk-c:#6b7280;--tk-s:#a16207;--tk-t:#0369a1;--tk-k:#6d28d9;--tk-n:#c2410c}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6;overflow-x:clip}h1,h2,h3,h4,p{margin:0}a{color:inherit;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:.2em}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select{font:inherit;color:inherit}img{display:block}code{font-family:var(--mono);font-size:.88em}p code,li code{border-radius:var(--r-sm);background:var(--surface-3);padding:.05em .35em}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--accent-fill);color:var(--accent-ink)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:16px}@media (width>=640px){.wrap{padding-inline:28px}}:is(h1,h2) em{color:var(--accent);font-style:normal}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .75rem;font-size:.6875rem;font-weight:500}.lead{max-width:36rem;color:var(--muted);text-wrap:pretty;font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.65}.page-hero{padding-block:clamp(2.5rem,6vw,4.5rem) 1rem}.page-hero h1{letter-spacing:-.03em;text-wrap:balance;max-width:50rem;font-size:clamp(2.1rem,5vw,3.5rem);font-weight:600;line-height:1.05}.page-hero .lead{margin-top:1rem}.grid-backdrop{isolation:isolate;position:relative}.grid-backdrop:before,.grid-backdrop:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.grid-backdrop:before{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(80% 70% at 30% 20%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 70% at 30% 20%,#000 30%,#0000 80%)}.grid-backdrop:after{background:radial-gradient(600px 340px at 30% 25%, var(--glow), transparent 70%)}.term{min-height:1.2em;color:var(--accent);font-family:var(--mono);align-items:center;gap:1ch;font-size:.75rem;font-weight:500;display:flex}.term-text{max-width:calc(var(--n,40) * 1ch);white-space:nowrap;animation:vt-type 1.9s steps(var(--n,40), end) both;display:inline-block;overflow:hidden}.term-cursor{background:var(--accent);width:7px;height:13px;margin-left:-.6ch;animation:1s steps(2,start) infinite vt-blink;display:inline-block}@keyframes vt-type{0%{max-width:0}}@keyframes vt-blink{to{visibility:hidden}}.stats{flex-wrap:wrap;gap:1.5rem 3rem;display:flex}.stat{max-width:17rem}.stat-n{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.875rem;font-weight:600;line-height:1.2}.stat-l{color:var(--accent);font-family:var(--mono);margin-top:.15rem;font-size:.6875rem;font-weight:500}.stat-d{color:var(--muted);margin-top:.6rem;font-size:.8125rem;line-height:1.6}.btn{border-radius:var(--r-md);white-space:nowrap;height:44px;transition:filter .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease);align-items:center;gap:.5rem;padding-inline:1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-fill);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{border:1px solid var(--line);background:var(--surface-2);color:var(--text)}.btn-ghost:hover{border-color:var(--line-strong)}.icon-btn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);width:32px;height:32px;color:var(--muted);transition:color .15s var(--ease), border-color .15s var(--ease);flex:none;place-items:center;text-decoration:none;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--line-strong)}.seg{border:1px solid var(--line);background:var(--bg-deep);border-radius:10px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.seg button{min-width:2rem;height:26px;color:var(--muted);font-family:var(--mono);transition:background-color .15s var(--ease), color .15s var(--ease);border-radius:6px;padding-inline:.6rem;font-size:.6875rem;font-weight:500}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:var(--surface-3);color:var(--text);cursor:default}.bar{z-index:40;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.bar-in{min-height:var(--bar-h);align-items:center;gap:1rem;display:flex}.bar-brand{flex:none;align-items:center;display:flex}.bar-brand img{width:auto;height:20px}.bar-nav{gap:1rem;display:flex}.bar-nav :is(a,button),.bar-back{color:var(--muted);white-space:nowrap;transition:color .15s var(--ease);font-size:.8125rem;font-weight:500;text-decoration:none}.bar-nav :is(a,button):hover,.bar-back:hover{color:var(--text)}.bar-tools{align-items:center;gap:.5rem;margin-left:auto;display:flex}@media (width<=980px){.bar-nav{display:none}}@media (width<=720px){.bar-in{flex-wrap:wrap;padding-block:.5rem}}.tag{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);font-family:var(--mono);align-items:center;padding:3px 8px;font-size:.625rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.tag-accent{background:var(--accent-fill);color:var(--accent-ink);border-color:#0000}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);transition:border-color .25s var(--ease)}.code{border:1px solid var(--line-soft);background:var(--code-bg);border-radius:10px;min-width:0;overflow:hidden}.code-bar{border-bottom:1px solid var(--line-soft);color:var(--faint);font-family:var(--mono);align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.6875rem;display:flex}.code-bar:before{content:"";background:var(--accent);border-radius:1.5px;width:6px;height:6px}.code pre{font-family:var(--mono);text-align:left;tab-size:2;margin:0;padding:.9rem 1rem;font-size:.78rem;line-height:1.75;overflow-x:auto}.code code{color:var(--text);font-size:inherit;background:0 0;padding:0}.tk-c,.tk-p{color:var(--tk-c)}.tk-s{color:var(--tk-s)}.tk-t{color:var(--tk-t)}.tk-k{color:var(--tk-k)}.tk-n{color:var(--tk-n)}.tk-o{color:var(--ok)}.tk-m{color:var(--tk-m);background:color-mix(in srgb, var(--tk-m) 14%, transparent);border-radius:var(--r-sm);padding:.05em .25em}.anchor{color:var(--accent);font-family:var(--mono);opacity:.55;transition:opacity .15s var(--ease);margin-right:.45em;font-weight:400;text-decoration:none}:is(h2,h3):hover .anchor,.anchor:focus-visible{opacity:1}.toc{border-top:1px solid var(--line);flex-wrap:wrap;gap:.4rem;margin-top:2rem;padding-top:1.4rem;display:flex}.toc a{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--muted);transition:color .15s var(--ease), border-color .15s var(--ease);align-items:baseline;gap:.45rem;padding:.3rem .7rem;font-size:.8125rem;text-decoration:none;display:inline-flex}.toc a:hover{color:var(--text);border-color:var(--line-strong)}.notes{border-top:1px solid var(--line);color:var(--muted);margin-top:clamp(3rem,8vw,5rem);padding-block:2rem 4rem;font-size:.9rem}.notes h2{color:var(--text);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.notes ul{max-width:52rem;margin:0;padding-left:1.1rem}.notes li+li{margin-top:.5rem}.notes b{color:var(--text);font-weight:600}.rise{animation:vt-rise .5s var(--ease) both;animation-delay:calc(var(--i,0) * 80ms)}@keyframes vt-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}a{text-decoration:none}ol,ul{margin:0;padding:0;list-style:none}.hero{border-bottom:1px solid var(--line);background:var(--bg-deep)}.hero-in{padding-block:clamp(2.5rem,5vw,4rem) clamp(2.25rem,4vw,3.25rem)}.hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:50rem;margin-top:1rem;font-size:clamp(2.4rem,5.6vw,4rem);font-weight:600;line-height:1.05}.hero .lead{margin-top:1rem}.cta-row{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:2rem;display:flex}.hero .stats{margin-top:2.5rem}.hero-strip{border-top:1px solid var(--line-soft)}.hero-strip-in{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding-block:.9rem;display:flex}.release{color:var(--muted);transition:color .15s var(--ease);align-items:center;gap:.6rem;font-size:.8125rem;display:inline-flex}.release:hover{color:var(--text)}.copy{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);max-width:100%;height:44px;font-family:var(--mono);transition:border-color .15s var(--ease);align-items:center;gap:.75rem;padding-inline:1rem .4rem;font-size:.8125rem;display:inline-flex}.copy:hover{border-color:var(--line-strong)}.copy-prompt{color:var(--accent)}.copy code{text-overflow:ellipsis;white-space:nowrap;font-size:inherit;overflow:hidden}.copy-state{background:var(--surface-3);height:32px;color:var(--muted);font-family:var(--font);border-radius:6px;align-items:center;gap:.35rem;padding-inline:.6rem;font-size:.75rem;display:inline-flex}.copy-state.is-done{color:var(--ok)}.section{padding-block:clamp(3.5rem,8vw,4.5rem)}.section-head{max-width:40rem;margin-bottom:1.75rem}.section-head h2,.outro h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:600;line-height:1.15}.section-text{max-width:62ch;color:var(--muted);text-wrap:pretty;margin-top:.6rem;font-size:.9375rem}.section-demos{padding-top:2.5rem}.demos{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.demo-card{flex-direction:column;display:flex;overflow:hidden}.demo-card:hover{border-color:var(--line-strong)}.demo-card-main{flex-direction:column;flex:1;display:flex}.shot{border-bottom:1px solid var(--line);background:var(--bg-deep);height:180px;position:relative;overflow:hidden}.shot img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;transition:transform 1.4s var(--ease)}.demo-card:hover .shot img{transform:translateY(-8%)}.shot-open{background:linear-gradient(transparent, color-mix(in srgb, var(--bg-deep) 85%, transparent));color:var(--text);font-family:var(--mono);opacity:0;transition:opacity .25s var(--ease);justify-content:flex-end;align-items:center;gap:.3rem;padding:1.5rem .75rem .6rem;font-size:.6875rem;font-weight:500;display:flex;position:absolute;inset:auto 0 0}.demo-card:hover .shot-open,.demo-card-main:focus-visible .shot-open{opacity:1}.demo-body{flex-direction:column;flex:1;gap:.2rem;padding:.9rem 1rem .5rem;display:flex}.demo-card h3{font-size:.9375rem;font-weight:600;line-height:1.35}.demo-path{color:var(--faint);font-family:var(--mono);font-size:.6875rem}.demo-text{color:var(--muted);margin-top:.4rem;font-size:.8125rem;line-height:1.6}.demo-foot{flex-wrap:wrap;gap:.4rem;padding:.6rem 1rem 1rem;display:flex}.demo-foot .tag{transition:color .15s var(--ease), border-color .15s var(--ease);gap:.35rem}.demo-foot .tag:hover{color:var(--text);border-color:var(--faint)}.demo-grid{grid-template-columns:1.2fr 1fr;gap:14px;display:grid}.demo-side{grid-template-rows:auto 1fr;gap:14px;display:grid}.demo-out{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;align-items:center;gap:1rem;min-height:84px;padding:1.1rem 1.2rem;display:flex}.demo-chip{border-radius:var(--r-md);background:var(--accent-fill);min-width:2.4rem;height:2.4rem;color:var(--accent-ink);font-family:var(--mono);flex:none;place-items:center;padding-inline:.5rem;font-size:.8rem;font-weight:600;display:grid}.demo-out p{letter-spacing:-.02em;animation:vt-rise .4s var(--ease);font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:560;line-height:1.25}.demo-tabs{margin-top:1rem}.marquee-sec{border-block:1px solid var(--line-soft);background:var(--bg-deep)}.marquee-in{align-items:center;gap:1.5rem;padding-block:.9rem;display:flex}.marquee-cap{color:var(--faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;flex:none;font-size:.625rem;font-weight:500}.marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{width:max-content;animation:60s linear infinite slide;display:flex}.marquee-row{gap:2rem;padding-right:2rem;display:flex}.marquee-row span{color:var(--muted);white-space:nowrap;font-size:.8125rem;font-weight:500}@keyframes slide{to{transform:translate(-50%)}}.bento{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tile{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);transition:border-color .25s var(--ease);flex-direction:column;padding:1.25rem;display:flex}.tile:hover{border-color:var(--line-strong)}.t-keyless,.t-yaml,.t-llm,.t-build{grid-column:span 2}.t-lazy{flex-direction:row;grid-column:span 4;justify-content:space-between;align-items:center;gap:2rem}.tile-copy{flex-direction:column;gap:.5rem;display:flex}.tile-ico{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:34px;height:34px;color:var(--accent);place-items:center;margin-bottom:.4rem;display:grid}.tile h3{letter-spacing:-.01em;font-size:1rem;font-weight:600;line-height:1.35}.tile p{color:var(--muted);font-size:.875rem;line-height:1.6}.tile-code{margin-top:auto}.tile-copy+.tile-code{margin-top:1.2rem}.verdicts{gap:.4rem;margin-top:1.2rem;display:grid}.verdicts li{border-radius:var(--r-md);font-family:var(--mono);align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.verdicts .bad{background:color-mix(in srgb, var(--error) 10%, transparent);color:var(--error);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--error) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--error) 50%, transparent)}.verdicts .ok{background:color-mix(in srgb, var(--ok) 10%, transparent);color:var(--ok)}.flow{align-items:center;gap:.5rem;margin-top:auto;padding-top:1.4rem;display:flex}.flow span{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);font-family:var(--mono);padding:.35rem .7rem;font-size:.75rem}.flow .flow-end{background:var(--accent-fill);color:var(--accent-ink);border-color:#0000}.flow i{background:linear-gradient(90deg, transparent, var(--accent), transparent) 0 0 / 200% 100%;border-radius:2px;flex:1;min-width:14px;height:2px;animation:2.4s linear infinite run}@keyframes run{to{background-position:-200% 0}}.chunks{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;max-width:26rem;display:flex}.chunks span{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--muted);font-family:var(--mono);animation:5.6s ease-in-out infinite load;animation-delay:calc(var(--n) * .7s);padding:.3rem .65rem;font-size:.75rem}@keyframes load{0%,16%,to{border-color:var(--line);background:var(--surface);color:var(--muted)}6%{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}}.steps{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.step{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.step-n{color:var(--accent);font-family:var(--mono);letter-spacing:.1em;font-size:.6875rem;font-weight:500}.step h3{letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.step p{color:var(--muted);font-size:.875rem}.step-code{margin-top:auto}.step p+.step-code{margin-top:1rem}.compare{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);overflow:hidden}.compare-scroll{overflow-x:auto}.compare table{border-collapse:collapse;width:100%;min-width:660px}.compare th,.compare td{text-align:center;padding:.8rem 1rem}.compare thead th{color:var(--faint);font-family:var(--mono);font-size:.6875rem;font-weight:500}.compare tbody th{text-align:left;min-width:15rem;font-size:.875rem;font-weight:500}.compare tbody tr{border-top:1px solid var(--line)}.compare .col-us{background:var(--accent-soft)}.compare thead .col-us{color:var(--accent);font-weight:600}.mk{border-radius:var(--r-md);place-items:center;width:26px;height:26px;display:inline-grid}.mk-y{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.mk-n{color:var(--faint)}.mk-p{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}.compare-note{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:.4rem;padding:.8rem 1rem;font-size:.8125rem;display:flex}.compare-note+.compare-note{border-top:0;padding-top:0}.compare-note a{text-decoration:underline}.outro-sec{padding-bottom:clamp(3rem,8vw,5rem)}.outro{border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(120deg, var(--surface), color-mix(in srgb, var(--accent) 6%, var(--surface)));padding:clamp(1.75rem,4vw,2.25rem);position:relative;overflow:hidden}.outro:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-soft), transparent);width:60px;animation:shine 6s var(--ease) infinite;position:absolute;inset:0 auto 0 -60px}@keyframes shine{60%,to{transform:translate(calc(100vw + 120px))}}.outro>*{position:relative}.outro .lead{margin-top:.6rem}.outro .cta-row{margin-top:1.5rem}.footer{border-top:1px solid var(--line);background:var(--bg-deep);color:var(--faint);padding-block:1.5rem;font-size:.8125rem}.footer-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer b{color:var(--text);font-family:var(--mono);font-weight:500}.footer nav{gap:1.5rem;display:flex}.footer a:hover{color:var(--text)}@media (width<=980px){.demos,.bento{grid-template-columns:repeat(2,1fr)}.t-lazy{flex-direction:column;align-items:flex-start}.chunks{justify-content:flex-start}.steps{grid-template-columns:1fr}}@media (width<=760px){.demo-grid{grid-template-columns:1fr}}@media (width<=640px){.demos,.bento{grid-template-columns:1fr}.t-keyless,.t-yaml,.t-llm,.t-build,.t-lazy{grid-column:auto}.marquee-in{flex-direction:column;align-items:flex-start;gap:.6rem}.marquee{width:100%}.copy{font-size:.75rem}.footer-in{text-align:center;flex-direction:column}}