:root{--bg:#000;--fg:#e6e6e6;--neon:#c7ff3f;--green:#C9DF48;--green-dark:#9FB93A}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif;text-align:center;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrapper{width:min(1100px,92vw);padding:clamp(16px,3vw,28px)}
.quote-row{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,18px);margin-bottom:clamp(18px,3vw,28px)}
.quote-mark{width:clamp(28px,4vw,44px);height:auto;filter:drop-shadow(0 0 8px rgba(199,255,63,.7))}
.quote-text{font-family:'Audiowide',cursive;font-size:clamp(22px,3.8vw,26px);letter-spacing:.06em;color:var(--neon);text-shadow:0 0 6px rgba(199,255,63,.7),0 0 18px rgba(199,255,63,.35)}
.logo img{width:min(350px,86vw);height:auto;display:block;margin:0 auto 40px}
.nav{margin:clamp(12px,2.4vw,18px) 0;font-family:'Audiowide',cursive;font-size:clamp(14px,1.8vw,18px);color:#9ea0a4;display:flex;gap:clamp(8px,1.8vw,16px);justify-content:center;flex-wrap:wrap}
.nav .sep{opacity:.35}
.lead{max-width:820px;margin:clamp(10px,2vw,16px) auto 0;color:#cfd1d6;font-size:clamp(14px,1.6vw,18px);font-style:italic}
.ctas{display:flex;gap:clamp(14px,2vw,22px);justify-content:center;flex-wrap:wrap;margin-top:clamp(14px,3vw,28px)}
.btn{display:inline-block;padding:12px 28px;border-radius:30px;font:700 16px/1 'Audiowide',cursive;letter-spacing:.04em;text-decoration:none;transition:transform .15s ease,filter .2s ease;width:250px}
.btn:focus{outline:2px solid rgba(201,223,72,.5);outline-offset:2px}
.btn.primary,.btn.secondary{background:linear-gradient(var(--green),var(--green-dark));color:#0b0b0b;border:2px solid #fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.65);text-transform:uppercase}
.btn.primary:hover,.btn.secondary:hover{transform:translateY(-1px);filter:brightness(1.03)}
.btn-wrap{position:relative;display:inline-flex}
.arrow{position:absolute;left:-32px;top:-20px;width:36px;height:auto;filter:drop-shadow(0 0 8px rgba(199,255,63,.6));rotate:40deg}
@media (min-width:561px){.arrow{left:-52px;top:-18px;width:42px;rotate:-10deg}}
footer{color:#888;font-size:13px;margin-top:clamp(18px,3vw,30px)}
.teaser{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:9999;transition:opacity .6s ease}
.teaser.active{opacity:1;pointer-events:auto}
.teaser-inner{margin:auto;width:min(960px,94vw)}
.teaser-embed{position:relative;padding-top:56.25%}
.teaser-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.teaser-controls{display:flex;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap}
.teaser-btn{font:700 14px/1 'Audiowide',cursive;padding:12px 18px;border-radius:28px;text-transform:uppercase;text-decoration:none;cursor:pointer}
.teaser-skip{background:#111;color:#c7ff3f;border:2px solid #c7ff3f}
.teaser-continue{background:linear-gradient(var(--green),var(--green-dark));color:#0b0b0b;border:2px solid #fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.65)}
.sound{display:inline-flex;align-items:center;gap:10px;background:#111;color:#c7ff3f;border:2px solid #c7ff3f;border-radius:28px;padding:10px 14px;cursor:pointer}
.eq{display:inline-flex;align-items:flex-end;height:16px;gap:3px}
.eq .b{width:3px;background:#c7ff3f;animation:eqUp .9s infinite ease-in-out;box-shadow:0 0 8px rgba(199,255,63,.6)}
.eq .b:nth-child(2){animation-delay:.1s}
.eq .b:nth-child(3){animation-delay:.2s}
.eq .b:nth-child(4){animation-delay:.3s}
.eq .b:nth-child(5){animation-delay:.4s}
@keyframes eqUp{0%,100%{height:4px}50%{height:16px}}
.sound.muted .b{animation-play-state:paused;opacity:.5}
@media (max-width:480px){.teaser-controls{gap:10px}.teaser-btn{padding:10px 14px}.sound{padding:8px 12px}}