/* Cabo Beats preview funnels (29 oct): same look as the Pusha T funnel (Anton + Inter, gold), one screen, no checkout */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700&display=swap');
:root{--pv-ink:#f3efe7;--pv-dim:#a9a49b;--pv-acc:#d8b46a;--pv-black:#050505}
html:has(#pv),body:has(#pv){background:var(--pv-black)!important;margin:0}
body:has(#pv) .prodby-public-wrap,body:has(#pv) .prodby-visual-html,body:has(#pv) .visual-editor-content{max-width:none!important;padding:0!important;margin:0!important;background:transparent!important}
#pv{position:relative;min-height:100vh;min-height:100svh;color:var(--pv-ink);font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}
#pv::before{content:"";position:absolute;inset:-4%;z-index:-2;background:var(--pv-bg) center/cover no-repeat;animation:pv-drift 30s ease-in-out infinite alternate}
#pv::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.7) 45%,rgba(5,5,5,.25) 100%),linear-gradient(0deg,rgba(5,5,5,.9) 0%,transparent 35%)}
@keyframes pv-drift{to{transform:scale(1.06) translate(-1%,-1%)}}
@media (prefers-reduced-motion:reduce){#pv::before{animation:none}}
.pv-top{padding:22px clamp(16px,5vw,64px)}
.pv-top img{height:34px;width:auto;display:block}
.pv-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px clamp(16px,5vw,64px) 40px;max-width:720px}
.pv-eyebrow{display:inline-flex;gap:10px;align-items:center;font:600 .74rem/1 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--pv-acc)}
.pv-eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.pv-h1{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:.9;margin:.25em 0 .3em;font-size:clamp(3.2rem,10vw,8rem);letter-spacing:.01em;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.pv-h1 span{display:block;font-size:.42em;color:var(--pv-dim);letter-spacing:.04em}
.pv-h1.pv-many{font-size:clamp(2.4rem,7vw,5.4rem)}
.pv-lead{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6;color:#d9d4cb;margin:0 0 24px;max-width:540px}
.pv-play{display:flex;align-items:center;gap:14px;width:100%;max-width:460px;padding:12px 16px 12px 12px;border:1px solid rgba(243,239,231,.22);border-radius:999px;background:rgba(10,10,10,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--pv-ink);font:600 .95rem Inter,sans-serif;cursor:pointer;text-align:left;box-sizing:border-box}
.pv-play__icon{flex:none;width:52px;height:52px;border-radius:50%;background:var(--pv-acc);color:#000;display:grid;place-items:center;transition:transform .2s}
.pv-play:hover .pv-play__icon{transform:scale(1.07)}
.pv-play__icon::before{content:"▶";margin-left:3px}
.pv-play.is-playing .pv-play__icon::before{content:"❚❚";margin:0;font-size:.8rem;letter-spacing:-1px}
.pv-play__meta{flex:1;min-width:0;display:grid;gap:7px}
.pv-wave{position:relative;display:block;height:34px;min-width:0;overflow:hidden;cursor:pointer}
.pv-wave__base,.pv-wave__fill{position:absolute;inset:0;display:flex;align-items:center;gap:2px}
.pv-wave b{flex:1 1 0;min-width:1px;border-radius:2px;background:rgba(243,239,231,.26)}
.pv-wave__fill{clip-path:inset(0 100% 0 0)}
.pv-wave__fill b{background:var(--pv-acc)}
.pv-time{font:500 .75rem Inter,sans-serif;color:var(--pv-dim);font-variant-numeric:tabular-nums}
.pv-tracks{list-style:none;margin:22px 0 0;padding:0;max-width:460px;display:grid;gap:6px}
.pv-tracks button{width:100%;display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(243,239,231,.12);border-radius:12px;background:rgba(10,10,10,.45);color:var(--pv-ink);font:600 .95rem Inter,sans-serif;cursor:pointer;text-align:left;transition:border-color .2s,background .2s}
.pv-tracks button:hover{border-color:rgba(243,239,231,.3)}
.pv-tracks .n{font:400 1.1rem Anton,sans-serif;color:var(--pv-dim);width:26px}
.pv-tracks .t{flex:1;text-transform:capitalize}
.pv-tracks .d{font:500 .75rem Inter,sans-serif;color:var(--pv-dim)}
.pv-tracks button.is-on{border-color:var(--pv-acc);background:rgba(216,180,106,.08)}
.pv-tracks button.is-on .n{color:var(--pv-acc)}
.pv-artists{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.pv-artists li{padding:8px 16px;border:1px solid rgba(243,239,231,.2);border-radius:999px;background:rgba(10,10,10,.5);font:600 .9rem Inter,sans-serif}
.pv-soon{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border:1px dashed var(--pv-acc);border-radius:999px;color:var(--pv-acc);font:600 .9rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.pv-soon::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--pv-acc);animation:pv-pulse 1.6s ease-in-out infinite}
@keyframes pv-pulse{50%{opacity:.25}}
.pv-foot{padding:18px clamp(16px,5vw,64px) 26px;font:500 .75rem Inter,sans-serif;color:var(--pv-dim);letter-spacing:.08em}
@media (max-width:640px){#pv::after{background:linear-gradient(0deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.7) 55%,rgba(5,5,5,.35) 100%)}}