@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07070e;--bg-80:color-mix(in srgb, var(--bg) 80%, transparent);--bg-35:color-mix(in srgb, var(--bg) 35%, transparent);--surface:#ffffff08;--border:#ffffff12;--text:#dde0ee;--muted:#dde0ee73;--accent:#4a9eff;--mono:monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:18px;line-height:1.65}a{color:var(--accent);text-decoration:none;transition:color .15s}.split{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.panel{flex-direction:column;justify-content:center;padding:5em 3.5em;display:flex}.panel p+p{margin-top:1.2em}.hero-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.nav{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);background:var(--bg-80);justify-content:space-between;align-items:center;height:3.5em;padding:0 3em;display:flex;position:fixed;top:0;left:0;right:0}.nav__brand{letter-spacing:.01em;color:var(--text);font-size:.875em;font-weight:600}.nav__brand a{color:inherit}.nav__brand span{opacity:.35;margin:0 .35em}.nav__links{gap:2em;list-style:none;display:flex}.nav__links a{color:var(--muted);font-size:.82em}.nav__links a:hover{color:var(--text)}.content{z-index:1;position:relative}.tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2em;font-size:.68em;font-weight:700;display:inline-block}h1,h2,h3{color:var(--text);letter-spacing:-.03em;line-height:1.15}h1{letter-spacing:-.04em;margin-bottom:.25em;font-size:clamp(3em,8vw,6.5em);font-weight:800;line-height:1}h2{margin-bottom:1.2em;font-size:clamp(1.6em,3vw,2.5em);font-weight:700}h3{margin-bottom:.6em;font-size:1.1em;font-weight:700}p{color:var(--muted)}code{font-family:var(--mono);color:var(--accent);background:#4a9eff14;border-radius:3px;padding:.1em .35em;font-size:.85em}pre{font-family:var(--mono);background:var(--surface);border:1px solid var(--border);color:#8ba7d4;border-radius:6px;margin-top:.5em;padding:1.5em 1.75em;font-size:.8em;line-height:1.8;overflow-x:auto}.kw{color:#c792ea}.cls{color:#ffcb6b}.str{color:#c3e88d}.cm{color:#3d5970;font-style:italic}.prop{color:#4a9eff}.chip{font-family:var(--mono);border:1px solid var(--border);background:var(--surface);color:var(--muted);-webkit-user-select:all;user-select:all;border-radius:5px;padding:.45em 1em;font-size:.8em}.btn{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:5px;padding:.55em 1.3em;font-size:.82em;font-weight:600;text-decoration:none;transition:opacity .15s}.btn:hover{opacity:.85}.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:2.5em 3em;display:flex}.footer p{color:var(--muted);font-size:.82em}.footer a{font-size:.82em}.footer a:hover{text-decoration:underline}.demo-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#07070ed9;align-items:center;gap:.5em;height:3em;padding:0 2em;font-family:system-ui,sans-serif;font-size:14px;display:flex;position:fixed;top:0;left:0;right:0}.demo-nav__brand{color:var(--accent);font-weight:600;text-decoration:none}.demo-nav__sep{color:#ffffff4d}.demo-nav__title{color:#dde0eeb3}html.demo-fullscreen,html.demo-fullscreen body{background:var(--bg);margin:0;padding:0;overflow:hidden}html.demo-fullscreen canvas{width:100%;height:100%;display:block}.hero{align-items:center;min-height:100vh;padding:0 3em;display:flex}.hero__text{-webkit-backdrop-filter:blur(12px)brightness(50%);backdrop-filter:blur(12px)brightness(50%);border-radius:4px;max-width:700px;padding:2em 2.5em}.hero__lead{margin-top:.75em;margin-bottom:2em;font-size:clamp(1em,1.8vw,1.15em);line-height:1.75}.hero__actions{flex-wrap:wrap;gap:1em;display:flex}.intro{text-align:center;border-top:1px solid var(--border);max-width:820px;margin:0 auto;padding:6em 3em}.intro h2{margin-bottom:.75em}.recipes{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.recipe{border-right:1px solid var(--border);flex-direction:column;padding:3em 2.5em;display:flex}.recipe:last-child{border-right:none}.recipe__icon{font-family:var(--mono);color:var(--accent);letter-spacing:.04em;background:#4a9eff14;border:1px solid #4a9eff33;border-radius:4px;margin-bottom:1.5em;padding:.4em .75em;font-size:.7em;display:inline-block}.recipe h3{margin-bottom:.5em}.recipe p{flex:1;margin-bottom:2em;font-size:.88em;line-height:1.7}.demos{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.demo{border-right:1px solid var(--border);flex-direction:column;display:flex}.demo:last-child{border-right:none}.demo__preview{aspect-ratio:4/3;background:var(--surface);border-bottom:1px solid var(--border);overflow:hidden}.demo__preview img{object-fit:cover;width:100%;height:100%;display:block}.demo__body{flex-direction:column;flex:1;padding:2em 2.25em 2.5em;display:flex}.demo__classes{flex-wrap:wrap;gap:.4em;margin-bottom:1.25em;display:flex}.demo__class{font-family:var(--mono);color:var(--accent);letter-spacing:.03em;background:#4a9eff14;border:1px solid #4a9eff26;border-radius:3px;padding:.25em .6em;font-size:.65em}.demo__body h3{margin-bottom:.4em}.demo__body p{flex:1;margin-bottom:1.75em;font-size:.88em;line-height:1.7}.getting-started{border-top:1px solid var(--border)}.getting-started__text{border-right:1px solid var(--border)}.getting-started__text p{margin-top:1.2em;font-size:.92em}.core{border-top:1px solid var(--border);padding:5em 3em}.core>.tag{text-align:center;display:block}.core>h2{text-align:center;margin-bottom:2.5em}.core__grid{background:var(--border);border:1px solid var(--border);border-radius:6px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.core__item{background:var(--bg);padding:1.75em 2em;transition:background .15s}.core__item:hover{background:var(--surface)}.core__item h3{margin-bottom:.35em;font-size:.95em}.core__item p{font-size:.82em;line-height:1.6}@media (width<=999px){.recipes{grid-template-columns:1fr}.recipe{border-right:none;border-bottom:1px solid var(--border)}.recipe:last-child{border-bottom:none}.demos{grid-template-columns:repeat(2,1fr)}.demo{border-right:none;border-bottom:1px solid var(--border)}.demo:nth-child(odd){border-right:1px solid var(--border)}.demo:nth-last-child(-n+2){border-bottom:none}.core__grid{grid-template-columns:repeat(2,1fr)}.getting-started{align-items:center;padding:5em 3.5em;display:flex;position:relative}.getting-started__bg{z-index:0;position:absolute;inset:0}.getting-started__text{z-index:1;border-right:none;border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, transparent);-webkit-backdrop-filter:blur(10px)brightness(60%);backdrop-filter:blur(10px)brightness(60%);border-radius:4px;order:0;max-width:560px;padding:3em;position:relative}}@media (width<=700px){.hero{padding:0 1.5em}.core__grid{grid-template-columns:1fr}.getting-started{padding:3em 1.5em}.getting-started__text{width:100%;max-width:none;padding:2em 1.5em}.demos{grid-template-columns:1fr}.demo:nth-child(odd){border-right:none}.demo:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.demo:last-child{border-bottom:none}}