:root{--orange-hi: #ff7a45;--orange: #ff5a1f;--orange-lo: #ee4a10;--ink: #0b0b0b;--cream: #f5f1ea;--font: "Jost", "Futura", "Avenir Next", "Helvetica Neue", Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{min-height:100svh;display:flex;flex-direction:column;background:var(--orange-lo);background-image:radial-gradient(120% 90% at 50% 38%,var(--orange-hi) 0%,var(--orange) 45%,var(--orange-lo) 100%);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 16px 24px}.stage{position:relative;width:min(1100px,100%);height:clamp(220px,min(48svh,72vw),540px)}.halo{width:100%;height:100%;display:block;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;opacity:0;transform:translateY(12px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}.halo:active{cursor:grabbing}.halo:focus-visible{outline:2px solid var(--ink);outline-offset:-6px;border-radius:16px}.is-ready .halo{opacity:1;transform:none}.copy{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:clamp(4px,1.5svh,16px);text-align:center}.wordmark{margin:0;line-height:0}.wordmark img{width:clamp(322px,57.5vw,782px);height:auto;display:block}.tagline{margin:0;font-size:clamp(12px,1.25vw,16px);font-weight:700;letter-spacing:.32em;text-transform:uppercase;padding-left:.32em}.status{margin:2px 0 0;display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 14px;border:1.5px solid rgba(11,11,11,.85);border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.pulse{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.cta{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 28px;border-radius:999px;background:var(--ink);color:var(--cream);text-decoration:none;font-size:16px;font-weight:600;letter-spacing:.04em;box-shadow:0 10px 30px -12px #3c0e0099;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px #3c0e00b3}.cta:active{transform:translateY(0)}.cta:focus-visible{outline:2px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 5px var(--ink)}.x-logo{width:18px;height:18px;fill:currentColor}.footer{display:flex;justify-content:center;gap:10px;padding:18px 16px max(22px,env(safe-area-inset-bottom));font-size:13px;font-weight:500;letter-spacing:.06em;color:#0b0b0bb8}.footer a{color:inherit;text-decoration:none}.footer a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.og-capture .cta,.og-capture .footer{display:none}.og-capture .copy{gap:22px}.no-webgl .stage{height:clamp(80px,14svh,140px)}.no-webgl .halo{display:none}@media (max-width: 600px){.copy{gap:14px}.tagline{font-size:11.5px;letter-spacing:.2em;white-space:nowrap}.cta{min-height:50px;padding:0 24px;font-size:15px}}@media (prefers-reduced-motion: reduce){.pulse{animation:none}.halo,.cta{transition:none}}
