:root{--bg: #07080c;--ink: #f6f3ea;--muted: #d5d0c4;--dim: #9a9588;--blue: #2f9bff;--yellow: #ffd23a;--paper: #141820;--line: #f4f1e8;--font: "Nunito", "Segoe UI", sans-serif;--display: "Bangers", "Impact", sans-serif;--nav: 4.6rem;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--bg);background-image:radial-gradient(rgba(255,255,255,.055) 1.1px,transparent 1.1px);background-size:8px 8px;color:var(--ink);font-family:var(--font);font-weight:500;font-size:1.05rem;line-height:1.5}img,video{max-width:100%;display:block}a{color:inherit}button,input,select{font:inherit;color:inherit}h1,h2,h3,p{margin:0}::selection{background:var(--yellow);color:#16140a}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:1rem;top:-4rem;z-index:80;background:var(--yellow);color:#16140a;padding:.55rem .85rem;border:3px solid #111;border-radius:999px;font-family:var(--display);letter-spacing:.04em}.skip:focus{top:.8rem}.logo{height:2.55rem;width:auto}.nav{position:fixed;inset:0 0 auto;z-index:40;height:var(--nav);display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;background:#07080ceb;border-bottom:3px solid #111;box-shadow:0 4px 0 var(--blue)}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-toggle{width:2.75rem;height:2.75rem;border:3px solid var(--line);border-radius:12px;background:var(--yellow);color:#16140a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;box-shadow:3px 3px #111}.nav-toggle span{display:block;width:1rem;height:2px;background:#16140a}.nav nav{display:none}.nav nav.open{display:flex;position:fixed;inset:0;background:#07080cf7;flex-direction:column;justify-content:center;gap:.2rem;padding:5.2rem 1.5rem}.nav nav a{text-decoration:none;font-family:var(--display);font-size:2rem;letter-spacing:.04em;padding:.35rem 0}.nav-cta{color:#16140a!important;background:var(--yellow);border:3px solid #111;border-radius:999px;padding:.45rem 1rem!important;margin-top:.8rem;width:fit-content;box-shadow:4px 4px 0 var(--blue)}.hero{position:relative;min-height:100svh;display:grid;align-content:center;gap:1.2rem;padding:calc(var(--nav) + 1.2rem) 1.15rem 2.2rem;overflow:hidden}.hero-inner{position:relative;z-index:1;max-width:40rem}.sticker{display:inline-block;margin:0 0 .8rem;padding:.15rem .7rem .05rem;background:var(--yellow);color:#16140a;font-family:var(--display);letter-spacing:.06em;font-size:1.15rem;border:3px solid #111;border-radius:999px;box-shadow:4px 4px 0 var(--blue);transform:rotate(-2.5deg)}.hero-logo{width:min(100%,34rem);height:auto;filter:drop-shadow(0 12px 0 rgba(20,114,224,.35));animation:bob 3.6s ease-in-out infinite}.punch{margin-top:.3rem;font-family:var(--display);font-size:clamp(2.6rem,12vw,4.4rem);line-height:.92;letter-spacing:.02em}.punch span{display:block;color:var(--yellow);-webkit-text-stroke:1px #111}.lede{margin-top:.85rem;max-width:36rem;color:var(--muted);font-size:1.08rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.55rem 1.15rem .45rem;border-radius:999px;text-decoration:none;border:3px solid #111;cursor:pointer;font-family:var(--display);letter-spacing:.05em;font-size:1.35rem;box-shadow:4px 4px #111}.btn-solid{background:var(--yellow);color:#16140a}.btn-solid:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--blue)}.btn-ghost{background:var(--blue);color:#071018}.btn-ghost:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--yellow)}.bot-stage{position:relative;z-index:1;width:min(100%,30rem);margin:.4rem auto 0;display:grid;justify-items:center;padding:5.6rem 0 .2rem}.burst{position:absolute;z-index:0;inset:6% -4% 2%;display:grid;place-items:center}.burst svg{width:112%;height:auto;overflow:visible;transform-origin:50% 52%;animation:burst-wobble 6s ease-in-out infinite}.bot-shadow{position:absolute;z-index:1;left:50%;bottom:3%;width:62%;height:1.15rem;transform:translate(-50%);background:#00000080;border-radius:50%}.bot-stage img{position:relative;z-index:1;width:min(88%,23rem);filter:drop-shadow(2.5px 0 0 #111) drop-shadow(-2.5px 0 0 #111) drop-shadow(0 2.5px 0 #111) drop-shadow(0 -2.5px 0 #111) drop-shadow(2px 2px 0 #111) drop-shadow(-2px 2px 0 #111) drop-shadow(2px -2px 0 #111) drop-shadow(-2px -2px 0 #111) drop-shadow(8px 10px 0 #2f9bff);animation:hover-bot 4.2s ease-in-out infinite}.say{position:absolute;z-index:2;top:.15rem;right:.15rem;max-width:11rem;margin:0;padding:.4rem .7rem .3rem;background:#fff;color:#16140a;font-family:var(--display);font-size:1.22rem;line-height:.95;letter-spacing:.03em;border:3px solid #111;border-radius:16px;box-shadow:4px 4px 0 var(--blue);transform:rotate(4deg)}.say:after{content:"";position:absolute;left:1.35rem;bottom:-10px;width:14px;height:14px;background:#fff;border-right:3px solid #111;border-bottom:3px solid #111;transform:rotate(52deg)}.band,.steps,.reveal,.animals,.list{padding:4.2rem 1.15rem;scroll-margin-top:5rem}.kicker{color:var(--blue);font-family:var(--display);letter-spacing:.08em;font-size:1.2rem}h2{font-family:var(--display);font-weight:400;letter-spacing:.02em;line-height:.95;font-size:clamp(2.3rem,8vw,4rem);margin:.35rem 0 .8rem}.band p,.reveal-copy p,.animals .wide,.list>div>p{color:var(--muted);max-width:38rem}.facts{list-style:none;padding:0;margin:1.3rem 0 0;display:grid;gap:.8rem}.facts li,.steps li,.roster article,.faq,.list-form{background:var(--paper);border:3px solid var(--line);border-radius:18px;box-shadow:6px 6px #111}.facts li{padding:.9rem 1rem 1rem}.facts li:nth-child(1){box-shadow:6px 6px 0 var(--blue)}.facts li:nth-child(2){box-shadow:6px 6px 0 var(--yellow)}.facts li:nth-child(3){box-shadow:6px 6px 0 var(--blue)}.facts strong{display:block;font-family:var(--display);font-size:1.7rem;letter-spacing:.04em;font-weight:400}.facts span,.steps p,.roster p:last-child{color:var(--muted)}.steps ol{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.9rem}.steps li{padding:1rem 1rem 1.1rem}.steps li span{color:var(--yellow);font-family:var(--display);letter-spacing:.08em}.steps h3{font-family:var(--display);font-size:2rem;font-weight:400;letter-spacing:.03em;margin:.1rem 0 .35rem}.steps li:nth-child(2){box-shadow:6px 6px 0 var(--yellow)}.steps li:nth-child(3){box-shadow:6px 6px 0 var(--blue)}.reveal{background:#0c1018}.player{position:relative;margin-top:1.2rem;background:#050607;border:3px solid var(--line);border-radius:18px;overflow:hidden;aspect-ratio:16 / 9;box-shadow:8px 8px 0 var(--yellow)}.player video{width:100%;height:100%;object-fit:cover;background:#050607}.play{position:absolute;inset:0;border:0;background:linear-gradient(180deg,transparent,rgba(5,6,8,.45));cursor:pointer;display:grid;place-items:center}.play span{font-family:var(--display);letter-spacing:.05em;font-size:1.6rem;color:#16140a;background:var(--yellow);border:3px solid #111;border-radius:999px;padding:.45rem 1rem .35rem;box-shadow:4px 4px 0 var(--blue)}.reveal figcaption,.form-note{color:var(--dim);margin-top:.7rem}.list .privacy-note{max-width:28rem;margin:.85rem 0 0;color:var(--dim);font-size:.95rem}.list .privacy-note a{color:var(--yellow);font-weight:800}.roster{display:grid;gap:.9rem;margin-top:1.3rem}.roster article{padding:1rem 1rem 1.15rem}.roster article:first-child{box-shadow:6px 6px 0 var(--blue)}.roster article:last-child{box-shadow:6px 6px 0 var(--yellow)}.roster-state{color:var(--blue);font-family:var(--display);letter-spacing:.06em;font-size:1.15rem}.roster h3{font-family:var(--display);font-size:2rem;font-weight:400;letter-spacing:.03em;margin:.15rem 0 .35rem}.list{display:grid;gap:1.6rem}.list-form{margin-top:1.1rem;padding:1rem;display:grid;gap:.75rem;max-width:28rem;box-shadow:6px 6px 0 var(--yellow)}.list-form label{display:grid;gap:.3rem;color:var(--muted);font-size:.95rem}.list-form input,.list-form select{min-height:3rem;border-radius:12px;border:3px solid #111;background:#0c1016;padding:.65rem .8rem}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}.faq{padding:1rem 1rem .4rem;align-self:start}.faq h3{font-family:var(--display);font-weight:400;letter-spacing:.04em;font-size:1.8rem;margin-bottom:.4rem}.faq details{border-top:2px solid rgba(244,241,232,.18);padding:.7rem 0}.faq details:last-child{border-bottom:2px solid rgba(244,241,232,.18)}.faq summary{cursor:pointer;font-weight:800;min-height:2.6rem;display:flex;align-items:center}.faq details p{color:var(--muted);padding:.15rem 0 .45rem}.foot{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;justify-content:space-between;padding:1.2rem 1.15rem 1.8rem;border-top:3px solid #111;box-shadow:inset 0 4px 0 var(--yellow);color:var(--dim)}.foot .logo{height:3.2rem}.foot-links{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem}.foot a{font-family:var(--display);letter-spacing:.04em;color:var(--yellow);font-size:1.3rem;text-decoration:none}@keyframes bob{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-8px) rotate(.6deg)}}@keyframes hover-bot{0%,to{transform:translateY(0) rotate(-1.6deg)}50%{transform:translateY(-8px) rotate(1.4deg)}}@keyframes burst-wobble{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(4deg) scale(1.04)}}@media(min-width:900px){.nav{padding:0 1.4rem}.logo{height:3rem}.nav-toggle{display:none}.nav nav,.nav nav.open{display:flex;position:static;flex-direction:row;align-items:center;background:none;padding:0;gap:1.15rem}.nav nav a{font-size:1.25rem;padding:.2rem 0}.nav-cta{margin-top:0;font-size:1.2rem;padding:.2rem .85rem!important}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:2rem;padding:calc(var(--nav) + 2rem) 6vw 3rem}.bot-stage{margin:0;justify-self:center}.band,.steps,.reveal,.animals,.list{padding:5.5rem 6vw}.band{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.facts{margin-top:.4rem}.steps ol{grid-template-columns:repeat(3,1fr);gap:1rem}.reveal{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:center}.player{margin-top:0}.roster{grid-template-columns:1fr 1fr}.list{grid-template-columns:1.1fr .9fr;gap:2rem;align-items:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-logo,.bot-stage img,.burst svg{animation:none}}
