:root{--primary: #8B5CF6;--primary-hover: #7C3AED;--on-primary: #FFFFFF;--bg: #0C0C10;--surface: #16161B;--surface-2: #1E1E26;--text: #ECECF1;--text-muted: #9A9AA5;--border: #2A2A33;--radius: 10px;--radius-lg: 16px;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--maxw: 1120px;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--border) 55%,transparent) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 120% 90% at 50% 0%,black 25%,rgba(0,0,0,.4) 65%,rgba(0,0,0,.12) 100%);mask-image:radial-gradient(ellipse 120% 90% at 50% 0%,#000 25%,#0006 65%,#0000001f)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px;opacity:.04}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(640px,72vw);height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 38%,transparent),transparent)}#projects:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:60px;left:-240px;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 13%,transparent),transparent 64%);filter:blur(28px)}.wordmark{font-family:var(--mono);font-weight:700;letter-spacing:.5px;font-size:18px}.wordmark span{color:var(--primary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius);font:inherit;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s,box-shadow .2s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 0 color-mix(in srgb,var(--primary) 50%,transparent)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 8px 30px color-mix(in srgb,var(--primary) 35%,transparent)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-lg{padding:14px 26px;font-size:16px}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid transparent;transition:border-color .2s}.nav.scrolled{border-bottom-color:var(--border)}.nav-links{display:flex;align-items:center;gap:8px}@media (max-width: 560px){.nav-stack{display:none}.nav{padding:12px 14px}.nav-links{gap:6px}.nav-links .btn{padding:9px 12px;font-size:13.5px}}.hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center;padding:96px 24px 84px;overflow:hidden}.hero:before{content:"";position:absolute;top:-140px;left:50%;transform:translate(-50%);width:760px;height:760px;max-width:120vw;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 26%,transparent) 0%,transparent 62%);filter:blur(28px);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero h1{font-family:var(--mono);font-size:clamp(38px,6vw,68px);font-weight:700;letter-spacing:-1.5px;line-height:1.05}.hero h1 span{color:var(--primary)}.hero .lead{font-size:clamp(16px,2vw,20px);color:var(--text-muted);max-width:52ch;text-wrap:pretty}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-note{font-family:var(--mono);color:var(--text-muted);font-size:12px;letter-spacing:.2px}.term{width:min(560px,92vw);background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 60px #00000073;overflow:hidden;text-align:left}.term-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.term-dot{width:11px;height:11px;border-radius:50%}.term-dot.r{background:#ff5f57}.term-dot.y{background:#febc2e}.term-dot.g{background:#28c840}.term-title{margin-left:8px;font-family:var(--mono);font-size:12px;color:var(--text-muted)}.term-body{padding:20px 18px;font-family:var(--mono);font-size:15px;line-height:1.9}.term-cmd{color:var(--text-muted)}.term-prompt{color:var(--primary);margin-right:8px}.term-text{color:var(--text)}.term-cursor{display:inline-block;width:8px;height:17px;vertical-align:-3px;background:var(--primary);margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.scroll-hint{font-family:var(--mono);color:var(--text-muted);font-size:12px;letter-spacing:.5px;animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.sec-head{text-align:center;display:flex;flex-direction:column;align-items:center}.eyebrow{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--primary);margin-bottom:14px}.section h2{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-1px;line-height:1.1}.section .sub{color:var(--text-muted);font-size:17px;max-width:60ch;margin-top:14px;text-wrap:pretty}.section .sub .mono{font-family:var(--mono);color:var(--text)}.chip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-family:var(--mono);font-size:12px;color:var(--text-muted);background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--border);border-radius:999px;padding:7px 13px}.chip i{width:7px;height:7px;border-radius:2px;background:var(--chip, var(--primary))}.chip-stable{--chip: #34D399}.chip-beta{--chip: #FBBF24}.chip-wip{--chip: #94A3B8}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;margin-top:44px}.proj{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 22px;transition:border-color .15s,transform .15s,box-shadow .15s}a.proj:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 16%,transparent)}.proj-soon{opacity:.75}.proj-head,.proj-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.proj-foot{margin-top:6px}.proj-name{font-family:var(--mono);font-weight:700;font-size:16px}.proj-name span{color:var(--primary)}.proj-desc{color:var(--text-muted);font-size:14px}.proj-host,.proj-gh{font-family:var(--mono);font-size:12px;color:var(--text-muted)}a.proj:hover .proj-gh{color:var(--primary)}.stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:18px;margin-top:44px}.stack-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}.stack-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 16%,transparent)}.stack-logo{position:relative;height:140px;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:26px;color:var(--text-muted);transition:color .15s}.stack-card:hover .stack-logo{color:var(--primary)}.stack-logo svg{max-height:100%;max-width:100%}.stack-logo .slot{font-family:var(--mono);font-size:12px;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);padding:18px 14px;text-align:center}.stack-meta{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px}.stack-role{font-family:var(--mono);font-size:12px;color:var(--text-muted)}.foot{position:relative;padding:56px 0 44px;border-top:1px solid var(--border)}.foot-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.foot-links{display:flex;flex-wrap:wrap;gap:22px;font-family:var(--mono);font-size:13px;color:var(--text-muted)}.foot-links a:hover{color:var(--primary)}.foot-bottom{font-family:var(--mono);font-size:12px;color:var(--text-muted);padding-top:26px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}