:root{--cream:#fffbe1;--cream-card:#faf5d5;--black:#000;--ink:#111;--white:#fff;--accent:#ff4002;--accent-dark:#d63400;--grid-line:#1111110f;--font-display:"Archivo", "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Manrope", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--cream);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-size:44px 44px;font-size:16px;line-height:1.6;overflow-x:hidden}.hero{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100svh;padding:40px 20px 32px;display:flex}.player-frame{aspect-ratio:9/16;background:#1a1a1a;border-radius:10px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 18px 50px #0000002e}.player-frame>*{width:100%;height:100%;display:block}.player-placeholder{text-align:center;color:#ffffff9e;background:linear-gradient(160deg,#23211c 0%,#14130f 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;padding:28px;display:flex}.player-placeholder .play-mark{border:2px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.player-placeholder .play-mark:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid #ffffff8c;width:0;height:0;margin-left:4px}.player-placeholder strong{font-family:var(--font-display);letter-spacing:-.01em;color:#ffffffe6;font-size:17px;font-weight:500}.player-placeholder span{max-width:30ch;font-size:13px;line-height:1.5}.cta-slot{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:440px;min-height:76px;display:flex}.cta-button{background:var(--accent);width:100%;color:var(--white);font-family:var(--font-display);letter-spacing:.01em;border:3px solid var(--black);box-shadow:0 6px 0 var(--black);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:19px 32px;font-size:clamp(16px,4.4vw,21px);font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;animation:.45s cubic-bezier(.2,.7,.3,1) both cta-in;display:inline-flex}.cta-button:hover{background:var(--accent-dark);box-shadow:0 3px 0 var(--black);transform:translateY(3px)}.cta-button:active{box-shadow:0 0 0 var(--black);transform:translateY(6px)}.cta-button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.cta-button .arrow{font-size:.85em;transition:transform .12s}.cta-button:hover .arrow{transform:translate(3px)}@keyframes cta-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cta-note{color:#1111118c;text-align:center;margin:0;font-size:13px}.cta-waiting{color:#11111173;text-align:center;align-items:center;gap:10px;font-size:13.5px;display:flex}.cta-waiting .dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.marquee{background:var(--black);-webkit-user-select:none;user-select:none;padding:13px 0;display:flex;overflow:hidden}.marquee-track{flex-shrink:0;gap:14px;padding-right:14px;animation:26s linear infinite scroll;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.badge{background:var(--cream);color:var(--ink);font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:9px;padding:7px 16px 7px 8px;font-size:13px;font-weight:600;display:inline-flex}.badge .spark{background:var(--accent);width:19px;height:19px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex}.wip{text-align:center;padding:72px 20px 96px}.wip-inner{background:#faf5d58c;border:2px dashed #1113;border-radius:8px;max-width:560px;margin:0 auto;padding:40px 32px}.wip h2{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 12px;font-size:clamp(22px,5vw,30px);font-weight:500}.wip p{color:#1111119e;margin:0 0 8px;font-size:15px}.wip .count{font-family:var(--font-display);color:var(--accent);font-weight:600}.foot{background:var(--black);color:#ffffff73;text-align:center;letter-spacing:.02em;padding:22px 20px;font-size:12.5px}@media (prefers-reduced-motion:reduce){.marquee-track,.cta-button,.cta-waiting .dot{animation:none}}
