@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/manrope-800-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/manrope-800-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/fraunces-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/fraunces-600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1424;--bg-2:#0e1b33;--surface:#13264a;--line:#223458;--line-soft:#1a2b4a;--text:#f2f6ff;--text-2:#e6edfa;--muted:#8fa2c4;--accent:#2fc094;--accent-ink:#05261c;--accent-soft:#12352c;--warn:#f0a63a;--display:"Fraunces", Georgia, "Times New Roman", serif;--body:"Manrope", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:20px;--radius-lg:32px;--gutter:clamp(20px, 5vw, 72px);--measure:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text-2);font:400 17px/1.6 var(--body);background-image:radial-gradient(900px 600px at 8% -10%,#2fc09429,#0000 70%),radial-gradient(700px 500px at 100% 40%,#5b8cff14,#0000 70%),linear-gradient(90deg,#22345847 1px,#0000 1px),linear-gradient(#22345847 1px,#0000 1px);background-size:auto,auto,64px 64px,64px 64px;background-attachment:fixed,fixed,local,local;margin:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);color:var(--text);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600}h2{font-size:clamp(30px,3.6vw,46px);line-height:1.12}h3{font-family:var(--body);letter-spacing:0;font-size:19px;font-weight:800}p{margin:0}code{font-family:var(--mono);font-size:.92em}p code{background:var(--accent-soft);color:#b7f0dc;border-radius:6px;padding:1px 6px}.skip{background:var(--accent);color:var(--accent-ink);z-index:100;border-radius:10px;padding:10px 14px;font-weight:700;position:absolute;top:-60px;left:16px}.skip:focus{top:16px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:13px;font-weight:800}.section-head{max-width:760px;margin-bottom:clamp(36px,5vw,64px)}.section-lede{color:var(--muted);max-width:62ch;margin-top:18px;font-size:18px}main>section{max-width:var(--measure);padding:clamp(64px, 9vw, 128px) var(--gutter) 0;margin:0 auto}.btn{background:var(--accent);color:var(--accent-ink);border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 0 #2fc09400}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px -10px #2fc094b3}.btn:focus-visible{outline:3px solid var(--text);outline-offset:3px}.btn-ghost{color:var(--text);border:1px solid var(--line);background:0 0}.btn-ghost:hover{background:var(--bg-2);box-shadow:none}.btn-sm{padding:10px 18px;font-size:14px}.btn-lg{padding:18px 34px;font-size:18px}.nav{z-index:20;padding:14px var(--gutter);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);background:#0a1424b8;align-items:center;gap:24px;display:flex;position:sticky;top:0}.nav-brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;margin-right:auto;font-weight:800;text-decoration:none;display:inline-flex}.nav-mark{flex:none;width:24px;height:24px;display:inline-block}.nav-links{color:var(--muted);gap:22px;font-size:15px;font-weight:600;display:flex}.nav-links a{text-decoration:none;transition:color .12s}.nav-links a:hover{color:var(--text)}@media (width<=720px){.nav-links{display:none}}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,72px);min-height:min(84vh,860px);display:grid;padding-top:clamp(56px,8vw,112px)!important}.hero h1{letter-spacing:-.02em;font-size:clamp(40px,5.4vw,72px);line-height:1.04}.hero h1 em{color:var(--accent);font-style:italic}.lede{color:var(--muted);max-width:56ch;margin-top:24px;font-size:clamp(17px,1.4vw,20px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-stats{border-top:1px solid var(--line-soft);grid-template-columns:repeat(4,auto);gap:28px;margin:44px 0 0;padding-top:28px;display:grid}.hero-stats div{flex-direction:column;display:flex}.hero-stats dt{font-family:var(--display);color:var(--text);font-size:34px;line-height:1}.hero-stats dd{color:var(--muted);letter-spacing:.02em;margin:6px 0 0;font-size:13px;font-weight:600}.hero-fan{aspect-ratio:1;width:100%;max-width:560px;margin-left:auto;position:relative}.fan{border-radius:18px;width:72%;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;box-shadow:0 40px 80px -30px #000c,0 0 0 1px #ffffff0d}.fan-a{z-index:1;top:14%;left:0;transform:rotate(-7deg)translate(-2%)}.fan-b{z-index:2;top:0;right:0;transform:rotate(6deg)translate(3%)}.fan-c{z-index:3;top:26%;left:14%;transform:rotate(-1deg)}.hero-fan:hover .fan-a{transform:rotate(-10deg)translate(-6%,-2%)}.hero-fan:hover .fan-b{transform:rotate(9deg)translate(7%,-3%)}.hero-fan:hover .fan-c{transform:rotate(0)translateY(-3%)}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:0}.hero-fan{max-width:440px;margin:12px auto 0}.hero-stats{grid-template-columns:repeat(2,auto);gap:20px 32px}}.reveal{animation:.7s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(var(--i,0) * .11s)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{animation:none}.fan,.btn{transition:none}html{scroll-behavior:auto}}.spec-grid{grid-template-columns:minmax(0,1.25fr) auto minmax(0,.9fr);align-items:center;gap:clamp(16px,2.5vw,32px);display:grid}.spec-code,.spec-out{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(#0e1b33e6,#0a1424e6);margin:0;overflow:hidden}.spec-code figcaption{font-family:var(--mono);color:var(--muted);border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:12px 18px;font-size:13px;display:flex}.dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 12px var(--accent);border-radius:50%}.spec-code pre{font-size:13px;line-height:1.6;font-family:var(--mono);color:var(--text-2);tab-size:2;margin:0;padding:18px 20px 22px;overflow-x:auto}.spec-code .k{color:#9cc7ff}.spec-code .s{color:#b7f0dc}.spec-code .n{color:var(--warn)}.spec-code .p{color:var(--muted)}.spec-arrow{color:var(--accent);font-family:var(--mono);white-space:nowrap;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.spec-out img{width:100%}.spec-out figcaption{border-top:1px solid var(--line-soft);grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px;padding:14px 18px 16px;font-size:12px;display:grid}.hash-label{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hash{color:var(--text);overflow-wrap:anywhere;font-size:12px}.hash-note{color:var(--accent);grid-column:2;font-weight:700}@media (width<=900px){.spec-grid{grid-template-columns:1fr}.spec-arrow{flex-direction:row;justify-content:center}.spec-arrow svg{transform:rotate(90deg)}.spec-out{max-width:520px}}.why-grid{background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--radius-lg);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.why-grid li{background:var(--bg);padding:clamp(24px,3vw,36px);transition:background .16s;position:relative}.why-grid li:hover{background:var(--bg-2)}.why-grid li:before{content:"";background:var(--accent);border-radius:3px;width:36px;height:3px;margin-bottom:20px;display:block}.why-grid li:nth-child(2n):before{background:var(--warn)}.why-grid p{color:var(--muted);margin-top:10px;font-size:15.5px}@media (width<=900px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.why-grid{grid-template-columns:1fr}}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--line);padding-top:24px;position:relative}.steps li:before{content:"";background:var(--accent);width:56px;height:1px;position:absolute;top:-1px;left:0}.step-n{font-family:var(--display);color:var(--accent);margin-bottom:18px;font-size:40px;line-height:1;display:block}.steps p{color:var(--muted);margin-top:10px;font-size:15.5px}@media (width<=720px){.steps{grid-template-columns:1fr}}.gallery{columns:3;column-gap:20px}.gallery figure{break-inside:avoid;border:1px solid var(--line-soft);background:var(--bg-2);border-radius:16px;margin:0 0 20px;transition:transform .24s,border-color .24s;overflow:hidden}.gallery figure:hover{border-color:var(--line);transform:translateY(-4px)}.gallery figcaption{color:var(--text);justify-content:space-between;align-items:baseline;padding:10px 14px 12px;font-size:14px;font-weight:700;display:flex}.gallery figcaption span{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:11.5px;font-weight:400}@media (width<=900px){.gallery{columns:2}}@media (width<=560px){.gallery{columns:1}}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);display:grid}.formats,.palettes{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#0e1b3399,#0000);padding:clamp(24px,3vw,36px)}.formats ul,.palettes ul{margin:20px 0 0;padding:0;list-style:none}.formats li{border-top:1px solid var(--line-soft);color:var(--muted);grid-template-columns:64px 1fr;align-items:center;gap:18px;padding:12px 0;font-size:15px;display:grid}.formats li b{color:var(--text);margin-right:8px}.formats li small{font-size:13px;display:block}.fmt{aspect-ratio:var(--r);border:1.5px solid var(--accent);background:var(--accent-soft);border-radius:4px;width:100%;max-height:48px;margin:0 auto;display:block}.palettes ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.palettes li{color:var(--text-2);flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.sw{aspect-ratio:1;background:var(--bg);border:1px solid #ffffff14;border-radius:12px;display:block;position:relative}.sw:after{content:"";background:var(--ac);border-radius:50%;width:36%;height:36%;position:absolute;bottom:20%;left:20%}.sw-light{border-color:#0000001a}.note{color:var(--muted);margin-top:20px;font-size:14px}@media (width<=800px){.system-grid{grid-template-columns:1fr}}.terminal{border-radius:var(--radius);border:1px solid var(--line);background:#070e1b;overflow:hidden;box-shadow:0 40px 80px -40px #000000e6}.terminal-bar{border-bottom:1px solid var(--line-soft);gap:8px;padding:12px 16px;display:flex}.terminal-bar span{background:var(--line);border-radius:50%;width:10px;height:10px}.terminal pre{font-family:var(--mono);color:var(--text-2);margin:0;padding:22px 24px 26px;font-size:14px;line-height:1.7;overflow-x:auto}.terminal .pr{color:var(--muted);-webkit-user-select:none;user-select:none}.terminal .ok{color:var(--accent);font-weight:700}.cta{text-align:center;padding-bottom:clamp(64px,9vw,128px)!important}.cta h2{max-width:22ch;margin:0 auto;font-size:clamp(32px,4.4vw,56px)}.cta p{color:var(--muted);margin:18px auto 32px;font-size:18px}.foot{max-width:var(--measure);padding:28px var(--gutter) 40px;border-top:1px solid var(--line-soft);color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px 32px;margin:0 auto;font-size:14px;display:flex}.foot>div{color:var(--text);align-items:center;gap:10px;font-weight:800;display:inline-flex}.foot p{margin-right:auto}.foot a{color:var(--text);font-weight:700}
