:root{--surface: #101114;--panel: #17181c;--panel-2: #1c1e23;--hairline: #26282e;--text: #c9ccd4;--text-muted: #7d8290;--accent: #ffb454;--accent-dim: #7a5828;--danger: #e5484d;--confirm: #46a758;--radius: 6px;--gap: 8px;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;--t-fast: .12s;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}#hero-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#hero-canvas canvas{display:block;width:100%;height:100%}.copy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.panel{max-width:34rem;width:100%;padding:32px 36px;background:#101114b8;border:1px solid var(--hairline);border-radius:14px;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);box-shadow:0 24px 64px #00000080;text-align:center}.headline{margin:0;font-family:var(--font-mono);font-size:clamp(2.75rem,9vw,4.25rem);font-weight:600;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.55)}.sub{margin:18px auto 0;max-width:30rem;font-size:clamp(1rem,2.6vw,1.15rem);line-height:1.55;color:var(--text)}.sub strong{color:var(--accent);font-weight:600}.cta-row{margin-top:28px}.cta{pointer-events:auto;display:inline-block;padding:12px 26px;background:var(--accent);color:#1a1204;font-weight:600;font-size:1.05rem;text-decoration:none;border-radius:var(--radius);border:1px solid var(--accent);transition:filter var(--t-fast),transform var(--t-fast)}.cta:hover{filter:brightness(1.08)}.cta:active{transform:translateY(1px)}.links{margin-top:22px;display:flex;gap:12px;align-items:center;justify-content:center;font-size:.95rem;color:var(--text-muted)}.links a{pointer-events:auto;color:var(--text-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--t-fast),border-color var(--t-fast)}.links a:hover{color:var(--accent);border-bottom-color:var(--accent-dim)}.links .dot{color:var(--hairline)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:480px){.panel{padding:24px 22px;border-radius:12px}.links{flex-wrap:wrap}}