/* Mac Smart TV — premium layer (10/09/2026).
   Loaded last on every page. The look follows the logo: chrome silver, electric blue glow, a cool spectrum.
   Dark cinematic hero bands, refined cards, glowing pill buttons, display type. No orange anywhere. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

:root{
  --pm-ink:#060b18; --pm-navy:#0b1730; --pm-navy-2:#101f3f;
  --pm-blue:#1f6fff; --pm-blue-2:#1250d6; --pm-cyan:#2aa8ff; --pm-violet:#6f5bff;
  --pm-silver:#c7d1e3; --pm-mist:#93a3c2; --pm-line:#e3e8f2;
  --pm-display:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pm-shadow:0 1px 2px rgba(8,20,48,.06),0 18px 40px -18px rgba(8,30,80,.28);
  --pm-shadow-hover:0 2px 4px rgba(8,20,48,.08),0 28px 56px -20px rgba(8,30,80,.38);
  --pm-hero-bg:
    radial-gradient(900px 420px at 85% -10%,rgba(42,168,255,.30),transparent 62%),
    radial-gradient(760px 420px at -5% 115%,rgba(111,91,255,.26),transparent 60%),
    linear-gradient(180deg,#070d1d 0%,#0b1730 100%);
}

/* ---------- type ---------- */
.cable-site h1,.cable-site h2,.cable-site .mtv-h2,.cable-site h3{font-family:var(--pm-display);letter-spacing:-.022em}
.cable-site h1{font-weight:800}
.cable-site h2,.cable-site .mtv-h2{font-weight:800}
.cable-site .kicker,.cable-site .eyebrow{letter-spacing:.14em;font-weight:700}

/* ---------- dark cinematic hero bands ---------- */
.cable-site .hero.orange-hero,
.cable-site .mtv-hero,
.cable-site .portal-hero{
  background:var(--pm-hero-bg) !important;color:#fff !important;position:relative;overflow:hidden;
  border-bottom:0 !important;
}
.cable-site .hero.orange-hero::after,
.cable-site .mtv-hero::after,
.cable-site .portal-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,#2aa8ff 20%,#6f5bff 55%,#e03ccf 85%,transparent);opacity:.85
}
.cable-site .hero.orange-hero h1,.cable-site .mtv-hero h1,.cable-site .portal-hero h1{
  color:#fff !important;
  background:linear-gradient(180deg,#ffffff 0%,#dfe7f5 55%,#a9b8d4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.cable-site .hero.orange-hero h1 span,.cable-site .mtv-hero h1 span,.cable-site .portal-hero h1 span{
  background:linear-gradient(90deg,#5cc2ff,#7d8bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.cable-site .hero.orange-hero p,.cable-site .mtv-hero p,.cable-site .portal-hero p,
.cable-site .hero.orange-hero li,.cable-site .mtv-hero li,.cable-site .portal-hero li{color:var(--pm-silver) !important}
.cable-site .hero.orange-hero .eyebrow,.cable-site .mtv-hero .kicker,.cable-site .portal-hero .kicker,
.cable-site .hero.orange-hero .kicker{color:#7cc8ff !important}
.cable-site .hero.orange-hero a:not(.btn):not(.mtv-btn):not(.button),
.cable-site .mtv-hero a:not(.btn):not(.mtv-btn):not(.button),
.cable-site .portal-hero a:not(.btn):not(.mtv-btn):not(.button){color:#9fd6ff !important}
.cable-site .hero.orange-hero svg,.cable-site .mtv-hero .mtv-checks svg{color:#5cc2ff}

/* home hero: image + dark copy panel */
.cable-site .home-feature .feature-layout{border-radius:24px;overflow:hidden;box-shadow:var(--pm-shadow)}
.cable-site .home-feature .feature-copy{background:var(--pm-hero-bg) !important;color:#fff}
.cable-site .home-feature .feature-copy h1{color:#fff;background:linear-gradient(180deg,#fff,#cfd9ec);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cable-site .home-feature .feature-copy h1 span{background:linear-gradient(90deg,#5cc2ff,#7d8bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cable-site .home-feature .feature-copy p,.cable-site .home-feature .offer-terms,.cable-site .home-feature .hero-fineprint{color:var(--pm-silver) !important}
.cable-site .home-feature .hero-kicker,.cable-site .home-feature .offer-name{color:#7cc8ff !important}
.cable-site .home-feature .hero-price{color:#fff !important}
.cable-site .home-feature .hero-offer{border-color:rgba(255,255,255,.14) !important}
.cable-site .home-feature .text-link,.cable-site .home-feature .hero-fineprint a{color:#9fd6ff !important;border-color:#9fd6ff !important}

/* category / learn / device / premium heroes: dark copy side */
.cable-site .category-hero,.cable-site .learn-hero,.cable-site .premium-category-hero,.cable-site .device-hero{
  border-radius:24px;overflow:hidden;box-shadow:var(--pm-shadow);background:var(--pm-hero-bg) !important;color:#fff
}
.cable-site .category-hero h1,.cable-site .learn-hero h1,.cable-site .premium-category-hero h1,.cable-site .device-hero h1{
  color:#fff !important;background:linear-gradient(180deg,#fff,#cfd9ec);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.cable-site .category-hero h1 *,.cable-site .learn-hero h1 *,.cable-site .premium-category-hero h1 *,.cable-site .device-hero h1 *{
  background:linear-gradient(90deg,#5cc2ff,#7d8bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.cable-site .category-hero p,.cable-site .learn-hero p,.cable-site .premium-category-hero p,.cable-site .device-hero p,
.cable-site .category-hero li,.cable-site .premium-category-hero li,.cable-site .device-hero li,
.cable-site .category-hero small,.cable-site .premium-category-hero small,.cable-site .device-hero small{color:var(--pm-silver) !important}
.cable-site .category-hero .kicker,.cable-site .learn-hero .kicker,.cable-site .premium-category-hero .kicker,.cable-site .device-hero .kicker,
.cable-site .category-hero .eyebrow,.cable-site .learn-hero .eyebrow,.cable-site .premium-category-hero .eyebrow,.cable-site .device-hero .eyebrow{color:#7cc8ff !important}
.cable-site .category-hero a:not([class*=btn]):not(.button),.cable-site .learn-hero a:not([class*=btn]):not(.button),
.cable-site .premium-category-hero a:not([class*=btn]):not(.button),.cable-site .device-hero a:not([class*=btn]):not(.button){color:#9fd6ff !important}
.cable-site .premium-category-hero [class*=price],.cable-site .premium-category-hero strong{color:#fff !important}
.cable-site .device-hero .device-hero-art,.cable-site .device-hero figure{background:transparent !important}

/* ---------- buttons ---------- */
.cable-site .mtv-btn.primary,.cable-site .button.primary,.cable-site .btn.dark,.cable-site .btn.primary,
.cable-site a.primary:not(.text-link),.cable-site button.primary{
  background:linear-gradient(135deg,#2a86ff 0%,#1559e6 60%,#1245c4 100%) !important;color:#fff !important;border:0 !important;
  box-shadow:0 10px 26px -10px rgba(31,111,255,.75),inset 0 1px 0 rgba(255,255,255,.22) !important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease
}
.cable-site .mtv-btn.primary:hover,.cable-site .button.primary:hover,.cable-site .btn.dark:hover,.cable-site a.primary:not(.text-link):hover{
  transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 14px 32px -10px rgba(31,111,255,.85),inset 0 1px 0 rgba(255,255,255,.25) !important
}
.cable-site .hero.orange-hero .btn.light,.cable-site .mtv-hero .mtv-btn:not(.primary),.cable-site .portal-hero .mtv-btn:not(.primary){
  background:rgba(255,255,255,.06) !important;color:#fff !important;border:1px solid rgba(255,255,255,.28) !important;backdrop-filter:blur(6px)
}

/* ---------- cards ---------- */
.cable-site .mtv-plan,.cable-site .mtv-pay-card,.cable-site .portal-card,.cable-site .category-card,.cable-site .plan-card,
.cable-site .explore-card,.cable-site .help-card,.cable-site .feature-card,.cable-site .mtv-device,.cable-site .device-card,
.cable-site .quick-link,.cable-site .learn-topic{
  border-radius:18px !important;border:1px solid var(--pm-line) !important;box-shadow:var(--pm-shadow) !important;
  transition:transform .2s ease,box-shadow .2s ease;background:#fff
}
.cable-site .mtv-plan:hover,.cable-site .category-card:hover,.cable-site .explore-card:hover,.cable-site .mtv-device:hover,.cable-site .device-card:hover{
  transform:translateY(-3px);box-shadow:var(--pm-shadow-hover) !important
}
.cable-site .mtv-plan.is-popular{border:1.5px solid transparent !important;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#2aa8ff,#6f5bff,#e03ccf) border-box !important}
.cable-site .mtv-badge{background:linear-gradient(90deg,#1f6fff,#6f5bff) !important;color:#fff !important;letter-spacing:.06em}

/* prices: confident and even */
.cable-site .mtv-price,.cable-site .hero-price,.cable-site .price{font-family:var(--pm-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em}

/* photos: rounded, framed on the subject */
.cable-site main figure img,.cable-site main .plan-lifestyle img{border-radius:inherit}
.cable-site main figure{border-radius:18px;overflow:hidden}

/* section rhythm */
.cable-site .mtv-section,.cable-site .home-section,.cable-site .category-section,.cable-site .section{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px)}

/* dark feature bands get the same cinematic treatment */
.cable-site .dark-section,.cable-site .premium-band,.cable-site .mtv-premium,.cable-site .portal-help,.cable-site .learn-help-band{
  background:var(--pm-hero-bg) !important;color:#fff !important;border-radius:22px
}
.cable-site .dark-section p,.cable-site .premium-band p,.cable-site .mtv-premium p,.cable-site .portal-help p{color:var(--pm-silver) !important}
.cable-site .dark-section h2,.cable-site .premium-band h2,.cable-site .mtv-premium h2,.cable-site .portal-help h2{color:#fff !important}

/* footer polish */
.cable-site footer{background:radial-gradient(800px 300px at 10% 0%,rgba(42,168,255,.12),transparent 60%),#060b18 !important}

@media (max-width:700px){
  .cable-site .home-feature .feature-layout,.cable-site .category-hero,.cable-site .learn-hero,.cable-site .premium-category-hero,.cable-site .device-hero{border-radius:18px}
}

/* fixes after review */
.cable-site .mtv-hero .mtv-hero-points span{color:#e3eaf7 !important}
.cable-site .mtv-hero .mtv-hero-points svg{color:#5cc2ff}
.cable-site .hero.orange-hero .scene-copy p:not(.eyebrow){color:#d5ddec !important;opacity:1 !important}
.cable-site .category-hero-copy,.cable-site .learn-hero-copy,.cable-site .premium-category-copy,.cable-site .device-hero-copy{padding:clamp(28px,4vw,56px) !important}
.cable-site .category-kicker,.cable-site .learn-eyebrow,.cable-site .retail-eyebrow{color:#7cc8ff !important}
.cable-site .category-hero .category-lede,.cable-site .premium-category-hero .category-lede,.cable-site .device-hero .device-hero-description{color:#d5ddec !important}
.cable-site .category-button,.cable-site .learn-button{
  background:linear-gradient(135deg,#2a86ff 0%,#1559e6 60%,#1245c4 100%) !important;color:#fff !important;border:0 !important;border-radius:999px !important;
  box-shadow:0 10px 26px -10px rgba(31,111,255,.75),inset 0 1px 0 rgba(255,255,255,.22) !important
}
.cable-site .category-text-link,.cable-site .learn-secondary{color:#9fd6ff !important;border-color:#9fd6ff !important}
.cable-site .premium-category-price strong,.cable-site .premium-category-price *{color:#fff !important}
/* white cards sitting inside dark heroes keep dark, readable text */
.cable-site .portal-hero .portal-signin p,.cable-site .portal-hero .portal-signin li,.cable-site .portal-hero .portal-signin span:not(.button *){color:#55607a !important}
.cable-site .portal-hero .portal-signin h2,.cable-site .portal-hero .portal-signin h3{color:#0b1730 !important;-webkit-text-fill-color:#0b1730}
.cable-site .portal-hero .portal-signin a:not(.button){color:#1559e6 !important}
.cable-site .mtv-hero .biz-hero-panel p,.cable-site .mtv-hero .biz-hero-panel span,.cable-site .mtv-hero .biz-hero-panel small{color:#55607a !important}
.cable-site .mtv-hero .biz-hero-panel strong{color:#0b1730 !important}
/* pricing intro: breathing room and a cooler light band below */
.cable-site .hero.orange-hero.pricing-intro{padding-top:clamp(40px,5vw,72px) !important;padding-bottom:clamp(40px,5vw,72px) !important}
.cable-site .hero.orange-hero.pricing-intro h1{line-height:1.05}
.cable-site .pricing-intro-aside{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.16) !important;border-radius:16px;color:#fff}
.cable-site .pricing-intro-aside *{color:#d5ddec !important}
.cable-site .section.retail-plans{background:linear-gradient(180deg,#f4f7fc,#fff) !important}
.cable-site .hero.orange-hero.pricing-intro{padding-left:clamp(22px,4vw,56px) !important;padding-right:clamp(22px,4vw,56px) !important;border-radius:22px}
.cable-site .pricing-intro-aside{max-width:340px;padding:18px !important}
.cable-site .pricing-intro-aside .actions,.cable-site .pricing-intro-aside div{flex-wrap:wrap;gap:10px}
/* hero balance: copy vertically centered, photo inset with an even gutter */
.cable-site .category-hero,.cable-site .learn-hero,.cable-site .premium-category-hero{align-items:center !important;padding:clamp(14px,1.6vw,22px) !important;gap:clamp(12px,2vw,28px) !important}
.cable-site .category-hero > figure,.cable-site .learn-hero > figure,.cable-site .premium-category-hero > figure,
.cable-site .category-hero [class*=photo],.cable-site .learn-hero [class*=photo],.cable-site .premium-category-hero [class*=photo]{border-radius:16px !important;overflow:hidden;align-self:stretch}
.cable-site .category-hero-copy,.cable-site .learn-hero-copy,.cable-site .premium-category-copy{align-self:center}
/* streaming devices: cut-out products on a dark glowing stage, no white boxes */
.cable-site .device-hero-stage{background:radial-gradient(420px 260px at 55% 45%,rgba(42,168,255,.28),transparent 70%),linear-gradient(160deg,#101f3f,#070d1d) !important;border:1px solid rgba(255,255,255,.08) !important;box-shadow:none !important}
.cable-site .device-hero-stage .stage-lettering{color:rgba(255,255,255,.05) !important}
.cable-site .device-hero-stage img{filter:drop-shadow(0 24px 40px rgba(0,0,0,.55));background:transparent !important}
.cable-site .device-hero-caption,.cable-site .device-hero-caption *{color:#fff !important;background:transparent !important}
.cable-site .device-hero-caption span{color:#7cc8ff !important}
.cable-site .product-photo,.cable-site .mtv-device > img,.cable-site .mtv-device figure,.cable-site .mtv-device .mtv-device-photo{
  background:radial-gradient(240px 160px at 50% 45%,rgba(42,168,255,.22),transparent 70%),linear-gradient(160deg,#13254a,#0a1430) !important;border-radius:14px}
.cable-site .product-photo img,.cable-site .mtv-device img{background:transparent !important;object-fit:contain !important;padding:14px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}
.cable-site .device-hero-stage img,.cable-site .product-photo img,.cable-site .mtv-device img{mix-blend-mode:normal !important;opacity:1 !important}
.cable-site .product-photo::before,.cable-site .product-photo::after,.cable-site .mtv-device figure::before,.cable-site .mtv-device figure::after,.cable-site .device-hero-stage::after{display:none !important}