:root {
      --navy: #0a1628;
      --deep-navy: #060e1a;
      --brand-blue: #1a9fd4;
      --light-blue: #5bc4e8;
      --gold: #e8a020;
      --gold-light: #f5c842;
      --red: #c0392b;
      --cream: #f0f8ff;
      --text: #0d2545;
      --muted: #4a7a9b;
      --card-bg: #f5fbff;
      --border: #b8dff0;
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { font-family:'Lato',sans-serif; background:var(--cream); color:var(--text); overflow-x:hidden; }

    /* NAV */
    nav {
      position:fixed; top:0; left:0; right:0; z-index:100;
      display:flex; align-items:center; justify-content:space-between;
      padding:0.6rem 2.5rem;
      background:rgba(6,14,26,0.96); backdrop-filter:blur(12px);
      border-bottom:1px solid rgba(26,159,212,0.2); gap:1rem;
    }
    .nav-logo { display:flex; align-items:center; gap:0.7rem; text-decoration:none; }
    .nav-logo img { height:50px; width:auto; display:block; flex-shrink:0; }
    .nav-brand { display:flex; flex-direction:column; line-height:1.15; }
    .nav-brand-name { font-family:'Playfair Display',serif; font-size:1.05rem; font-weight:900; color:#fff; letter-spacing:0.02em; }
    .nav-brand-sub { font-size:0.65rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); }
    nav ul { list-style:none; display:flex; gap:1.8rem; }
    nav ul a { text-decoration:none; color:rgba(255,255,255,0.6); font-size:0.84rem; letter-spacing:0.07em; text-transform:uppercase; transition:color 0.2s; font-weight:600; }
    nav ul a:hover { color:var(--gold); }
    .nav-cta { background:linear-gradient(135deg,var(--brand-blue),var(--gold)) !important; color:#fff !important; padding:0.45rem 1.2rem; border-radius:40px; font-weight:700 !important; background-clip:padding-box; }
    .nav-cta:hover { opacity:0.9 !important; }
    .nav-right { display:flex; align-items:center; gap:1rem; flex-shrink:0; }
    .lang-switcher { display:flex; gap:0.3rem; background:rgba(255,255,255,0.07); border:1px solid rgba(26,159,212,0.3); border-radius:40px; padding:0.3rem; }
    .lang-btn { background:none; border:none; cursor:pointer; font-family:'Lato',sans-serif; font-size:0.74rem; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; color:rgba(255,255,255,0.5); padding:0.3rem 0.75rem; border-radius:30px; transition:all 0.2s; white-space:nowrap; }
    .lang-btn.active { background:var(--brand-blue); color:#fff; }
    .lang-btn:hover:not(.active) { color:var(--gold); }

    /* HERO */
    .hero {
      min-height:100vh;
      min-height:-webkit-fill-available;
      background: linear-gradient(135deg, #060e1a 0%, #0d1f3c 50%, #0a1628 100%);
      display:grid; grid-template-columns:1fr 1fr;
      align-items:center; padding:7rem 5vw 4rem; gap:2rem;
      position:relative; overflow:hidden;
    }
    .hero::before {
      content:'';
      position:absolute; inset:0;
      background: radial-gradient(ellipse at 70% 50%, rgba(26,159,212,0.08) 0%, transparent 60%),
                  radial-gradient(ellipse at 20% 80%, rgba(232,160,32,0.06) 0%, transparent 50%);
      pointer-events:none;
    }
    .hero-text { z-index:1; }
    .hero-eyebrow {
      display:inline-flex; align-items:center; gap:0.6rem;
      background:rgba(192,57,43,0.2); border:1px solid rgba(192,57,43,0.5);
      border-radius:40px; padding:0.35rem 1rem;
      font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase;
      color:#ff6b5b; font-weight:700; margin-bottom:1.5rem;
      animation:fadeUp 0.6s ease both;
    }
    .hero-eyebrow::before { content:''; width:7px; height:7px; background:#ff6b5b; border-radius:50%; animation:pulse 1.6s ease infinite; flex-shrink:0; }
    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(1.5)} }
    h1 { font-family:'Playfair Display',serif; font-size:clamp(2.4rem,4.5vw,4.2rem); line-height:1.08; color:#fff; margin-bottom:1.2rem; animation:fadeUp 0.7s 0.1s ease both; }
    h1 em { color:var(--gold); font-style:normal; }
    .hero-desc { font-size:1.02rem; line-height:1.75; color:rgba(255,255,255,0.6); max-width:480px; margin-bottom:2.2rem; animation:fadeUp 0.7s 0.2s ease both; }
    .hero-btns { display:flex; gap:1rem; flex-wrap:wrap; animation:fadeUp 0.7s 0.3s ease both; }
    .btn-primary { display:inline-flex; align-items:center; gap:0.5rem; background:linear-gradient(135deg,var(--brand-blue),#0d6fa3); color:#fff; padding:0.85rem 1.8rem; border-radius:50px; font-weight:700; font-size:0.95rem; text-decoration:none; transition:all 0.25s; box-shadow:0 4px 20px rgba(26,159,212,0.4); }
    .btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(26,159,212,0.5); }
    .btn-gold { display:inline-flex; align-items:center; gap:0.5rem; background:linear-gradient(135deg,var(--gold),#c07010); color:#fff; padding:0.85rem 1.8rem; border-radius:50px; font-weight:700; font-size:0.95rem; text-decoration:none; transition:all 0.25s; box-shadow:0 4px 20px rgba(232,160,32,0.4); }
    .btn-gold:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(232,160,32,0.5); }
    .btn-secondary { display:inline-flex; align-items:center; gap:0.5rem; border:2px solid rgba(26,159,212,0.4); color:var(--light-blue); padding:0.85rem 1.8rem; border-radius:50px; font-weight:700; font-size:0.95rem; text-decoration:none; transition:all 0.25s; background:transparent; }
    .btn-secondary:hover { border-color:var(--gold); color:var(--gold); transform:translateY(-2px); }
    .hero-social { display:flex; gap:1rem; margin-top:2.5rem; flex-wrap:wrap; animation:fadeUp 0.7s 0.4s ease both; }
    .social-pill { display:flex; align-items:center; gap:0.5rem; background:rgba(255,255,255,0.06); border:1px solid rgba(26,159,212,0.25); border-radius:40px; padding:0.4rem 1rem; font-size:0.8rem; color:rgba(255,255,255,0.55); text-decoration:none; transition:all 0.2s; font-weight:600; }
    .social-pill:hover { border-color:var(--gold); color:var(--gold); }

    /* Hero promo image */
    .hero-visual { position:relative; z-index:1; animation:fadeIn 0.9s 0.2s ease both; display:flex; align-items:center; justify-content:center; }
    .promo-frame {
      position:relative; border-radius:20px; overflow:hidden;
      box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(26,159,212,0.2);
      max-width:420px; width:100%;
    }
    .promo-frame img { width:100%; height:auto; display:block; }
    .promo-glow {
      position:absolute; inset:0; border-radius:20px;
      background: linear-gradient(180deg, transparent 60%, rgba(6,14,26,0.4) 100%);
      pointer-events:none;
    }

    /* SECTIONS */
    .section { padding:6rem 5vw; }
    .section-header { text-align:center; margin-bottom:3.5rem; }
    .section-eyebrow { display:inline-block; font-size:0.78rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--brand-blue); font-weight:700; margin-bottom:0.8rem; }
    h2 { font-family:'Playfair Display',serif; font-size:clamp(1.8rem,3.5vw,2.8rem); color:var(--text); line-height:1.2; }
    h2 span { color:var(--brand-blue); }
    .section-sub { font-size:1rem; color:var(--muted); max-width:560px; margin:0.8rem auto 0; line-height:1.7; }

    /* ABOUT */
    .about-section { background:#fff; }
    .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
    .about-img { border-radius:20px; overflow:hidden; box-shadow:0 16px 50px rgba(10,22,40,0.15); }
    .about-img img { width:100%; height:auto; display:block; }
    .about-text p { font-size:1rem; line-height:1.85; color:var(--muted); margin-bottom:1.2rem; }
    .about-text p strong { color:var(--text); }
    .about-features { display:flex; flex-direction:column; gap:1rem; margin-top:1.5rem; }
    .feature-item { display:flex; gap:1rem; align-items:flex-start; background:var(--card-bg); border:1px solid var(--border); border-radius:14px; padding:1.1rem 1.4rem; transition:all 0.25s; }
    .feature-item:hover { border-color:var(--brand-blue); box-shadow:0 4px 20px rgba(26,159,212,0.1); transform:translateX(4px); }
    .feature-icon { font-size:1.4rem; flex-shrink:0; width:42px; height:42px; background:rgba(26,159,212,0.1); border-radius:10px; display:flex; align-items:center; justify-content:center; }
    .feature-label { font-weight:700; color:var(--text); font-size:0.93rem; margin-bottom:0.2rem; }
    .feature-desc { font-size:0.83rem; color:var(--muted); line-height:1.5; }

    /* WATCH */
    .watch-section { background:var(--navy); }
    .watch-section .section-eyebrow { color:var(--gold); }
    .watch-section h2 { color:#fff; }
    .watch-section h2 span { color:var(--gold); }
    .watch-section .section-sub { color:rgba(255,255,255,0.5); }
    .platforms-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:1.5rem; }
    .live-player { display:flex; justify-content:center; margin-bottom:2.5rem; }
    .live-player-frame { position:relative; display:inline-block; max-width:100%; }
    .live-player iframe { max-width:100%; border-radius:14px; box-shadow:0 12px 40px rgba(10,22,40,0.18); background:var(--deep-navy); display:block; }
    .live-badge { position:absolute; top:12px; right:12px; background:var(--red); color:#fff; padding:0.45rem 0.9rem; border-radius:999px; font-size:0.78rem; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; display:none; align-items:center; gap:0.5rem; z-index:2; box-shadow:0 6px 18px rgba(192,57,43,0.45); pointer-events:none; }
    .live-player.is-live .live-badge { display:inline-flex; animation:live-glow 2s ease-in-out infinite; }
    .live-dot { width:8px; height:8px; border-radius:50%; background:#fff; animation:ep-pulse 1.4s infinite; }
    @keyframes live-glow { 0%,100% { box-shadow:0 6px 18px rgba(192,57,43,0.45); } 50% { box-shadow:0 6px 28px rgba(192,57,43,0.85); } }
    .platform-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.09); border-radius:18px; padding:2rem 1.5rem; text-align:center; transition:all 0.3s; text-decoration:none; display:block; position:relative; overflow:hidden; }
    .platform-card::before { content:''; position:absolute; inset:0; opacity:0; transition:opacity 0.3s; background:radial-gradient(circle at 50% 50%,rgba(232,160,32,0.12),transparent 70%); }
    .platform-card:hover { border-color:var(--gold); transform:translateY(-4px); }
    .platform-card:hover::before { opacity:1; }
    .platform-icon { font-size:2.8rem; margin-bottom:1rem; }
    .platform-name { font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:700; color:#fff; margin-bottom:0.4rem; }
    .platform-desc { font-size:0.82rem; color:rgba(255,255,255,0.4); line-height:1.5; }
    .platform-link { display:inline-flex; align-items:center; gap:0.3rem; margin-top:1.2rem; font-size:0.82rem; color:var(--gold); font-weight:700; }

    /* EPISODES */
    .episodes-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; }
    .episode-card { background:var(--card-bg); border:1px solid var(--border); border-radius:18px; padding:0; transition:all 0.25s; position:relative; overflow:hidden; display:flex; flex-direction:column; }
    .episode-card:hover { border-color:var(--brand-blue); box-shadow:0 8px 32px rgba(26,159,212,0.12); transform:translateY(-3px); }
    .ep-thumb { position:relative; aspect-ratio:16/9; background:var(--deep-navy); overflow:hidden; }
    .ep-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.4s; }
    .episode-card:hover .ep-thumb img { transform:scale(1.04); }
    .ep-body { padding:1.8rem; display:flex; flex-direction:column; flex:1; position:relative; }
    .ep-num { font-size:0.75rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--brand-blue); font-weight:700; margin-bottom:0.7rem; }
    .ep-title { font-family:'Playfair Display',serif; font-size:1.1rem; color:var(--text); margin-bottom:0.6rem; line-height:1.35; }
    .ep-desc { font-size:0.85rem; color:var(--muted); line-height:1.6; margin-bottom:1.2rem; }
    .ep-meta { display:flex; gap:1rem; font-size:0.78rem; color:var(--muted); margin-top:auto; }
    .play-btn { position:absolute; top:1.5rem; right:1.5rem; width:40px; height:40px; background:var(--brand-blue); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:0.8rem; text-decoration:none; transition:all 0.2s; z-index:2; }
    .play-btn:hover { background:var(--gold); transform:scale(1.1); }
    .ep-thumb .play-btn { top:50%; left:50%; right:auto; transform:translate(-50%,-50%); width:60px; height:60px; font-size:1.2rem; background:rgba(10,22,40,0.8); border:2px solid rgba(255,255,255,0.9); }
    .episode-card:hover .ep-thumb .play-btn { transform:translate(-50%,-50%) scale(1.08); background:var(--brand-blue); }
    .ep-duration { position:absolute; bottom:10px; right:10px; background:rgba(0,0,0,0.85); color:#fff; padding:0.22rem 0.55rem; border-radius:4px; font-size:0.75rem; font-weight:700; letter-spacing:0.02em; }
    .ep-live-badge { position:absolute; top:10px; left:10px; background:var(--red); color:#fff; padding:0.28rem 0.6rem; border-radius:4px; font-size:0.7rem; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; display:inline-flex; align-items:center; gap:0.3rem; }
    .ep-live-badge::before { content:""; width:6px; height:6px; border-radius:50%; background:#fff; animation:ep-pulse 1.4s infinite; }
    @keyframes ep-pulse { 0%,100% { opacity:1; } 50% { opacity:0.3; } }
    .ep-upcoming-badge { position:absolute; top:10px; left:10px; background:var(--gold); color:var(--navy); padding:0.28rem 0.6rem; border-radius:4px; font-size:0.7rem; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; }

    /* NEWSLETTER */
    .newsletter-section { background:linear-gradient(135deg,#0d1f3c 0%,#060e1a 100%); position:relative; overflow:hidden; }
    .newsletter-section::before { content:''; position:absolute; top:-100px; right:-100px; width:500px; height:500px; background:radial-gradient(circle,rgba(232,160,32,0.12),transparent 70%); border-radius:50%; pointer-events:none; }
    .newsletter-section::after { content:''; position:absolute; bottom:-100px; left:-100px; width:400px; height:400px; background:radial-gradient(circle,rgba(26,159,212,0.1),transparent 70%); border-radius:50%; pointer-events:none; }
    .newsletter-inner { max-width:600px; margin:0 auto; text-align:center; position:relative; z-index:1; }
    .newsletter-section h2 { color:#fff; }
    .newsletter-section .section-sub { color:rgba(255,255,255,0.55); }
    .newsletter-form { display:flex; gap:0.8rem; margin-top:2rem; background:rgba(255,255,255,0.07); border:1px solid rgba(26,159,212,0.2); border-radius:50px; padding:0.5rem 0.5rem 0.5rem 1.5rem; }
    .newsletter-form input { flex:1; background:transparent; border:none; outline:none; color:#fff; font-size:1rem; font-family:'Lato',sans-serif; min-width:0; }
    .newsletter-form input::placeholder { color:rgba(255,255,255,0.35); }
    .newsletter-form button { background:linear-gradient(135deg,var(--gold),#c07010); color:#fff; border:none; border-radius:40px; padding:0.8rem 1.6rem; font-weight:700; font-family:'Lato',sans-serif; font-size:0.88rem; cursor:pointer; transition:all 0.2s; white-space:nowrap; flex-shrink:0; }
    .newsletter-form button:hover { opacity:0.9; transform:scale(1.02); }

    /* CONTACT */
    .contact-section { background:#fff; }
    .contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:4rem; align-items:start; }
    .contact-info h3 { font-family:'Playfair Display',serif; font-size:1.5rem; color:var(--text); margin-bottom:1rem; }
    .contact-info p { color:var(--muted); line-height:1.7; margin-bottom:1.5rem; }
    .contact-links { display:flex; flex-direction:column; gap:0.8rem; }
    .contact-link { display:flex; align-items:center; gap:0.8rem; color:var(--muted); text-decoration:none; font-size:0.9rem; transition:color 0.2s; }
    .contact-link:hover { color:var(--brand-blue); }
    .contact-link-icon { width:36px; height:36px; background:rgba(26,159,212,0.1); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }
    .contact-form { display:flex; flex-direction:column; gap:1rem; }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
    .form-group { display:flex; flex-direction:column; gap:0.4rem; }
    .form-group label { font-size:0.82rem; font-weight:700; color:var(--text); }
    .form-group input, .form-group textarea { background:var(--card-bg); border:1px solid var(--border); border-radius:10px; padding:0.8rem 1rem; font-family:'Lato',sans-serif; font-size:1rem; color:var(--text); outline:none; transition:border-color 0.2s; }
    .form-group input:focus, .form-group textarea:focus { border-color:var(--brand-blue); box-shadow:0 0 0 3px rgba(26,159,212,0.1); }
    .form-group textarea { resize:vertical; min-height:120px; }
    .form-submit { background:linear-gradient(135deg,var(--brand-blue),#0d6fa3); color:#fff; border:none; border-radius:40px; padding:1rem 2rem; font-weight:700; font-family:'Lato',sans-serif; font-size:0.95rem; cursor:pointer; transition:all 0.25s; align-self:flex-start; }
    .form-submit:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(26,159,212,0.35); }

    /* FOOTER */
    footer { background:var(--deep-navy); padding:3rem 5vw 2rem; border-top:1px solid rgba(26,159,212,0.1); }
    .footer-inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1.5rem; margin-bottom:2rem; }
    .footer-logo img { height:52px; width:auto; }
    .footer-links { display:flex; gap:1.5rem; flex-wrap:wrap; }
    .footer-links a { color:rgba(255,255,255,0.35); text-decoration:none; font-size:0.83rem; transition:color 0.2s; text-transform:uppercase; letter-spacing:0.05em; }
    .footer-links a:hover { color:var(--gold); }
    .footer-social { display:flex; gap:0.8rem; }
    .fsoc { width:38px; height:38px; background:rgba(255,255,255,0.05); border:1px solid rgba(26,159,212,0.15); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1rem; transition:all 0.2s; text-decoration:none; }
    .fsoc:hover { background:var(--brand-blue); border-color:var(--brand-blue); transform:scale(1.1); }
    .footer-bottom { border-top:1px solid rgba(255,255,255,0.06); padding-top:1.5rem; text-align:center; color:rgba(255,255,255,0.2); font-size:0.8rem; }

    @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
    @keyframes fadeIn { from{opacity:0} to{opacity:1} }


    /* ── HAMBURGER MENU ── */
    .hamburger {
      display:none; flex-direction:column; gap:5px;
      background:none; border:none; cursor:pointer; padding:6px;
      z-index:200;
    }
    .hamburger span {
      display:block; width:24px; height:2px;
      background:#fff; border-radius:2px;
      transition:all 0.3s ease;
    }
    .hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    .hamburger.open span:nth-child(2) { opacity:0; }
    .hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

    .mobile-menu {
      display:none; position:fixed; top:0; left:0; right:0; bottom:0;
      background:rgba(6,14,26,0.98); z-index:150;
      flex-direction:column; align-items:center; justify-content:center;
      gap:2rem; padding:2rem;
    }
    .mobile-menu.open { display:flex; }
    .mobile-menu a {
      text-decoration:none; color:#fff; font-size:1.5rem;
      font-family:'Playfair Display',serif; font-weight:700;
      transition:color 0.2s; text-align:center;
    }
    .mobile-menu a:hover { color:var(--gold); }
    .mobile-menu .mobile-cta {
      background:linear-gradient(135deg,var(--brand-blue),var(--gold));
      padding:0.8rem 2.5rem; border-radius:50px; font-size:1.1rem;
    }
    .mobile-lang {
      display:flex; gap:0.5rem; margin-top:1rem;
    }
    .mobile-lang button {
      background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2);
      color:#fff; border-radius:30px; padding:0.5rem 1.2rem;
      font-family:'Lato',sans-serif; font-weight:700; font-size:0.9rem;
      cursor:pointer; transition:all 0.2s;
    }
    .mobile-lang button.active { background:var(--brand-blue); border-color:var(--brand-blue); }

    /* ── TABLET (max 900px) ── */
    @media (max-width:900px) {
      nav ul { display:none; }
      .hamburger { display:flex; }
      .nav-brand-name { font-size:0.9rem; }
      .nav-brand-sub { font-size:0.58rem; }
      .nav-logo img { height:40px; }
      .lang-switcher { display:none; }

      .hero { grid-template-columns:1fr; padding-top:5rem; padding-bottom:3rem; gap:1.5rem; }
      .hero-visual { order:-1; }
      .promo-frame { max-width:340px; margin:0 auto; }
      h1 { font-size:clamp(2rem,7vw,3rem); }
      .hero-desc { font-size:0.95rem; max-width:100%; }
      .hero-btns { justify-content:center; }
      .hero-social { justify-content:center; }

      .about-grid { grid-template-columns:1fr; gap:2rem; }
      .about-img { max-width:380px; margin:0 auto; }

      .contact-grid { grid-template-columns:1fr; gap:2rem; }
      .form-row { grid-template-columns:1fr; }

      .newsletter-form { flex-direction:column; border-radius:16px; padding:1rem; }
      .newsletter-form button { border-radius:10px; width:100%; }

      .platforms-grid { grid-template-columns:1fr 1fr; }
      .episodes-grid { grid-template-columns:1fr; }

      .footer-inner { flex-direction:column; align-items:center; text-align:center; }
      .footer-links { justify-content:center; }
    }

    /* ── MOBILE (max 480px) ── */
    @media (max-width:480px) {
      nav { padding:0.7rem 1.2rem; }
      .nav-logo img { height:36px; }
      .nav-brand-name { font-size:0.82rem; }
      .nav-brand-sub { font-size:0.54rem; letter-spacing:0.08em; }

      .hero { padding:4.5rem 1.2rem 2.5rem; }
      h1 { font-size:clamp(1.8rem,8vw,2.5rem); }
      .hero-desc { font-size:0.9rem; }
      .btn-primary, .btn-gold, .btn-secondary { padding:0.75rem 1.3rem; font-size:0.88rem; }
      .hero-btns { flex-direction:column; align-items:stretch; }
      .hero-btns a { text-align:center; justify-content:center; }
      .hero-social { gap:0.5rem; }
      .social-pill { font-size:0.72rem; padding:0.35rem 0.75rem; }

      .section { padding:3.5rem 1.2rem; }
      h2 { font-size:clamp(1.5rem,6vw,2rem); }
      .section-sub { font-size:0.92rem; }

      .platforms-grid { grid-template-columns:1fr; }
      .platform-card { padding:1.5rem 1.2rem; }

      .host-card { padding:1.8rem 1.2rem; }
      .host-stats { gap:0.6rem; }
      .stat { padding:0.5rem 0.7rem; }
      .stat-num { font-size:1.1rem; }

      .feature-item { padding:1rem 1.1rem; }

      .newsletter-form input { font-size:1rem; }

      .contact-form { gap:0.8rem; }
      .form-group input, .form-group textarea { font-size:1rem; padding:0.7rem 0.9rem; }

      .footer-links { gap:1rem; }
      .footer-links a { font-size:0.75rem; }

      .ep-meta { flex-wrap:wrap; gap:0.5rem; }
    }

/* === Enhancements === */
.skip-link {
  position:absolute; left:-9999px; top:0; z-index:9999;
  background:var(--gold); color:var(--navy); padding:0.8rem 1.2rem;
  font-weight:700; text-decoration:none; border-radius:0 0 8px 0;
}
.skip-link:focus { left:0; outline:3px solid var(--brand-blue); }

.hp-field { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.visually-hidden {
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* Anchor cards (converted from <div> to <a>) need to inherit color + drop underline */
.episode-card, .platform-card { color:inherit; text-decoration:none; }
.episode-card:hover .play-btn { background:var(--gold); transform:scale(1.1); }

.soon { opacity:0.7; position:relative; }
.soon::after {
  content:"Soon"; position:absolute; top:6px; right:8px;
  background:var(--gold); color:var(--navy);
  font-size:0.6rem; font-weight:800; letter-spacing:0.08em;
  padding:0.15rem 0.5rem; border-radius:40px; text-transform:uppercase;
}
.social-pill.soon::after, .contact-link.soon::after { top:50%; right:10px; transform:translateY(-50%); }
.social-pill.soon { padding-right:3.6rem; }
.contact-link.soon { padding-right:3.6rem; }
.platform-card.soon::after { top:10px; right:10px; }

.form-status { min-height:1.3rem; margin-top:0.8rem; font-size:0.9rem; font-weight:600; }
.form-status[data-tone="ok"] { color:#2aa66a; }
.form-status[data-tone="err"] { color:var(--red); }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline:3px solid var(--gold); outline-offset:2px;
}