/* =========================================================
   SDX STREAMING V3.0 — HOMEPAGE CLEANUP
   Preview-only visual redesign layer.
   ========================================================= */

:root{
  --v3-max:1160px;
  --v3-gap:clamp(18px,2.2vw,28px);
  --v3-radius:22px;
  --v3-soft:rgba(255,255,255,.028);
  --v3-line:rgba(118,157,255,.14);
}

/* Less visual noise */
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(40,120,255,.10),transparent 32rem),
    radial-gradient(circle at 88% 16%,rgba(165,76,255,.075),transparent 34rem),
    #050816 !important;
}
body:before{opacity:.38}
.wrap,.header,.footer{width:min(var(--v3-max),calc(100% - 34px))}

/* HEADER — fewer visible destinations */
.header{
  height:66px;
  border-radius:18px;
  background:rgba(5,8,22,.91);
  border-color:rgba(118,157,255,.13);
  box-shadow:0 14px 42px rgba(0,0,0,.20);
}
.header .nav{gap:20px}
.header .nav a{
  font-size:.84rem;
  color:#aeb9d6;
}
.header .nav a:hover{color:#fff}

/* HERO — one job: identity + CTA */
.hero.hero-clean{
  min-height:535px!important;
  margin-top:28px;
  grid-template-columns:minmax(0,1fr) 220px!important;
  border-radius:26px!important;
}
.hero-clean-copy{
  padding:60px 0 46px 48px!important;
  max-width:590px!important;
}
.hero-clean h1{
  font-size:clamp(3rem,5.9vw,5.4rem)!important;
  margin:18px 0 16px!important;
}
.hero-clean .lead{
  max-width:560px;
  font-size:1rem;
  line-height:1.68;
}
.hero-clean-badges,
.hero-meta-clean{
  display:none!important;
}
.hero-brand-lockup{
  opacity:.85;
  transform:scale(.86);
}
.hero-clean .actions{margin-top:28px}

/* SECTION RHYTHM */
.section{
  padding:68px 0!important;
}
.heading{
  margin-bottom:22px!important;
}
.heading h2,
.about-v2-intro h2,
.cta h2{
  font-size:clamp(2rem,3.5vw,3.25rem)!important;
  letter-spacing:-.04em!important;
}
.kicker{
  letter-spacing:.11em!important;
}
.panel{
  border-radius:var(--v3-radius)!important;
  border-color:var(--v3-line)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.17)!important;
  backdrop-filter:blur(10px)!important;
}

/* LIVE — compact */
#live{padding-top:58px!important}
#live .heading h2{font-size:clamp(1.9rem,3vw,2.7rem)!important}
.livebox{
  grid-template-columns:minmax(0,1.06fr) minmax(310px,.74fr)!important;
}
.livebox .preview{
  min-height:300px!important;
}
.livebox .details{
  padding:30px!important;
}
.livebox .details h3{
  font-size:1.55rem!important;
}
.livebox .details p{
  font-size:.91rem;
  line-height:1.58!important;
}
.datagrid{margin:20px 0!important}

/* CONTENT — remove duplicate platform promo cards */
#content .platforms{
  display:none!important;
}
#content .latest{
  grid-template-columns:1.35fr .85fr!important;
  gap:var(--v3-gap)!important;
  margin-top:0!important;
}
#content .latest > .card{
  min-height:330px;
}
#content .latest > .card:nth-child(3){
  display:none!important;
}
#content .content-card-featured{
  grid-column:auto!important;
  grid-template-columns:1fr!important;
}
#content .content-card-featured .ph{
  min-height:205px!important;
}
#content .content-card-featured>div:last-child{
  padding:22px!important;
}
#content .latest .ph{
  height:205px!important;
}
.content-library{
  margin-top:32px!important;
}
.content-library-head{
  margin-top:22px!important;
}
.archive-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
/* Homepage only shows the first three recent items */
.archive-grid > *:nth-child(n+4){
  display:none!important;
}

/* STREAMPLAN — next stream first, week secondary */
.schedule-v2-section{
  padding-top:70px!important;
}
.next-stream-v2{
  min-height:0!important;
  padding:30px!important;
}
.countdown-grid strong{
  font-size:clamp(1.5rem,3vw,2.3rem)!important;
}
.schedule-v2-grid{
  margin-top:18px!important;
  gap:10px!important;
}
.schedule-info-row{
  display:none!important;
}

/* GAMES — visual, clean cards */
.games-v2-grid{
  gap:14px!important;
}
.games-note{
  opacity:.7;
  font-size:.68rem!important;
}

/* Remove duplicate/deep homepage areas for V3 */
.brand-strip,
#gear,
#news,
#milestones,
#faq{
  display:none!important;
}

/* CLIPS — featured + 3, not a wall */
#clips .clips-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
#clips .clips-grid > *:nth-child(n+4){
  display:none!important;
}
.clips-featured{
  min-height:300px!important;
}

/* COMMUNITY — one strong CTA, social cards are redundant */
#community .social-grid,
#community .community-note{
  display:none!important;
}
.community-hero{
  min-height:360px!important;
  padding:38px!important;
}
.community-radar{
  transform:scale(.86);
}

/* ABOUT — one creator story instead of 3 nested subsections */
.about-v2{
  gap:22px!important;
}
.about-v2-intro{
  max-width:760px;
}
.about-v2-story{
  grid-template-columns:160px 1fr!important;
  padding:28px!important;
  gap:28px!important;
}
.about-avatar-wrap img{
  width:145px!important;
  height:145px!important;
}
.creator-values,
.creator-expect{
  display:none!important;
}

/* CTA — smaller, cleaner, no giant empty slab */
.cta{
  margin:24px auto 76px!important;
  padding:30px 34px!important;
  min-height:0!important;
  border-radius:22px!important;
}
.cta h2{
  margin-top:6px!important;
  font-size:clamp(1.8rem,3.2vw,2.8rem)!important;
}
.cta p{
  margin-bottom:0;
  max-width:620px;
}

/* Footer — simpler and denser */
.footer-v2{
  grid-template-columns:1.2fr .8fr .8fr!important;
  gap:34px!important;
  padding-top:36px!important;
}
.footer-v2 .footer-column[data-v3-hidden="1"]{
  display:none!important;
}
.footer-bottom{
  grid-column:1/-1;
  margin-top:10px!important;
  padding-top:18px!important;
}

/* Smaller floating status */
.now-widget{
  width:min(320px,calc(100% - 28px))!important;
  padding:13px!important;
}
.now-widget-body{padding-top:10px!important}

/* V3 small helper strip, injected by JS */
.v3-more-strip{
  width:min(var(--v3-max),calc(100% - 34px));
  margin:0 auto 68px;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid var(--v3-line);
  border-radius:18px;
  background:rgba(10,15,37,.62);
}
.v3-more-strip strong{
  display:block;
  font-size:.92rem;
}
.v3-more-strip span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:.76rem;
}
.v3-more-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.v3-more-links button{
  min-height:36px;
  padding:0 12px;
  border:1px solid var(--v3-line);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:#c4cee8;
  font:inherit;
  font-size:.76rem;
  font-weight:800;
  cursor:pointer;
}
.v3-more-links button:hover{
  color:#fff;
  border-color:rgba(71,231,255,.25);
}

/* Hidden extras can be opened intentionally */
.v3-extra-open{
  display:block!important;
}
.v3-extra-open.section{
  padding-top:34px!important;
}

/* Desktop hierarchy */
@media(min-width:1021px){
  #content,#schedule,#games,#clips,#community,#about{
    scroll-margin-top:110px;
  }
}

/* Tablet */
@media(max-width:1020px){
  .hero.hero-clean{
    grid-template-columns:1fr!important;
    min-height:500px!important;
  }
  .hero-brand-lockup{display:none!important}
  #content .latest{
    grid-template-columns:1fr 1fr!important;
  }
  .archive-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #clips .clips-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #clips .clips-grid > *:nth-child(3){
    display:none!important;
  }
}

/* Mobile */
@media(max-width:720px){
  .wrap,.header,.footer{
    width:min(100% - 22px,var(--v3-max))!important;
  }
  .header{margin-top:10px}
  .hero.hero-clean{
    min-height:480px!important;
    margin-top:16px;
    border-radius:22px!important;
    background-position:62% center!important;
  }
  .hero-clean-copy{
    padding:48px 22px 38px!important;
  }
  .hero-clean h1{
    font-size:clamp(2.65rem,15vw,4rem)!important;
  }
  .hero-clean .lead{
    font-size:.94rem;
    max-width:92%;
  }
  .hero-clean .actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .hero-clean .btn{width:100%}

  .section{
    padding:50px 0!important;
  }
  .heading{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  .livebox{
    grid-template-columns:1fr!important;
  }
  .livebox .preview{
    min-height:220px!important;
  }
  .livebox .details{
    padding:24px!important;
  }

  #content .latest{
    grid-template-columns:1fr!important;
  }
  #content .latest > .card{
    min-height:0!important;
  }
  .archive-grid{
    grid-template-columns:1fr!important;
  }
  .archive-grid > *:nth-child(n+3){
    display:none!important;
  }

  .next-stream-v2{
    padding:24px!important;
  }

  #clips .clips-grid{
    grid-template-columns:1fr!important;
  }
  #clips .clips-grid > *:nth-child(n+3){
    display:none!important;
  }

  .community-hero{
    padding:26px!important;
  }
  .community-radar{
    display:none!important;
  }

  .about-v2-story{
    grid-template-columns:1fr!important;
    padding:24px!important;
  }
  .about-avatar-wrap img{
    width:118px!important;
    height:118px!important;
  }

  .cta{
    margin-bottom:42px!important;
    padding:24px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .cta .btn{width:100%}

  .v3-more-strip{
    margin-bottom:52px;
    padding:16px;
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-v2{
    grid-template-columns:1fr 1fr!important;
    gap:24px!important;
  }
  .footer-brand{
    grid-column:1/-1;
  }
}