:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f8f6;--bg-soft:#f0efe9;--panel:#fff;--panel-elevated:#fff;--ink:#141416;--ink-secondary:#48474d;--muted:#6f6e77;--line:#e2dfd7;--line-subtle:#eeece6;--accent:#0a52c4;--accent-soft:#0a52c417;--accent-ink:#fff;--glow-1:#0a52c429;--glow-2:#0d94881f;--glow-3:#d977061a;--kbd-bg:#e9e7e0;--code-bg:#111318;--code-ink:#dbe0ea;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 12px 32px -12px #00000014;--shadow-lg:0 24px 60px -20px #0a52c424}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e12;--bg-soft:#14151c;--panel:#1a1b24;--panel-elevated:#222330;--ink:#f4f4f6;--ink-secondary:#c5c4cb;--muted:#94929e;--line:#2c2d3a;--line-subtle:#20212c;--accent:#6d9bff;--accent-soft:#6d9bff1f;--accent-ink:#0a1120;--glow-1:#6d9bff26;--glow-2:#2dd4bf1a;--glow-3:#fb923c14;--kbd-bg:#272836;--code-bg:#090a0e;--code-ink:#ccd3e0;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 12px 32px -12px #00000080;--shadow-lg:0 24px 60px -20px #000000b3}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;transition:background .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1);overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:99;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--accent);color:var(--accent-ink)}.skip-link{z-index:1000;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-60px;left:20px;box-shadow:0 4px 16px #0003}.skip-link:focus{outline:3px solid #fff;top:16px}h1,h2,h3,h4{letter-spacing:-.025em;color:var(--ink);margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;line-height:1.25}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:4px;font-size:12.5px;font-weight:700;display:inline-flex}.kicker:before{content:"";background:var(--accent);border-radius:2px;width:24px;height:2px}.section-title{letter-spacing:-.03em;margin:12px 0 14px;font-size:clamp(30px,4.2vw,48px);font-weight:900}.section-lead{color:var(--muted);max-width:64ch;margin:0 0 48px;font-size:16.5px;line-height:1.68}.nav{z-index:80;-webkit-backdrop-filter:blur(18px);background:color-mix(in srgb, var(--bg) 85%, transparent);border-bottom:1px solid var(--line);transition:box-shadow .3s,background .3s,border-color .3s;position:sticky;top:0}.nav.scrolled{border-bottom-color:color-mix(in srgb, var(--line) 80%, var(--accent));box-shadow:0 8px 28px -10px #00000026}.nav-inner{justify-content:space-between;align-items:center;gap:20px;height:68px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:12px;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:18px;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{background:conic-gradient(from 210deg, var(--accent), #0d9488, #d97706, var(--accent));width:28px;height:28px;box-shadow:0 3px 12px var(--glow-1);border-radius:8px;transition:transform .3s}.brand:hover .brand-mark{transform:rotate(18deg)scale(1.08)}.nav-links{align-items:center;gap:6px;margin-left:12px;display:flex}.nav-links a{color:var(--ink-secondary);border-radius:9px;padding:8px 14px;font-size:14.5px;font-weight:500;text-decoration:none;transition:color .2s,background .2s,transform .15s}.nav-links a:hover{color:var(--ink);background:var(--accent-soft);transform:translateY(-1px)}.nav-tools{align-items:center;gap:12px;display:flex}.gh-btn{border:1px solid var(--line);background:var(--panel);height:34px;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.gh-btn:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.gh-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mobile-menu-toggle{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;transition:background .2s;display:none}.mobile-menu-toggle:hover{background:var(--accent-soft)}.mobile-drawer-backdrop,.mobile-drawer{display:none}@media (width<=900px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.mobile-drawer-backdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#00000073;transition:opacity .3s;display:block;position:fixed;inset:0}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{z-index:95;background:var(--panel);border-left:1px solid var(--line);flex-direction:column;gap:20px;width:280px;padding:24px 20px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0003}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.mobile-drawer-links{flex-direction:column;gap:8px;display:flex}.mobile-drawer-links a{color:var(--ink);border-radius:9px;padding:10px 14px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s}.mobile-drawer-links a:hover{background:var(--accent-soft);color:var(--accent)}}.hero{border-bottom:1px solid var(--line);padding:120px 0 100px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-bg:before,.hero-bg:after{content:"";filter:blur(100px);border-radius:50%;position:absolute}.hero-bg:before{background:var(--glow-1);width:580px;height:580px;animation:15s ease-in-out infinite alternate drift;top:-160px;right:-60px}.hero-bg:after{background:var(--glow-2);width:480px;height:480px;animation:19s ease-in-out infinite alternate-reverse drift;bottom:-180px;left:-100px}.hero-glow-3{background:var(--glow-3);filter:blur(100px);border-radius:50%;width:400px;height:400px;animation:23s ease-in-out infinite alternate drift;position:absolute;top:25%;left:38%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(50px,-35px)scale(1.15)}}.hero-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.4;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 70% at 50% 10%,#000 35%,#0000 75%);mask-image:radial-gradient(85% 70% at 50% 10%,#000 35%,#0000 75%)}.hero-inner{max-width:900px;position:relative}.hero-badge-wrap{align-items:center;gap:10px;margin-bottom:20px;display:inline-flex}.hero-badge{background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.hero-badge-pulse{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 var(--accent)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.hero h1{letter-spacing:-.035em;text-wrap:balance;margin:12px 0 24px;font-size:clamp(42px,6.8vw,80px);font-weight:900;line-height:1.15}.hero h1 em{color:var(--accent);white-space:nowrap;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--accent-soft);z-index:-1;border-radius:4px;height:12px;position:absolute;bottom:8px;left:0;right:0}.hero-sub{color:var(--muted);max-width:65ch;margin:0 0 36px;font-size:18.5px;line-height:1.7}.hero-ctas{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-quick-cmd{background:var(--panel);border:1px solid var(--line);color:var(--ink-secondary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:8px;padding:6px 14px;font-family:Fira Code,Space Grotesk,monospace;font-size:13px;transition:all .2s;display:inline-flex}.hero-quick-cmd:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.hero-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:20px;margin-top:72px;padding-top:36px;display:grid}.stat-card{padding:12px 0}.stat-num{color:var(--ink);letter-spacing:-.02em;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:800}.stat-label{color:var(--muted);font-size:13.5px;line-height:1.5}@media (width<=860px){.hero-stats{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=520px){.hero-stats{grid-template-columns:1fr}}.lib-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.lib-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:24px;grid-column:span 6;padding:32px 32px 28px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .35s;position:relative;overflow:hidden}.lib-card.wide{grid-column:span 7}.lib-card.narrow{grid-column:span 5}.lib-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.lib-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:32px;right:32px}.lib-card:hover:before{opacity:1}.lib-index{color:var(--accent);letter-spacing:.1em;font-family:Space Grotesk,monospace;font-size:13.5px;font-weight:700}.lib-title{letter-spacing:-.02em;margin:10px 0 6px;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:26px;font-weight:900}.lib-tagline{color:var(--accent);margin-bottom:12px;font-size:14.5px;font-weight:700}.lib-desc{color:var(--muted);max-width:54ch;margin:0 0 24px;font-size:15px;line-height:1.65}.lib-visual{opacity:.45;pointer-events:none;width:170px;height:170px;transition:transform .4s,opacity .4s;position:absolute;bottom:-24px;right:-24px}.lib-card:hover .lib-visual{opacity:.75;transform:scale(1.1)rotate(4deg)}@media (width<=900px){.lib-card,.lib-card.wide,.lib-card.narrow{grid-column:span 12}}.feature-rows{border-top:1px solid var(--line)}.feature-row{border-bottom:1px solid var(--line);border-radius:16px;grid-template-columns:80px 1.1fr 1.2fr;align-items:center;gap:32px;padding:40px 12px;transition:background .25s,transform .25s;display:grid}.feature-row:hover{background:var(--accent-soft)}.feature-no{color:var(--accent);font-family:Space Grotesk,monospace;font-size:18px;font-weight:800}.feature-name{align-items:center;gap:12px;margin-bottom:8px;font-size:22px;font-weight:900;display:flex}.feature-name svg{color:var(--accent);flex:none}.feature-desc{color:var(--muted);max-width:56ch;margin:0;font-size:15px}.feature-demo{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.kbd-monitor{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kbd{background:var(--kbd-bg);border:1px solid var(--line);border-bottom:2px solid var(--line);color:var(--ink);border-radius:7px;justify-content:center;align-items:center;padding:4px 10px;font-family:Fira Code,Space Grotesk,monospace;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.kbd.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 0 12px var(--glow-1);transform:translateY(2px)}.readout{color:var(--accent);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-family:Fira Code,Space Grotesk,monospace;font-size:14.5px;font-weight:700}.swatches{align-items:center;gap:10px;display:flex}.swatch-btn{cursor:pointer;border:2px solid #0000;border-radius:10px;width:34px;height:34px;padding:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative}.swatch-btn:hover{transform:scale(1.2)rotate(-5deg)}.swatch-btn.selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--accent)}@media (width<=960px){.feature-row{grid-template-columns:1fr;gap:16px}.feature-no{display:none}}.playground-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:28px;padding:32px}.playground-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.playground-tools-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.form-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px 32px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=760px){.form-grid{grid-template-columns:1fr}.playground-panel{padding:20px}}.demo-block{background:var(--bg);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:14px;width:100%;padding:22px;transition:border-color .2s;display:flex}.demo-block.full{grid-column:1/-1;width:100%}.demo-block>*{max-width:100%}.demo-block [role=group],.demo-block [role=slider],.demo-block .s2-Slider,.demo-block .s2-ProgressBar,.demo-block [data-spectrum-slider]{min-width:100%;width:100%!important}.demo-block:focus-within{border-color:var(--accent)}.demo-block-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.quick-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:48px;display:grid}@media (width<=960px){.quick-grid{grid-template-columns:1fr}}.pm-bar{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:inline-flex}.pm-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.pm-btn.active{background:var(--accent);color:var(--accent-ink)}.code-window{background:var(--code-bg);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -20px #0000008c}.code-titlebar{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:12px 18px;display:flex}.code-copy-btn{color:#ffffffd9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff29;border-radius:7px;align-items:center;gap:6px;height:28px;padding:0 10px;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.code-copy-btn:hover{color:#fff;background:#ffffff2e;border-color:#ffffff59;transform:translateY(-1px)}.code-copy-btn:active{transform:translateY(0)}.code-copy-btn.copied{color:#86efac;background:#22c55e38;border-color:#22c55e80}.code-dot{border-radius:50%;width:11px;height:11px}.code-window pre{color:var(--code-ink);margin:0;padding:20px 22px;font-family:Fira Code,Space Grotesk,monospace;font-size:13.5px;line-height:1.75;overflow-x:auto}.tok-cmd{color:#7dd3fc}.tok-pkg{color:#a5b4fc}.tok-kw{color:#fbbf24}.tok-str{color:#86efac}.tok-tag{color:#93c5fd}.tok-comment{color:#ffffff61}.footer{border-top:1px solid var(--line);background:var(--bg-soft);padding:80px 0 48px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;display:grid}@media (width<=860px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.footer-grid{grid-template-columns:1fr}}.footer h4{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;font-size:13px;font-weight:700}.footer a{color:var(--ink-secondary);padding:5px 0;font-size:14.5px;text-decoration:none;transition:color .2s,transform .15s;display:block}.footer a:hover{color:var(--accent);transform:translate(3px)}.footer-note{color:var(--muted);max-width:48ch;font-size:14.5px;line-height:1.65}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:56px;padding-top:24px;font-size:13.5px;display:flex}.back-to-top{z-index:70;background:var(--panel);border:1px solid var(--line);width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow-md);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(16px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 8px 24px var(--glow-1);transform:translateY(-3px)}.reveal{opacity:0;animation:.85s cubic-bezier(.16,1,.3,1) forwards rise;animation-delay:var(--d,0s);transform:translateY(24px)}@keyframes rise{to{opacity:1;transform:none}}.breathe{animation:3.2s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.breathe,.hero-bg:before,.hero-bg:after,.hero-glow-3{opacity:1;transform:none;animation:none!important}}