html,body{width:100%;max-width:100%;overflow-x:clip!important;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}
body{position:relative}
#funnel{width:100%;max-width:560px;overflow-x:clip}
#funnel .flow-screen{max-width:100%;overflow-x:clip}

.demo-step.active{padding-top:28px;background:radial-gradient(circle at 102% 7%,rgba(255,177,209,.42),transparent 30%),radial-gradient(circle at -8% 44%,rgba(255,213,176,.36),transparent 28%)}
.demo-step>.flow-kicker{display:block;text-align:center;font-size:10px;letter-spacing:.22em}
#demo-ready{width:100%;max-width:600px;margin:0 auto;text-align:center}
#demo-ready>h2{max-width:540px;margin:12px auto 8px;font-size:clamp(38px,10vw,56px);line-height:.91;letter-spacing:-.06em}
#demo-ready>p{max-width:500px;margin:0 auto;color:var(--muted);font-size:15px;font-weight:650;line-height:1.45}

.demo-visual{position:relative;width:min(100%,540px);margin:18px auto 12px}
.demo-visual>img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(170,66,112,.12))}
.demo-visual>button{position:absolute;left:50%;bottom:0;width:108px;height:108px;display:grid;place-items:center;transform:translate(-50%,34%);border:4px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(145deg,#ff668f,#ed167a);box-shadow:0 16px 30px rgba(225,35,117,.32);color:#fff;font-size:13px;font-weight:950;letter-spacing:.08em}
.demo-visual>button:active{transform:translate(-50%,34%) scale(.96)}
.demo-visual>button.playing{background:linear-gradient(145deg,#ed167a,#ba267e)}

.demo-player{margin:48px auto 0}
.demo-player>strong{display:block;margin-bottom:12px;font-size:18px}
.demo-player audio{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.demo-timeline{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center;color:#77727c;font-size:12px;font-variant-numeric:tabular-nums}
.demo-timeline input{width:100%;min-width:0;height:4px;margin:0;accent-color:var(--pink);cursor:pointer}
.demo-player .song-structure{margin:10px 0 0;padding:0;background:none;color:var(--muted)!important;font-size:13px!important;font-weight:600}

#demo-ready .full-offer{margin-top:24px;padding:25px 0 0;border:0;border-top:1px solid rgba(91,56,37,.12);border-radius:0;background:transparent;text-align:left}
#demo-ready .full-offer h3{margin:0 0 12px;font-size:clamp(27px,7vw,37px);line-height:1;letter-spacing:-.045em}
#demo-ready .offer-price{display:flex;align-items:center;gap:10px;margin:0 0 14px}
#demo-ready .offer-price s{color:#80777d;font-size:18px}
#demo-ready .offer-price b{color:var(--pink);font-size:42px;line-height:1}
#demo-ready .offer-price em{padding:7px 11px;border-radius:999px;background:#ffe4ee;color:#d72d70;font-size:9px;font-style:normal;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
#demo-ready .full-offer ul{margin:0;padding-left:22px;display:grid;gap:10px;color:#282735;font-size:14px}
#demo-ready .full-offer li{padding-left:2px;color:#282735}
#demo-ready .full-offer li::marker{color:var(--pink)}
#demo-ready .flow-nav{position:static!important;display:block!important;width:100%;margin-top:20px;padding:0!important;background:none!important}
#demo-ready .flow-nav .primary{width:100%;min-height:62px;padding:10px 22px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-size:15px}
.demo-cta-price{font-size:inherit}
.demo-cta-price:before{content:"·";margin-right:8px;font-weight:500}
.demo-saved{margin:14px 0 0!important;color:#817982!important;font-size:12px!important;text-align:center}

@media(max-width:420px){
  .demo-step.active{padding:22px 14px max(30px,env(safe-area-inset-bottom))}
  #demo-ready>h2{font-size:clamp(36px,11vw,46px)}
  #demo-ready>p{font-size:12px}
  .demo-visual{width:calc(100% + 12px);margin-left:-6px;margin-top:12px}
  .demo-visual>button{width:92px;height:92px;font-size:11px}
  .demo-player{margin-top:42px}
  .demo-player>strong{font-size:16px}
  #demo-ready .full-offer{margin-top:21px;padding-top:21px}
  #demo-ready .full-offer h3{font-size:29px}
  #demo-ready .offer-price{display:flex;flex-wrap:wrap;gap:7px 10px}
  #demo-ready .offer-price s{font-size:16px}
  #demo-ready .offer-price b{font-size:38px}
  #demo-ready .offer-price em{grid-column:auto}
  #demo-ready .full-offer ul{gap:8px;font-size:12px}
  #demo-ready .flow-nav .primary{min-height:58px;padding-inline:14px;font-size:12px}
}

@media(max-width:340px){
  .demo-visual>button{width:82px;height:82px}
  #demo-ready .offer-price b{font-size:34px}
  #demo-ready .offer-price em{width:max-content}
  #demo-ready .flow-nav .primary{gap:5px;font-size:11px}
  .demo-cta-price:before{margin-right:5px}
}

@media(prefers-reduced-motion:reduce){.demo-visual>button{transition:none}}