:root{--navy:#000448;--ink:#02031f;--red:#a80014;--gold:#e8b84a;--gold2:#c9922a;--muted:#c1c6ea}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;background:var(--ink);color:#fff;font-family:'Poppins',system-ui,sans-serif;overflow-x:hidden;position:relative}
.glow{position:fixed;inset:-10%;background-size:cover;background-position:center;filter:blur(70px) saturate(1.3) brightness(.55);opacity:.7;z-index:0;transform:scale(1.2)}
body::before{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(1000px 600px at 50% 0,rgba(26,29,122,.55),transparent 70%),linear-gradient(180deg,rgba(2,3,31,.55),rgba(2,3,31,.92))}
main{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 16px 34px;display:flex;flex-direction:column;align-items:center;text-align:center}
.logo{width:min(300px,62vw);height:auto;display:block;margin:6px auto 26px}
h1{font-weight:800;font-size:clamp(30px,6.4vw,64px);line-height:1.06;letter-spacing:-.02em;text-wrap:balance}
.sub{margin-top:14px;font-size:clamp(13px,2.6vw,19px);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sub i{font-style:normal;color:var(--gold);opacity:.9}
.stage{width:100%;margin:30px 0 30px;display:flex;justify-content:center}
.player{position:relative;width:min(100%,calc((100svh - 150px)*9/16),460px);min-width:min(100%,300px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#000;
 box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 90px -20px rgba(0,0,0,.85),0 0 120px -10px rgba(60,70,230,.45)}
.player video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.play{position:absolute;inset:0;width:100%;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}
.play span{width:92px;height:92px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(0,0,0,.5);transition:transform .2s,background .2s;position:relative}
.play span::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(255,255,255,.45);animation:pulse 2.2s infinite}
.play svg{width:42px;height:42px;fill:var(--navy);margin-left:5px}
.play:hover span{transform:scale(1.07);background:#fff}
.player.on .play{display:none}
@keyframes pulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}
.below{max-width:720px}
.kick{font-weight:700;font-size:clamp(15px,3.4vw,24px);letter-spacing:.04em;color:var(--gold);text-transform:uppercase;text-wrap:balance}
.below h2{margin-top:12px;font-weight:600;font-size:clamp(18px,3.8vw,28px);line-height:1.3;color:#fff;text-wrap:balance}
.sales .below h2{font-weight:800;font-size:clamp(22px,4.8vw,38px);line-height:1.15}
.buy{display:inline-block;margin-top:24px;padding:20px 44px;border-radius:999px;background:linear-gradient(180deg,#f6d36f,var(--gold) 45%,var(--gold2));color:#1a1200;font-weight:800;font-size:clamp(17px,4.2vw,22px);letter-spacing:.06em;text-decoration:none;box-shadow:0 14px 40px -8px rgba(232,184,74,.55),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .15s,box-shadow .15s;width:min(100%,420px)}
.buy:hover{transform:translateY(-2px);box-shadow:0 20px 50px -8px rgba(232,184,74,.7),inset 0 1px 0 rgba(255,255,255,.6)}
.urgent{margin-top:14px;font-size:14px;font-weight:600;color:var(--muted);letter-spacing:.04em}
footer{margin-top:44px;font-size:12px;color:rgba(193,198,234,.55);letter-spacing:.05em}
@media(min-width:900px){main{padding-top:30px}.logo{width:340px}.stage{margin:36px 0}}

.pbg{display:none}
@media(min-width:900px){
 .stage{margin:36px 0}
 .player{width:min(100%,940px);min-width:0;aspect-ratio:16/9;border-radius:20px}
 .pbg{display:block;position:absolute;inset:-30px;background-size:cover;background-position:center 35%;filter:blur(28px) brightness(.7) saturate(1.3)}
 .player video{position:relative;object-fit:contain;background:transparent}
}