:root{--bg: #0a0a0c;--bg-elev: #121216;--bg-elev-2: #17171c;--bg-elev-3: #1e1e24;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--border-subtle: rgba(255, 255, 255, .04);--ink: #f3f3f5;--ink-mid: #a8a8b3;--ink-dim: #6e6e7a;--ink-faint: #4a4a54;--accent: oklch(.82 .15 155);--accent-hi: oklch(.9 .17 155);--accent-lo: oklch(.42 .11 155);--accent-glow: oklch(.82 .15 155 / .4);--danger: oklch(.68 .18 28);--warn: oklch(.82 .14 85);--chrome: rgba(255, 255, 255, .04);--chrome-hi: rgba(255, 255, 255, .08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-display: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace}.screenshot{width:2880px;height:1800px;position:relative;overflow:hidden;flex-shrink:0;transform-origin:center}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-bottom-width:3px;font-family:var(--font-mono);font-size:18px;color:var(--ink);font-weight:500}.kbd.xl{min-width:64px;height:64px;font-size:28px;padding:0 18px;border-radius:12px}.pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:18px;font-weight:500;color:var(--ink-mid);letter-spacing:.01em}.pill.accent{background:color-mix(in oklch,var(--accent) 16%,transparent);color:var(--accent);border-color:color-mix(in oklch,var(--accent) 40%,transparent)}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.dot.live{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.eyebrow{font-family:var(--font-mono);font-size:20px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.h-hero{font-family:var(--font-display);font-weight:600;letter-spacing:-.045em;line-height:.92;font-size:168px}.h-hero.sm{font-size:140px}.h-hero.xs{font-size:120px}.h-sub{font-family:var(--font-display);font-weight:400;letter-spacing:-.015em;line-height:1.3;font-size:30px;color:var(--ink-mid)}.tl{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.tl.red{background:#ff5f57}.tl.yellow{background:#febc2e}.tl.green{background:#28c840}.thumbs{position:fixed;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px;background:#121216d9;border:1px solid rgba(255,255,255,.08);border-radius:12px;backdrop-filter:blur(24px);z-index:200}.thumb{width:96px;height:60px;border-radius:6px;border:2px solid transparent;overflow:hidden;cursor:pointer;position:relative;transition:border-color .15s ease,transform .15s ease}.thumb.active{border-color:var(--accent)}.thumb:hover{transform:translateY(-2px)}.thumb-label{position:absolute;bottom:0;left:0;right:0;font-size:9px;padding:2px 4px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;font-weight:500;text-align:center}.thumb-num{position:absolute;top:3px;left:5px;font-family:var(--font-mono);font-size:10px;color:#fff9;font-weight:600}.nav-btn{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:64px;border-radius:10px;background:#121216cc;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:200}.nav-btn.prev{left:14px}.nav-btn.next{right:14px}.nav-btn:hover{background:#1c1c20e6}.grain:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.8'/></svg>")}.wave{display:inline-flex;align-items:center;gap:3px;height:40px}.wave-bar{width:4px;border-radius:2px;background:linear-gradient(to top,color-mix(in oklch,var(--accent) 50%,white 20%),var(--accent))}.shadow-deep{box-shadow:0 60px 120px -30px #000000d9,0 30px 60px -20px #0009,0 0 0 1px #ffffff0a}.shadow-float{box-shadow:0 40px 80px -20px #000000b3,0 10px 30px -10px #0006,0 0 0 1px #ffffff0a}