/* =====================================================================
   PODCAST PRODUCTION — page-specific styles (podcast.html)
   Reuses tokens + chrome from styles.css (:root, --grad, --muted, --ease,
   .mp-sec, .mp-kicker, .mp-title, .mp-grad, .nh-btn, .wd-cta, .wd-head*).
   Everything here is namespaced .pod-* so it cannot leak into other pages.
   Mobile-first; compositor-only motion (transform/opacity/filter).
   ===================================================================== */

/* ---- shared section scaffolding ---- */
.pod-sec{position:relative;z-index:1;padding:clamp(3.4rem,9vh,6rem) clamp(1.2rem,5vw,2.5rem)}
.pod-sec__inner{max-width:1180px;margin:0 auto}
.pod-head{text-align:center;max-width:46rem;margin:0 auto clamp(1.8rem,4vh,2.8rem)}
.pod-head .mp-kicker{margin-left:auto;margin-right:auto;margin-bottom:.7rem}
.pod-head__title{font-size:clamp(1.7rem,3.6vw,2.9rem);margin-bottom:.55rem}
.pod-head__sub{font-size:clamp(.86rem,1.3vw,1rem);line-height:1.6;color:var(--muted);font-weight:300;margin:0}
.nh-btn__lead{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* =====================================================================
   1 · HERO
   ===================================================================== */
.pod-hero{position:relative;z-index:1;min-height:100svh;display:flex;align-items:center;overflow:hidden;
  padding:calc(var(--navh) + 3vh) clamp(1.2rem,5vw,5rem) 6vh}
.pod-hero__grid{width:100%;max-width:1280px;margin:0 auto;display:grid;gap:clamp(2rem,5vw,4rem);
  grid-template-columns:1fr;align-items:center}
@media (min-width:940px){.pod-hero__grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}}
.pod-hero__copy{min-width:0}
.pod-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.42rem .95rem;border-radius:999px;margin-bottom:1.3rem;
  border:1px solid rgba(168,85,247,.42);background:rgba(168,85,247,.06);
  font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#cbbef0}
.pod-badge i{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:linear-gradient(135deg,#ff2e9a,#a855f7);
  box-shadow:0 0 8px rgba(168,85,247,.9);animation:pod-pulse 2.4s ease-in-out infinite}
@keyframes pod-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}
@media (prefers-reduced-motion:reduce){.pod-badge i{animation:none}}
.pod-hero__title{font-size:clamp(2.3rem,6.4vw,4.1rem);line-height:1;font-weight:200;text-transform:uppercase;
  letter-spacing:.02em;color:#fff;margin:0}
.pod-hero__title b{font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pod-hero__kick{display:block;font-family:"Pacifico",cursive;font-weight:400;text-transform:none;letter-spacing:.01em;
  font-size:clamp(1.05rem,2.6vw,1.7rem);background:var(--grad);-webkit-background-clip:text;background-clip:text;
  color:transparent;margin-bottom:.5rem;-webkit-text-fill-color:transparent}
.pod-hero__body{position:relative;padding-left:1.1rem;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.7;color:var(--muted);
  font-weight:300;max-width:34rem;margin:1.5rem 0 1.8rem}
.pod-hero__body::before{content:"";position:absolute;left:0;top:.25em;bottom:.25em;width:2px;border-radius:2px;
  background:linear-gradient(180deg,#ff2e9a,#a855f7,#3b82f6)}
.pod-hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:1.9rem}
.pod-hero__mini{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0}
.pod-hero__mini li{display:inline-flex;align-items:center;gap:.45rem;font-size:.58rem;letter-spacing:.08em;
  text-transform:uppercase;font-weight:600;color:#b7b2c9}
.pod-hero__mini li:not(:last-child){margin-right:.8rem;padding-right:.8rem;border-right:1px solid rgba(255,255,255,.16)}
.pod-hero__mini svg{width:15px;height:15px;fill:none;stroke:#d06bf0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* --- hero visual: glass "on-air" studio panel with a live waveform --- */
.pod-stage{position:relative;min-width:0}
.pod-deck{position:relative;border-radius:20px;overflow:hidden;
  border:1px solid rgba(168,85,247,.3);background:linear-gradient(158deg,rgba(24,16,42,.82),rgba(10,8,20,.78));
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 48px 110px -38px rgba(120,40,210,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.pod-deck__bar{display:flex;align-items:center;gap:.6rem;height:42px;padding:0 1rem;
  background:linear-gradient(180deg,#181230,#110c20);border-bottom:1px solid rgba(168,85,247,.16)}
.pod-deck__live{display:inline-flex;align-items:center;gap:.45rem;font-size:.58rem;letter-spacing:.18em;
  text-transform:uppercase;font-weight:700;color:#ff6fb0}
.pod-deck__live i{width:8px;height:8px;border-radius:50%;background:#ff2e9a;box-shadow:0 0 10px #ff2e9a;
  animation:pod-pulse 1.5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.pod-deck__live i{animation:none}}
.pod-deck__time{margin-left:auto;font-size:.66rem;letter-spacing:.08em;color:#c2bcd4;font-variant-numeric:tabular-nums}
.pod-deck__body{padding:clamp(1.2rem,3vw,1.9rem)}
.pod-deck__h{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#ad93d6;font-weight:600;margin:0 0 1rem}

/* CSS-only waveform: bars that breathe with a staggered scaleY */
.pod-wave{display:flex;align-items:center;gap:clamp(2px,.8vw,5px);height:clamp(86px,16vh,128px)}
.pod-wave span{flex:1 1 0;min-width:2px;border-radius:99px;transform-origin:center;
  background:linear-gradient(180deg,#ff2e9a,#a855f7 55%,#3b82f6);
  animation:pod-bar 1.5s ease-in-out infinite}
@keyframes pod-bar{0%,100%{transform:scaleY(.22)}50%{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.pod-wave span{animation:none;transform:scaleY(.6)}}

/* mic + level chips below the wave */
.pod-deck__row{display:flex;align-items:center;gap:.7rem;margin-top:1.2rem;flex-wrap:wrap}
.pod-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;
  font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#cbbef0;
  border:1px solid rgba(168,85,247,.3);background:rgba(168,85,247,.07)}
.pod-chip svg{width:13px;height:13px;fill:none;stroke:#d6a3ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* hero stage parallax — drifts up gently as the section scrubs past.
   data-scrub sets --p (0..1); reduced-motion forces --p:0 (anim.js). */
.pod-stage[data-scrub]{transform:translateY(calc((var(--p,.5) - .5) * -34px));will-change:transform}

/* =====================================================================
   4.5 · SIGNATURE MOMENT — ON-AIR WAVEFORM  (CSS-only, no audio)
   "On Air" neon sign lights on reveal; a row of bars breathes with a
   staggered scaleY and swells with scroll progress (--p from data-scrub).
   Fully visible + static with no JS and with prefers-reduced-motion.
   ===================================================================== */
.pod-onair{position:relative;z-index:1;overflow:hidden;
  padding:clamp(4rem,12vh,7.5rem) clamp(1.2rem,5vw,2.5rem);
  /* --amp: 0..1 amplitude, lifted by scroll progress so the signal "comes alive" */
  --amp:calc(.55 + var(--p,.5) * .45)}
.pod-onair__inner{max-width:920px;margin:0 auto;text-align:center}

/* ON AIR neon sign */
.pod-onair__sign{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:clamp(1.6rem,5vh,2.8rem)}
.pod-onair__sign-box{position:relative;display:inline-flex;align-items:center;gap:.7rem;
  padding:.7rem 1.5rem;border-radius:14px;
  border:1.5px solid rgba(255,46,154,.35);background:rgba(255,46,154,.05);
  /* unlit by default (no-JS safe baseline: still clearly an ON AIR sign) */
  transition:border-color .8s var(--ease),background-color .8s var(--ease),box-shadow .8s var(--ease)}
.pod-onair__sign-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;background:#7a3658;
  box-shadow:none;transition:background-color .8s var(--ease),box-shadow .8s var(--ease)}
.pod-onair__sign-txt{font-family:"Pacifico",cursive;font-size:clamp(1.5rem,5vw,2.6rem);line-height:1;
  color:#a85f7e;letter-spacing:.01em;transition:color .8s var(--ease),text-shadow .8s var(--ease)}
/* light it up on reveal */
.pod-onair__sign.is-in .pod-onair__sign-box{border-color:rgba(255,46,154,.7);background:rgba(255,46,154,.1);
  box-shadow:0 0 28px -4px rgba(255,46,154,.55),inset 0 0 20px -6px rgba(255,46,154,.5)}
.pod-onair__sign.is-in .pod-onair__sign-dot{background:#ff2e9a;
  box-shadow:0 0 10px #ff2e9a,0 0 20px rgba(255,46,154,.8);animation:pod-pulse 1.5s ease-in-out infinite}
.pod-onair__sign.is-in .pod-onair__sign-txt{color:#fff;
  text-shadow:0 0 12px rgba(255,46,154,.9),0 0 28px rgba(168,85,247,.7)}
.pod-onair__lede{font-size:clamp(.95rem,1.6vw,1.2rem);line-height:1.6;color:#cdc8de;font-weight:300;margin:0;max-width:30rem}

/* the waveform row */
.pod-onair__wave{display:flex;align-items:center;justify-content:center;gap:clamp(2px,1.1vw,7px);
  height:clamp(96px,22vh,180px);margin:0 auto}
.pod-onair__wave span{flex:1 1 0;min-width:2px;max-width:14px;height:100%;border-radius:99px;transform-origin:center;
  background:linear-gradient(180deg,#ff2e9a,#a855f7 55%,#3b82f6);
  /* base scale is amplitude-driven; the keyframe breathes around it */
  transform:scaleY(calc(.16 + var(--amp,.6) * .2));
  animation:pod-onair-bar 1.6s ease-in-out infinite;
  /* staggered phase via --i so the row ripples like a live signal */
  animation-delay:calc(var(--i,0) * -90ms);will-change:transform}
@keyframes pod-onair-bar{
  0%,100%{transform:scaleY(calc(.16 + var(--amp,.6) * .2))}
  50%{transform:scaleY(calc(.4 + var(--amp,.6) * .6))}}
.pod-onair__cap{font-size:clamp(.8rem,1.3vw,.95rem);letter-spacing:.04em;color:var(--muted);
  font-weight:300;margin:clamp(1.6rem,5vh,2.8rem) auto 0;max-width:34rem}

/* reduced-motion: static, fully-lit sign + static bars (no looping, no scrub) */
@media (prefers-reduced-motion:reduce){
  .pod-onair__sign-box{border-color:rgba(255,46,154,.7);background:rgba(255,46,154,.1);
    box-shadow:0 0 24px -6px rgba(255,46,154,.5)}
  .pod-onair__sign-dot{background:#ff2e9a;box-shadow:0 0 9px #ff2e9a;animation:none}
  .pod-onair__sign-txt{color:#fff;text-shadow:0 0 10px rgba(255,46,154,.85)}
  .pod-onair__wave span{animation:none;transform:scaleY(.62)}}

/* =====================================================================
   2 · SUB-SERVICES BREAKDOWN
   ===================================================================== */
.pod-grid{display:grid;gap:1.1rem;grid-template-columns:1fr}
@media (min-width:620px){.pod-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.pod-grid{grid-template-columns:repeat(3,1fr)}}
.pod-card{position:relative;display:flex;flex-direction:column;padding:1.6rem;border-radius:16px;
  border:1px solid rgba(168,85,247,.22);background:linear-gradient(180deg,rgba(20,16,40,.5),rgba(10,9,22,.4));
  transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.pod-card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.5);
  box-shadow:0 26px 56px -30px rgba(120,40,210,.7)}
.pod-card__ico{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;margin-bottom:1rem;
  border:1px solid rgba(168,85,247,.42);background:linear-gradient(150deg,rgba(168,85,247,.2),rgba(255,46,154,.08));color:#d6a3ff;
  box-shadow:inset 0 0 14px -4px rgba(168,85,247,.55)}
.pod-card__ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pod-card h3{font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 .5rem}
.pod-card p{font-size:.88rem;line-height:1.6;color:var(--muted);font-weight:300;margin:0}

/* =====================================================================
   3 · PROCESS / HOW IT WORKS
   ===================================================================== */
.pod-steps{display:grid;gap:1.1rem;grid-template-columns:1fr;counter-reset:pod}
@media (min-width:680px){.pod-steps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.pod-steps{grid-template-columns:repeat(4,1fr)}}
.pod-step{position:relative;padding:1.6rem 1.4rem;border-radius:16px;
  border:1px solid rgba(168,85,247,.2);background:linear-gradient(180deg,rgba(20,16,40,.45),rgba(10,9,22,.38))}
.pod-step__no{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;margin-bottom:.9rem;
  font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff2e9a,#a855f7 55%,#3b82f6);
  box-shadow:0 12px 30px -12px rgba(168,85,247,.8)}
.pod-step h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .4rem}
.pod-step p{font-size:.85rem;line-height:1.6;color:var(--muted);font-weight:300;margin:0}

/* =====================================================================
   4 · WHY SOVEREIGN ROW / DELIVERABLES
   ===================================================================== */
.pod-why{display:grid;gap:clamp(1.6rem,4vw,3rem);align-items:center;grid-template-columns:1fr}
@media (min-width:920px){.pod-why{grid-template-columns:1fr 1fr}}
.pod-why__h{font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.05;font-weight:200;text-transform:uppercase;
  letter-spacing:.02em;color:#fff;margin:0 0 1.1rem}
.pod-why__h b{font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pod-why__body{font-size:clamp(.9rem,1.2vw,1.02rem);line-height:1.7;color:var(--muted);font-weight:300;margin:0 0 1.5rem;max-width:34rem}
.pod-checks{list-style:none;display:grid;gap:.7rem;margin:0;padding:0}
.pod-checks li{position:relative;padding-left:1.9rem;font-size:.92rem;line-height:1.55;color:#cdc8de;font-weight:300}
.pod-checks li b{color:#fff;font-weight:600}
.pod-checks li::before{content:"";position:absolute;left:0;top:.18em;width:1.15rem;height:1.15rem;border-radius:6px;
  background:linear-gradient(135deg,#ff2e9a,#a855f7);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4 10-11'/%3E%3C/svg%3E") center/72% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4 10-11'/%3E%3C/svg%3E") center/72% no-repeat}
/* stat / promise strip */
.pod-why__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.6rem}
.pod-stat{padding:1.2rem;border-radius:14px;border:1px solid rgba(168,85,247,.22);
  background:linear-gradient(180deg,rgba(20,16,40,.5),rgba(10,9,22,.4))}
.pod-stat b{display:block;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:600;line-height:1;margin-bottom:.35rem;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pod-stat span{font-size:.72rem;letter-spacing:.04em;color:var(--muted);font-weight:400}

/* =====================================================================
   5 · PACKAGES (carried over data)
   ===================================================================== */
.pod-plans{display:grid;gap:1.1rem;grid-template-columns:1fr}
@media (min-width:620px){.pod-plans{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.pod-plans{grid-template-columns:repeat(3,1fr)}}
.pod-plan{position:relative;display:flex;flex-direction:column;padding:1.7rem;border-radius:16px;
  border:1px solid rgba(168,85,247,.24);background:linear-gradient(180deg,rgba(22,17,42,.55),rgba(11,9,23,.45));
  transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.pod-plan:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.5);box-shadow:0 26px 56px -30px rgba(120,40,210,.7)}
.pod-plan--feat{border-color:rgba(255,46,154,.5)}
.pod-plan--feat::before{content:"Most Booked";position:absolute;top:-.7rem;left:50%;transform:translateX(-50%);
  padding:.3rem .85rem;border-radius:999px;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#fff;
  background:linear-gradient(95deg,#ff2e9a,#a855f7);box-shadow:0 10px 24px -10px rgba(255,46,154,.8);white-space:nowrap}
.pod-plan h3{font-size:1.02rem;font-weight:600;color:#fff;margin:0 0 .35rem}
.pod-plan__price{font-size:1.7rem;font-weight:600;line-height:1;margin:0 0 1rem;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pod-plan__price small{font-size:.85rem;font-weight:400;color:#8a87a0;-webkit-text-fill-color:#8a87a0}
.pod-plan ul{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.5rem}
.pod-plan li{position:relative;padding-left:1.35rem;font-size:.85rem;line-height:1.5;color:var(--muted);font-weight:300}
.pod-plan li::before{content:"\2713";position:absolute;left:0;color:#b9a3ff;font-weight:700}
.pod-plan .nh-btn{margin-top:auto;justify-content:center;text-align:center}
.pod-note{text-align:center;color:#8a87a0;font-size:.9rem;margin:1.6rem auto 0;max-width:44rem}
.pod-note a{color:#b9a3ff}

/* =====================================================================
   6 · FAQ
   ===================================================================== */
.pod-faq{display:grid;gap:.9rem;max-width:54rem;margin:0 auto}
.pod-faq details{border:1px solid rgba(168,85,247,.22);border-radius:14px;overflow:hidden;
  background:linear-gradient(180deg,rgba(20,16,40,.5),rgba(10,9,22,.4))}
.pod-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.1rem 1.3rem;font-size:.98rem;font-weight:600;color:#fff}
.pod-faq summary::-webkit-details-marker{display:none}
.pod-faq summary::after{content:"";flex:0 0 auto;width:18px;height:18px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23b9a3ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .3s var(--ease)}
.pod-faq details[open] summary::after{transform:rotate(180deg)}
.pod-faq__a{padding:0 1.3rem 1.2rem;font-size:.9rem;line-height:1.7;color:var(--muted);font-weight:300;margin:0}

/* =====================================================================
   7 · RELATED SERVICES
   ===================================================================== */
.pod-related{display:grid;gap:1.1rem;grid-template-columns:1fr}
@media (min-width:760px){.pod-related{grid-template-columns:repeat(3,1fr)}}
.pod-rel{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border-radius:16px;text-decoration:none;
  border:1px solid rgba(168,85,247,.22);background:linear-gradient(180deg,rgba(20,16,40,.5),rgba(10,9,22,.4));
  transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.pod-rel:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.5);box-shadow:0 26px 56px -30px rgba(120,40,210,.7)}
.pod-rel__cat{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#ad93d6}
.pod-rel__h{font-size:1.1rem;font-weight:600;color:#fff;margin:0}
.pod-rel__h span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pod-rel p{font-size:.85rem;line-height:1.55;color:var(--muted);font-weight:300;margin:0}
.pod-rel__go{margin-top:.4rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#ff6fb0}