:root{--bg:#0b0d10;--bg-raised:#12151a;--bg-card:#14181e;--line:#232a33;--text:#e8ecf1;--text-dim:#98a2b3;--text-faint:#5b6472;--accent:#5eead4;--accent-dim:#5eead41f;--amber:#fbbf24;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--radius:12px;--maxw:1080px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:#06251f}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}#bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}main{z-index:1;position:relative}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);background:#0b0d10b8;border-bottom:1px solid #0000;transition:border-color .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--line)}.nav-inner{max-width:var(--maxw);justify-content:space-between;align-items:center;margin:0 auto;padding:14px 24px;display:flex}.nav-logo{font-family:var(--mono);color:var(--text);font-size:15px;font-weight:700}.nav-logo:hover{color:var(--accent);text-decoration:none}.nav-links{align-items:center;gap:22px;display:flex}.nav-links a{color:var(--text-dim);font-size:14px;font-family:var(--mono)}.nav-links a:hover{color:var(--text);text-decoration:none}.kbd-hint{font-family:var(--mono);color:var(--text-faint);border:1px solid var(--line);cursor:pointer;background:var(--bg-raised);border-radius:6px;padding:3px 8px;font-size:12px;transition:color .2s,border-color .2s}.kbd-hint:hover{color:var(--accent);border-color:var(--accent)}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding:110px 0 60px;display:flex}.terminal{border:1px solid var(--line);border-radius:var(--radius);font-family:var(--mono);background:#0d1014eb;font-size:14.5px;overflow:hidden;box-shadow:0 30px 80px #0000008c}.term-bar{background:var(--bg-raised);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 16px;display:flex}.term-dot{border-radius:50%;width:12px;height:12px}.term-dot.r{background:#ff5f57}.term-dot.y{background:#febc2e}.term-dot.g{background:#28c840}.term-title{color:var(--text-faint);margin-left:10px;font-size:12.5px}.term-body{min-height:340px;max-height:55svh;padding:20px 20px 24px;line-height:1.75;overflow-y:auto}.term-body .prompt{color:var(--accent);font-weight:600}.term-body .cmd{color:var(--text)}.term-body .out{color:var(--text-dim);white-space:pre-wrap}.term-body .out strong{color:var(--text)}.term-body .out a{color:var(--accent)}.term-body .hl{color:var(--amber)}.term-line{display:block}.term-input-row{align-items:baseline;gap:0;display:flex}.term-input{color:var(--text);font:inherit;caret-color:#0000;background:0 0;border:none;outline:none;flex:1;padding-left:8px}.cursor{background:var(--accent);vertical-align:text-bottom;width:9px;height:18px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-sub{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;display:flex}.hero-hint{font-family:var(--mono);color:var(--text-faint);font-size:13px}.hero-hint span{color:var(--accent)}.btn{font-family:var(--mono);border:1px solid var(--line);color:var(--text);background:var(--bg-card);cursor:pointer;will-change:transform;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:border-color .25s,background .25s,color .25s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.btn.primary{background:var(--accent);color:#06251f;border-color:var(--accent)}.btn.primary:hover{color:#06251f;background:#7cf5e2}section{padding:90px 0}.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:13px}.eyebrow:before{content:"// ";color:var(--text-faint)}h2{letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(28px,4vw,40px);line-height:1.15}.section-sub{color:var(--text-dim);max-width:620px;margin-bottom:44px}.proof{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;display:grid;overflow:hidden}.proof-item{background:var(--bg-card);padding:26px 24px}.proof-item .num{font-family:var(--mono);color:var(--accent);font-size:26px;font-weight:700}.proof-item .lbl{color:var(--text-dim);margin-top:4px;font-size:14px}.work-grid{gap:20px;display:grid}.work-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr auto;gap:8px 24px;padding:30px;transition:border-color .3s,transform .3s;display:grid}.work-card:hover{border-color:var(--accent);transform:translateY(-3px)}.work-card h3{letter-spacing:-.01em;font-size:20px}.work-card .tag{font-family:var(--mono);color:var(--accent);background:var(--accent-dim);white-space:nowrap;border-radius:6px;height:fit-content;padding:4px 10px;font-size:12px}.work-card p{color:var(--text-dim);grid-column:1/-1;font-size:15px}.work-card .stack{font-family:var(--mono);color:var(--text-faint);grid-column:1/-1;font-size:12.5px}.ba-wrap{margin-top:10px}.ba{border-radius:var(--radius);border:1px solid var(--line);aspect-ratio:16/9;user-select:none;touch-action:none;cursor:ew-resize;position:relative;overflow:hidden}.ba img,.ba svg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ba .after-layer{clip-path:inset(0 0 0 50%);position:absolute;inset:0}.ba .handle{background:var(--accent);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px)}.ba .handle:after{content:"↔";background:var(--accent);color:#06251f;border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000073}.ba .ba-label{font-family:var(--mono);color:var(--text);z-index:2;pointer-events:none;background:#0000008c;border-radius:6px;padding:4px 10px;font-size:12px;position:absolute;top:14px}.ba .ba-label.before{left:14px}.ba .ba-label.after{right:14px}.ba-caption{font-family:var(--mono);color:var(--text-faint);margin-top:12px;font-size:13px}.inv{border:1px solid var(--line);border-radius:var(--radius);font-family:var(--mono);font-size:14px;overflow:hidden}.inv-head,.inv-row{grid-template-columns:44px 1.3fr 2fr 110px;align-items:center;gap:16px;padding:16px 20px;display:grid}.inv-head{background:var(--bg-raised);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);font-size:12px}.inv-row{background:var(--bg-card);border-bottom:1px solid var(--line);transition:background .2s}.inv-row:last-child{border-bottom:none}.inv-row:hover{background:var(--bg-raised)}.inv-row .icon{font-size:22px}.inv-row .name{color:var(--text);font-weight:600}.inv-row .desc{color:var(--text-dim);font-family:var(--sans);font-size:14px}.inv-row .status{text-align:center;border-radius:6px;padding:4px 10px;font-size:12px}.status.active{color:var(--accent);background:var(--accent-dim)}.status.shipping{color:var(--amber);background:#fbbf241a}.status.paused{color:var(--text-faint);background:#5b647226}.changelog{border-left:2px solid var(--line);margin-top:12px;padding-left:32px}.log-entry{padding-bottom:40px;position:relative}.log-entry:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:7px;left:-39px}.log-entry .ver{font-family:var(--mono);color:var(--accent);font-size:15px;font-weight:700}.log-entry .date{font-family:var(--mono);color:var(--text-faint);margin-left:10px;font-size:12.5px}.log-entry ul{margin-top:10px;list-style:none}.log-entry li{color:var(--text-dim);margin-bottom:6px;padding-left:20px;font-size:15px;position:relative}.log-entry li:before{content:"+";color:var(--accent);font-family:var(--mono);position:absolute;left:0}.contact-box{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(600px 200px at 50% 0%, var(--accent-dim), transparent 70%), var(--bg-card);padding:70px 30px}.contact-box h2{margin-bottom:12px}.contact-box p{color:var(--text-dim);max-width:480px;margin:0 auto 30px}.contact-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}footer{font-family:var(--mono);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:40px 0 50px;font-size:13px;display:flex}.palette-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);background:#05060899;justify-content:center;align-items:flex-start;padding:15vh 20px 0;display:none;position:fixed;inset:0}.palette-overlay.open{display:flex}.palette{background:var(--bg-raised);border:1px solid var(--line);border-radius:14px;width:100%;max-width:560px;animation:.16s ease-out pal-in;overflow:hidden;box-shadow:0 40px 100px #0009}@keyframes pal-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}.palette input{width:100%;color:var(--text);font-family:var(--mono);border:none;border-bottom:1px solid var(--line);background:0 0;outline:none;padding:18px 20px;font-size:16px}.palette-list{max-height:320px;padding:8px;overflow-y:auto}.palette-item{cursor:pointer;color:var(--text-dim);border-radius:8px;align-items:center;gap:12px;padding:11px 14px;font-size:14.5px;display:flex}.palette-item .pi-icon{font-family:var(--mono);color:var(--text-faint);text-align:center;width:20px}.palette-item.selected{background:var(--accent-dim);color:var(--text)}.palette-item.selected .pi-icon{color:var(--accent)}.palette-item .pi-kbd{font-family:var(--mono);color:var(--text-faint);margin-left:auto;font-size:11px}.palette-empty{text-align:center;color:var(--text-faint);font-family:var(--mono);padding:24px;font-size:14px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.reveal-d1{transition-delay:80ms}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}.cursor{animation:none}}@media (width<=640px){.inv-head,.inv-row{grid-template-columns:36px 1fr 90px}.inv-head .desc,.inv-row .desc,.nav-links a.nav-sec{display:none}section{padding:64px 0}}
