:root{--bg:#07080b;--tx:#eef0f5;--mu:#98a0b3;--gl:rgba(24,26,34,.55);--bd:rgba(255,255,255,.12);--a:#7cf7c8;--b:#7aa2ff;--c:#c084fc;--sh:0 20px 60px rgba(0,0,0,.45);color-scheme:dark}
[data-theme=ice]{--bg:#eef2f9;--tx:#0e1220;--mu:#56607a;--gl:rgba(255,255,255,.55);--bd:rgba(20,30,60,.14);--a:#0a8f7a;--b:#2b59d9;--c:#8a3ffc;--sh:0 20px 50px rgba(40,60,110,.18);color-scheme:light}
[data-theme=ember]{--bg:#0d0705;--tx:#fbefe6;--mu:#b9a091;--gl:rgba(36,20,14,.58);--a:#ffb454;--b:#ff6a3d;--c:#ff3d81}
[data-theme=aurora]{--bg:#050b10;--tx:#e8f6fb;--mu:#8fb0bd;--gl:rgba(10,28,38,.58);--a:#5cffd9;--b:#4aa3ff;--c:#a46bff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 Inter,ui-sans-serif,system-ui,sans-serif;min-height:100vh;padding-top:env(safe-area-inset-top)}
a{color:var(--a);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,Menlo,Consolas,monospace;background:rgba(127,127,160,.16);padding:.1em .4em;border-radius:6px;font-size:.9em}
.glass{background:var(--gl);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid var(--bd);box-shadow:var(--sh),inset 0 1px 0 rgba(255,255,255,.08);border-radius:18px}
.orbs{position:fixed;inset:0;z-index:-2;overflow:hidden}.orbs i{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(90px);opacity:.38;animation:fl 24s ease-in-out infinite}.orbs i:nth-child(1){background:var(--b);left:-15%;top:-20%}.orbs i:nth-child(2){background:var(--c);right:-20%;top:10%;animation-delay:-8s}.orbs i:nth-child(3){background:var(--a);left:25%;bottom:-35%;animation-delay:-15s;opacity:.28}
@keyframes fl{50%{transform:translate(6vmax,4vmax) scale(1.12)}}.grain{position:fixed;inset:0;z-index:-1;opacity:.07;pointer-events:none;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 baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.notch{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:14px;padding:8px 10px 8px 16px;border-radius:999px;width:min(980px,calc(100% - 24px))}
.logo{font-weight:700;color:var(--tx);letter-spacing:-.02em}.ver{font:600 12px ui-monospace,monospace;padding:3px 9px;border-radius:99px;background:linear-gradient(135deg,var(--a),var(--b));color:#06100d}
.top{display:flex;gap:4px;margin-left:auto}.top a{color:var(--mu);padding:6px 12px;border-radius:99px;font-size:14px}.top a:hover{color:var(--tx);background:rgba(127,127,160,.15);text-decoration:none}
.themes{display:flex;gap:6px;padding:4px;border-radius:99px;background:rgba(127,127,160,.14)}.themes button{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.themes button.on{border-color:var(--tx)}
.themes [data-t=smoke]{background:linear-gradient(135deg,#7cf7c8,#7aa2ff)}.themes [data-t=ice]{background:linear-gradient(135deg,#fff,#9db8ff)}.themes [data-t=ember]{background:linear-gradient(135deg,#ffb454,#ff3d81)}.themes [data-t=aurora]{background:linear-gradient(135deg,#5cffd9,#a46bff)}
.menu{display:none;background:none;border:0;color:var(--tx);font-size:20px;cursor:pointer}
.side{position:fixed;left:16px;top:84px;bottom:16px;width:236px;overflow:auto;padding:14px 10px;z-index:40}.home .side{display:none}.ng{font:600 11px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);padding:14px 10px 6px}.side a{display:block;padding:7px 10px;border-radius:10px;color:var(--tx);font-size:14px}.side a:hover,.side a.on{background:rgba(127,127,160,.18);text-decoration:none}.side a.on{box-shadow:inset 2px 0 var(--a)}
.main{padding:96px 24px 90px;max-width:1120px;margin:auto}body:not(.home) .main{margin-left:max(272px,calc(50% - 560px + 130px))}
.eyebrow{display:inline-block;font:600 12px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--a);padding:5px 12px;border:1px solid var(--bd);border-radius:99px;background:var(--gl)}
.hero{text-align:center;padding:50px 0 30px}.hero h1{font-size:clamp(46px,9vw,104px);line-height:.98;letter-spacing:-.045em;margin:22px 0}.hero h1 em,.band em{font-style:normal;background:linear-gradient(100deg,var(--a),var(--b),var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:640px;margin:0 auto 28px;color:var(--mu);font-size:19px}.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 22px;border-radius:99px;font-weight:600;background:linear-gradient(135deg,var(--a),var(--b));color:#06100d;box-shadow:0 8px 30px -8px var(--a);transition:.2s}.btn:hover{transform:translateY(-2px);text-decoration:none}.btn.ghost{background:var(--gl);color:var(--tx);border:1px solid var(--bd);box-shadow:none}
.term{max-width:760px;margin:44px auto 0;text-align:left;overflow:hidden}.tb{display:flex;gap:7px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--bd)}.tb i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.tb i:nth-child(2){background:#febc2e}.tb i:nth-child(3){background:#28c840}.tb span{margin-left:10px;color:var(--mu);font:12px ui-monospace,monospace}
#demo{margin:0;padding:18px 20px;min-height:250px;font:14px/1.7 ui-monospace,Menlo,monospace;color:var(--tx);overflow:auto;white-space:pre}#demo b{color:var(--a)}#demo s{text-decoration:none;color:var(--mu)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:50px 0}.stats div{padding:22px;text-align:center;color:var(--mu);font-size:14px}.stats b{display:block;font-size:38px;color:var(--tx);letter-spacing:-.03em}
section h2{font-size:clamp(30px,5vw,52px);letter-spacing:-.035em;margin:14px 0 22px}.inst,.feat{margin:80px 0}
.codecard{padding:14px;max-width:820px}.tabs{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:12px}.tabs button{background:none;border:1px solid transparent;color:var(--mu);padding:7px 14px;border-radius:99px;cursor:pointer;font:inherit;font-size:14px}.tabs button.on{color:var(--tx);background:rgba(127,127,160,.18);border-color:var(--bd)}
.cmd{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.35);border-radius:12px;padding:14px 16px;overflow:auto}[data-theme=ice] .cmd{background:rgba(255,255,255,.7)}.cmd code{background:none;font-size:14px;white-space:nowrap;flex:1}.pr{color:var(--a)}.cmd button{background:linear-gradient(135deg,var(--a),var(--b));color:#06100d;border:0;border-radius:9px;padding:8px 16px;font-weight:700;cursor:pointer}
.muted{color:var(--mu)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{padding:22px;transition:.25s}.card:hover{transform:translateY(-4px);border-color:var(--a)}.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0;color:var(--mu);font-size:15px}.big{display:block;font-size:26px;font-weight:700;color:var(--tx);margin-bottom:6px}
.band{padding:40px;text-align:center;margin:70px 0}.band h2{margin-top:0}.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.links .glass{padding:20px}.links h3{margin:0 0 8px}.links a{display:block;color:var(--mu);padding:3px 0;font-size:14px}.links a:hover{color:var(--a)}
.hero2{padding:30px 0 10px}.hero2 h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.035em;margin:14px 0}.prose{max-width:820px}.prose .grid{margin:24px 0}.note{padding:14px 18px;border-left:3px solid var(--a);background:var(--gl);border-radius:0 12px 12px 0;color:var(--mu);font-size:14px}.tbl{overflow:auto;margin:20px 0}table{border-collapse:collapse;width:100%}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--bd);font-size:15px}th{color:var(--mu);font-weight:600}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;padding:28px;margin-top:90px;font-size:14px}.foot b{display:block;margin-bottom:8px}.foot a{display:block;color:var(--mu);padding:2px 0}.foot p{color:var(--mu);margin:6px 0 0}
.bottom{display:none;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:50;justify-content:space-around;padding:10px;border-radius:99px}.bottom a{color:var(--tx);font-size:14px;padding:4px 10px}
.scrim{display:none}@media(max-width:860px){.top{display:none}.menu{display:block}.themes{margin-left:auto}.side{transform:translateX(-120%);transition:.3s;top:76px;z-index:60;width:min(300px,86vw)}.side.open{transform:none}.scrim.open{display:block;position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.5)}body:not(.home) .main{margin-left:auto}.bottom{display:flex}.foot{grid-template-columns:1fr 1fr;margin-bottom:40px}.home .side{display:block}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}