/* Audio distribution page. Loads after styles.css and reuses its tokens, nav, FAQ, form and finale. */

/* ---------- hero ---------- */
.ad-hero{position:relative;overflow:hidden;text-align:left;padding-block:clamp(36px,6vw,80px) clamp(64px,8vw,104px);background:var(--bg)}
.ad-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(60% 70% at 78% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(60% 70% at 78% 40%,#000 0%,transparent 75%);opacity:.6}
.ad-hero>.wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(36px,5vw,72px);align-items:center}
@media (max-width:1020px){.ad-hero>.wrap{grid-template-columns:1fr}}
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink3);margin-bottom:22px}
.crumb a{color:var(--ink3);text-decoration:none}.crumb a:hover{color:var(--ink)}
.crumb .here{color:var(--ink);font-weight:600}
/* sized so the longest line, "Every platform.", always fits its column */
.ad-hero h1{font-size:clamp(50px,min(5.3vw,11vh),82px);line-height:.88;margin:0 0 22px}
@media (max-width:420px){.ad-hero h1{font-size:13.6vw}}
.ad-hero h1 .ln{display:block;overflow-x:visible;overflow-y:clip;padding-top:.04em}
.ad-hero h1 .ln>span{display:block;white-space:nowrap;animation:lnUp 1.1s cubic-bezier(.2,.8,.2,1) backwards}
.ad-hero h1 .ln:nth-child(2)>span{animation-delay:.1s}
.ad-hero h1 .ln:nth-child(3)>span{animation-delay:.2s}
.ad-hero h1 em{font-style:normal;color:var(--red)}
.ad-hero .lead{margin:0 0 28px}
.ad-hero .hero-ctas{justify-content:flex-start}
.hero-ticks{list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 24px;font-size:15px;font-weight:500;color:var(--ink2)}
.hero-ticks li{display:inline-flex;align-items:center;gap:8px}
.hero-ticks svg{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--tint);color:var(--red)}
.ad-hero .lead,.ad-hero .hero-ctas,.hero-ticks,.crumb{animation:fadeUp 1s .3s cubic-bezier(.2,.8,.2,1) backwards}
/* short laptop screens: keep the buttons on the first screen */
@media (min-width:1021px) and (max-height:760px){.ad-hero{padding-top:24px}.crumb{margin-bottom:14px}.ad-hero h1{margin-bottom:16px}.ad-hero .lead{margin-bottom:20px}.hero-ticks{margin-top:20px;padding-top:16px}}

/* release card: one upload going out to every platform */
.rel{position:relative;background:var(--dark);color:#fff;border-radius:22px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 24px 48px -28px rgba(0,0,0,.35),0 56px 96px -56px rgba(0,0,0,.4);animation:relIn 1.3s .25s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes relIn{from{opacity:0;transform:translateY(40px) scale(.97)}}
.rel-top{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center}
.rel-cover{position:relative;width:76px;height:76px;border-radius:12px;overflow:hidden;background:#242424}
.rel-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.rel-cover img.on{opacity:1}
.rel-top small{display:block;font:700 12px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:#FF6B6B}
.rel-top b{display:block;margin-top:6px;font-size:17px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rel-top em{display:block;margin-top:2px;font-style:normal;font-size:13px;color:var(--dmuted)}
.rel-src{font:600 12px/1 var(--sans);padding:8px 11px;border-radius:999px;background:#242424;border:1px solid #303030;color:#E7E7E4;white-space:nowrap}
.rel-wave{position:relative;display:flex;align-items:center;gap:3px;height:72px;margin:16px 0 6px;padding:0 4px;border-radius:12px;background:#1B1B1B;overflow:hidden}
.rel-wave i{flex:1;min-width:2px;height:calc(var(--h)*1%);border-radius:2px;background:#4A4A4A;transition:background .25s}
.rel-wave i.on{background:#FF5252}
.rel-time{display:flex;justify-content:space-between;font-size:12px;color:var(--dmuted);font-variant-numeric:tabular-nums;padding:0 2px}
.rel-pl{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.rel-pl li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:center;background:#1D1D1D;border:1px solid #2A2A2A;border-radius:12px;padding:11px 12px;font-size:14px;font-weight:600;transition:border-color .4s,background .4s}
.rel-pl li i{width:10px;height:10px;border-radius:3px}
.rel-pl li small{display:block;font-size:12px;font-weight:400;color:var(--dmuted)}
.rel-pl li.live{border-color:#1F4A33;background:#16211B}
.st{font:700 11px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;padding:6px 8px 5px;border-radius:999px;white-space:nowrap;background:#2A2A2A;color:#A9A9A6;transition:background .3s,color .3s}
.st.s1{background:#3A2F12;color:#FFD166}
.st.s2{background:#0E2F1E;color:#5BE39A}
.rel-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--dline);margin:14px -16px -16px;border-top:1px solid var(--dline);border-radius:0 0 22px 22px;overflow:hidden}
.rel-foot div{background:var(--dark);padding:13px 16px}
.rel-foot small{display:block;font-size:12px;color:var(--dmuted)}
.rel-foot b{display:block;font:700 26px/1.1 var(--cond);font-variant-numeric:tabular-nums}
.rel-foot div:last-child b{color:#5BE39A}
@media (min-width:1021px) and (max-width:1240px){.rel-top{grid-template-columns:76px minmax(0,1fr)}.rel-src{display:none}}
.rel-note{position:absolute;right:16px;bottom:-30px;margin:0;font-size:12px;color:var(--ink3)}
@media (max-width:1020px){.rel-note{position:static;margin:26px 0 -4px;text-align:right;color:var(--dmuted)}}
@media (max-width:520px){.rel-top{grid-template-columns:60px minmax(0,1fr)}.rel-cover{width:60px;height:60px}.rel-src{display:none}.rel-foot{grid-template-columns:1fr 1fr}.rel-foot div:last-child{grid-column:1/-1}.rel-wave{height:56px;gap:2px}.rel-wave i:nth-child(even){display:none}}

/* ---------- key facts strip ---------- */
.ad-facts{background:var(--dark);color:#fff}
.ad-facts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ad-facts li{display:flex;align-items:center;gap:14px;padding:26px 22px;border-left:1px solid var(--dline);font-size:15px;line-height:1.35;color:#E7E7E4}
.ad-facts li:first-child{border-left:0;padding-left:0}
.ad-facts b{font:700 clamp(34px,3vw,44px)/.9 var(--cond);color:#FF5252;flex:none}
.ad-facts svg{width:28px;height:28px;flex:none;color:#FF6B6B}
@media (max-width:1020px){.ad-facts ul{grid-template-columns:1fr 1fr}.ad-facts li,.ad-facts li:first-child{border-left:0;padding:18px 0;border-bottom:1px solid var(--dline)}.ad-facts li:nth-child(even){padding-left:18px;border-left:1px solid var(--dline)}.ad-facts li:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:480px){.ad-facts ul{grid-template-columns:1fr}.ad-facts li:nth-child(even){padding-left:0;border-left:0}.ad-facts li:nth-last-child(2){border-bottom:1px solid var(--dline)}}

/* ---------- what we distribute: music / podcasts ---------- */
.fmt-tabs{display:inline-grid;grid-auto-flow:column;gap:4px;background:var(--soft);border-radius:999px;padding:5px;margin-bottom:22px}
.fmt-tabs button{display:inline-flex;align-items:center;gap:9px;border:0;background:none;border-radius:999px;min-height:46px;padding:0 22px;font:600 15px/1 var(--sans);color:var(--ink2);cursor:pointer;transition:background .25s,color .25s}
.fmt-tabs svg{width:18px;height:18px}
.fmt-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.fpanel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--bg);box-shadow:0 30px 60px -44px rgba(0,0,0,.3)}
.fpanel:not([hidden]){animation:fadeUp .6s cubic-bezier(.2,.8,.2,1)}
@media (max-width:900px){.fpanel{grid-template-columns:1fr}}
.fp-l{padding:clamp(24px,3.6vw,48px)}
.fp-l h3{font:700 clamp(32px,3.2vw,46px)/.95 var(--cond);text-transform:uppercase;letter-spacing:0;margin:0 0 14px}
.fp-l>p{margin:0 0 22px;font-size:16px;line-height:1.6;color:var(--ink2);max-width:52ch}
.fp-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.fp-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;font-weight:500;line-height:1.4}
.fp-list li::before{content:"";width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 8.5 2.5 2.5L12 5.5'/%3E%3C/svg%3E") center/12px no-repeat}
.fp-r{background:var(--dark);color:#fff;padding:clamp(24px,3.6vw,48px);display:flex;flex-direction:column;gap:18px}
.fp-r>small{font:700 13px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:#FF6B6B}
.dest{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dest li{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--dline);border-radius:14px;background:var(--dark2);font:700 clamp(22px,2vw,28px)/1 var(--cond);text-transform:uppercase}
.dest li i{width:12px;height:12px;border-radius:4px;flex:none}
.dest li.more{background:var(--red);border-color:var(--red)}
.dest li.more i{background:#fff}
.fp-r>p{margin:auto 0 0;font-size:14px;line-height:1.55;color:var(--dmuted)}

/* ---------- how it works ---------- */
.steps6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:s}
@media (max-width:960px){.steps6{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps6{grid-template-columns:1fr}}
.s6{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column;gap:10px;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
@media (hover:hover){.s6:not(.pre):hover{transform:translateY(-4px);border-color:#CFCFCB;box-shadow:0 24px 48px -36px rgba(0,0,0,.35);transition-duration:.8s,.35s,.3s,.3s}}
.s6-n{font:700 clamp(56px,5.4vw,80px)/.8 var(--cond);color:var(--tint);-webkit-text-stroke:1.5px var(--red);margin-bottom:10px}
.s6-who{position:absolute;top:22px;right:22px;font:700 11px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;padding:6px 8px 5px;border-radius:999px;background:var(--soft);color:var(--ink3)}
.s6-who.you{background:var(--ink);color:#fff}
.s6 h3{font:700 clamp(26px,2.3vw,32px)/.98 var(--cond);text-transform:uppercase;letter-spacing:0}
.s6 p{margin:0;font-size:15px;line-height:1.55;color:var(--ink2)}

/* ---------- one upload, two incomes ---------- */
.twice{position:relative;overflow:hidden;isolation:isolate;background:var(--red);color:#fff;padding-block:clamp(72px,9vw,120px)}
.twice::after{content:"";position:absolute;right:-140px;top:-140px;width:520px;height:520px;border-radius:50%;border:72px solid rgba(255,255,255,.08);z-index:-1}
.twice .label{color:#fff}.twice .label::before{background:#fff}
.tw-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
@media (max-width:900px){.tw-in{grid-template-columns:1fr}}
.twice h2{color:#fff;margin:16px 0 16px}
.twice .lead{color:rgba(255,255,255,.9)}
.flowd{display:grid;gap:10px}
.fl{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}
.fl .ic{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center}
.fl .ic svg{width:22px;height:22px}
.fl b{display:block;font-size:17px;font-weight:600}
.fl small{display:block;font-size:13.5px;color:rgba(255,255,255,.82)}
.fl em{font:700 12px/1 var(--cond);font-style:normal;letter-spacing:.12em;text-transform:uppercase;padding:7px 9px 6px;border-radius:5px;background:rgba(0,0,0,.22);white-space:nowrap}
.fl.src{background:#fff;color:var(--ink);border-color:#fff}
.fl.src .ic{background:var(--tint);color:var(--red)}
.fl.src small{color:var(--ink2)}
.fl.new{background:var(--dark);border-color:var(--dark)}
.fl.new em{background:#fff;color:var(--red)}
.fl-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;padding-top:22px}
.fl-split::before{content:"";position:absolute;left:25%;right:25%;top:10px;height:12px;border:2px solid rgba(255,255,255,.5);border-bottom:0;border-radius:8px 8px 0 0}
.fl-split::after{content:"";position:absolute;left:50%;top:-10px;width:2px;height:20px;margin-left:-1px;background:rgba(255,255,255,.5)}
.fl-split .fl{grid-template-columns:44px minmax(0,1fr);align-content:start}
.fl-split .fl em{grid-column:1/-1;justify-self:start}
@media (max-width:520px){.fl-split{grid-template-columns:1fr;padding-top:0}.fl-split::before,.fl-split::after{display:none}.fl{grid-template-columns:44px minmax(0,1fr)}.fl em{grid-column:1/-1;justify-self:start}}

/* ---------- who it's for ---------- */
.who4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:960px){.who4{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.who4{grid-template-columns:1fr}}
.w4{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;padding:20px}
@media (max-width:480px){.w4{aspect-ratio:4/3}}
.w4 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.w4::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.82))}
a.w4:hover img{transform:scale(1.06)}
.w4 .n{font:700 14px/1 var(--cond);letter-spacing:.12em;color:#FF8A8A}
.w4 h3{font:700 clamp(28px,2.6vw,36px)/.95 var(--cond);text-transform:uppercase;letter-spacing:0;margin:8px 0 6px}
.w4 p{margin:0;font-size:14px;line-height:1.45;color:rgba(255,255,255,.88)}
.w4 .go{margin-top:12px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.w4 .go svg{width:14px;height:14px;transition:transform .2s}
a.w4:hover .go svg{transform:translateX(3px)}

/* ---------- form extras ---------- */
.opt{color:var(--ink3);font-weight:400}

@media (prefers-reduced-motion:reduce){.rel-cover img{transition:none}}

/* ---------- Spotify video ---------- */
.spv{background:var(--dark);color:#fff}
.spv .label{color:#FF6B6B}.spv .label::before{background:#FF6B6B}
.spv-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
@media (max-width:900px){.spv-in{grid-template-columns:1fr}}
.spv h2{color:#fff;margin:16px 0 16px}
.spv .lead{color:var(--dmuted)}
.spv-list{list-style:none;margin:26px 0 28px;padding:0;border-top:1px solid var(--dline)}
.spv-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--dline);font-size:16px;font-weight:500;line-height:1.4;color:#E7E7E4}
.spv-list li::before{content:"";width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 8.5 2.5 2.5L12 5.5'/%3E%3C/svg%3E") center/12px no-repeat}
.svp{background:var(--dark2);border:1px solid var(--dline);border-radius:24px;padding:16px;box-shadow:0 50px 90px -50px rgba(0,0,0,.9)}
.svp-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.svp-app{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.svp-app i{width:12px;height:12px;border-radius:50%;background:#1DB954}
.svp-seg{display:inline-grid;grid-auto-flow:column;gap:4px;background:#121212;border:1px solid var(--dline);border-radius:999px;padding:4px}
.svp-seg button{border:0;background:none;border-radius:999px;min-height:38px;padding:0 18px;font:600 14px/1 var(--sans);color:var(--dmuted);cursor:pointer;transition:background .25s,color .25s}
.svp-seg button[aria-pressed="true"]{background:#fff;color:var(--ink)}
.svp-stage{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.svp-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1)}
.svp-badge{position:absolute;left:12px;top:12px;font:700 11px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;padding:6px 8px 5px;border-radius:5px;background:var(--red);color:#fff;transition:opacity .3s}
.svp-aud{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;background:linear-gradient(135deg,#2A2A2A,#161616);opacity:0;transition:opacity .5s}
.svp-aud img{width:34%;aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:0 20px 40px -18px rgba(0,0,0,.8);transform:scale(.9);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.svp-eq{display:flex;align-items:center;gap:5px;height:54px}
.svp-eq i{width:5px;height:100%;border-radius:3px;background:#FF5252;transform-origin:center;animation:eq 1.1s ease-in-out infinite}
.svp-eq i:nth-child(2){animation-delay:-.2s}.svp-eq i:nth-child(3){animation-delay:-.45s}.svp-eq i:nth-child(4){animation-delay:-.7s}.svp-eq i:nth-child(5){animation-delay:-.3s}.svp-eq i:nth-child(6){animation-delay:-.6s}.svp-eq i:nth-child(7){animation-delay:-.9s}
@keyframes eq{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.svp[data-mode="listen"] .svp-vid{opacity:0;transform:scale(1.05)}
.svp[data-mode="listen"] .svp-badge{opacity:0}
.svp[data-mode="listen"] .svp-aud{opacity:1}
.svp[data-mode="listen"] .svp-aud img{transform:none}
.svp-meta{margin-top:14px}
.svp-meta b{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em}
.svp-meta small{display:block;margin-top:2px;font-size:13px;color:var(--dmuted)}
.svp-bar{position:relative;height:4px;border-radius:4px;background:#3A3A3A;margin-top:14px}
.svp-bar i{position:absolute;left:0;top:0;bottom:0;width:31%;border-radius:4px;background:#fff}
.svp-bar i::after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff}
.svp-time{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--dmuted);font-variant-numeric:tabular-nums}
.svp-cap{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--dline);font-size:14px;color:#E7E7E4}
.svp-note{margin:12px 4px 0;font-size:12px;color:#8A8A87;text-align:right}
@media (max-width:480px){.svp-eq{height:40px;gap:4px}.svp-aud{gap:16px}}