:root{color-scheme:dark;--ink: #0d0d0c;--panel: #151513;--line: #2c2b27;--bone: #efeae0;--muted: #a39e91;--gold: #c9a24c;--gold-ink: #171204;--err: #ff9a8a;--f-display: "Big Shoulders Display", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--f-body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--f-mono: "DM Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--f-body);font-size:16px;line-height:1.5;padding-block:0 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.wrap{max-width:1180px;margin:0 auto}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:40px;height:40px;border-radius:50%;display:block}.brand b{font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.tag{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:right}.tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px;vertical-align:1px}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px;align-items:center;padding-block:8px 56px}.stage-col{min-width:0}.stage{position:relative;height:min(72vh,640px);min-height:420px;border-radius:28px;background:radial-gradient(60% 55% at 50% 46%,#23211c,#151513 55%,#0f0f0d);border:1px solid var(--line);overflow:hidden;touch-action:pan-y;cursor:grab}.stage:active{cursor:grabbing}.stage:before{content:"";position:absolute;left:50%;top:50%;width:min(78%,520px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #34322c;box-shadow:0 0 0 14px #121210,0 0 0 15px #26241f;pointer-events:none}.stage-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.stage-canvas canvas{width:100%;height:100%;display:block}.hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;z-index:2;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);pointer-events:none}.fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:14px;text-align:center;padding:24px;color:var(--muted)}.fallback img{width:170px;height:170px;border-radius:50%;margin:0 auto}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding-top:16px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.seg button{background:transparent;border:0;border-radius:999px;padding:7px 16px;cursor:pointer;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--bone);color:var(--ink)}.sw{display:flex;align-items:center;gap:12px}.sw .lbl{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.dot{width:30px;height:30px;border-radius:50%;cursor:pointer;padding:0;border:1px solid #4a473f;box-shadow:0 0 0 3px var(--ink)}.dot[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--gold)}.dot.jet{background:#151515}.dot.bone{background:#e9e2d3}.copy{min-width:0}.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}h1{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(3.4rem,8.4vw,6.6rem);line-height:.88;letter-spacing:.005em;margin:0 0 20px;text-wrap:balance}.lede{color:var(--muted);font-size:17px;max-width:34em;margin:0 0 28px}.form{display:grid;gap:18px;max-width:30rem}.field{display:grid;gap:7px}.field label,.field .lab{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.field .opt{opacity:.7}input[type=email],input[type=tel],input[type=text]{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:16px;color:var(--bone)}input::placeholder{color:#6f6b61}input:focus{border-color:var(--gold);outline:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;color:var(--muted);font-family:var(--f-mono);font-size:13px;letter-spacing:.06em}.chips button[aria-pressed=true]{border-color:var(--gold);color:var(--bone);background:#1d1a12}.go{background:var(--gold);color:var(--gold-ink);border:0;border-radius:12px;padding:16px 22px;cursor:pointer;font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:.08em;text-transform:uppercase}.go:disabled{opacity:.6;cursor:progress}.msg{min-height:1.4em;margin:0;font-size:14px}.msg.err{color:var(--err)}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.done{max-width:30rem;border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--panel)}.done h2{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:34px;line-height:1;margin:0 0 10px}.done p{margin:0;color:var(--muted)}.done strong{color:var(--bone);font-weight:600;overflow-wrap:anywhere}.band{border-top:1px solid var(--line);padding-block:40px 8px}.specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin:0 0 44px}.specs div{min-width:0}.specs dt{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.specs dd{margin:0;font-family:var(--f-display);font-weight:800;font-size:28px;line-height:1.05;text-transform:uppercase}.specs dd small{display:block;font-family:var(--f-body);font-weight:400;font-size:14px;color:var(--muted);text-transform:none;margin-top:6px;line-height:1.4}.perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 40px;padding:0;list-style:none}.perks li{border-left:2px solid var(--gold);padding-left:16px;min-width:0}.perks b{display:block;font-family:var(--f-display);font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.perks span{color:var(--muted);font-size:15px}.foot{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}@media (max-width: 900px){.hero{grid-template-columns:minmax(0,1fr);gap:28px}.stage{height:min(62vh,460px);min-height:340px;border-radius:22px}.specs{grid-template-columns:repeat(2,minmax(0,1fr))}.perks{grid-template-columns:minmax(0,1fr)}}@media (max-width: 420px){.tag{display:none}.go{font-size:20px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto}}
