:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#1b0a03;color:#fff1e6}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
.page{min-height:100svh;padding:24px 0 36px;background:radial-gradient(ellipse at 50% 4%,#51220d 0,transparent 64%)}
.wrap{max-width:452px;margin-inline:auto;padding-inline:20px;text-align:center}
.hero{padding-bottom:12px}
.brand{margin:0 auto 14px;width:fit-content;max-width:100%;padding:7px 15px;border:1px solid #795327;border-radius:30px;color:#f3d585;font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.badge{display:table;margin:0 auto 15px;padding:6px 14px;border-radius:99px;background:#237c31;color:white;font-size:.78rem;font-weight:750}
h1{margin:0;color:#fff;font-family:"Arial Narrow","Helvetica Neue",system-ui,sans-serif;font-size:clamp(1.88rem,8vw,2.5rem);font-weight:900;line-height:1.02;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance}
h1 span{color:#55e36d}
.cue{margin:9px 0 0;color:#f3d585;font-size:1rem;font-weight:650;font-style:italic}
.cue span{display:inline-block;margin-left:4px;font-size:1.65rem;line-height:1;vertical-align:middle}
.player{position:relative;isolation:isolate;aspect-ratio:9/16;width:100%;overflow:hidden;border:2px solid #f3d585;border-radius:20px;background:#160c08;box-shadow:0 0 24px #e0b23c38}
.player vturb-smartplayer{display:block;width:100%;height:100%}
.play{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;width:100%;border:0;background:radial-gradient(ellipse at center,#3b1c10,transparent 70%);color:#fff1e6;font:700 1rem system-ui,sans-serif;cursor:pointer}
.play-icon{display:grid;place-items:center;width:65px;height:65px;border:2px solid #f3d585;border-radius:50%;background:#6c3012}
.play-icon::after{content:"";margin-left:4px;border-block:10px solid transparent;border-left:15px solid #fff1e6}
.player-status{position:absolute;inset:auto 10px 12px;margin:0;color:#f3d585;font-size:.82rem}
.sound{margin:13px 0 0;color:#f0d9c6;font-size:.85rem;font-weight:650}
.checkout{padding-top:20px}
.buy{display:flex;align-items:center;justify-content:center;min-height:52px;padding:11px 18px;border-radius:11px;background:#39b574;color:#0e2316;font-weight:850;text-decoration:none;text-transform:uppercase}
:focus-visible{outline:3px solid #f3d585;outline-offset:3px}
.play:focus-visible{outline-offset:-6px}
[hidden]{display:none!important}