/* =========================================================
   V45 · Readability polish
   - removes numbering from the mobile navigation
   - improves mobile menu typography and arrow affordances
   - restores high contrast in the dark pricing section
   - improves the home topbar contrast
   ========================================================= */

/* Home top strip: it uses a dark background, so never inherit the pale-page gray. */
body.cinematic-home .topbar{
  color:#dbe8f0!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}
body.cinematic-home .topbar-inner{
  font-weight:590!important;
  letter-spacing:.005em!important;
}
body.cinematic-home .topbar a{
  color:#e2edf4!important;
  font-weight:620!important;
}
body.cinematic-home .topbar a:hover,
body.cinematic-home .topbar a:focus-visible{
  color:#fff!important;
}

/* Pricing: keep the dark visual treatment but make every word immediately readable. */
body.cinematic-home .cinema-pricing{
  color:#f7fbff!important;
}
body.cinematic-home .cinema-pricing .cinema-eyebrow{
  color:#62b9f2!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  text-shadow:0 1px 18px rgba(72,172,236,.18);
}
body.cinematic-home .cinema-pricing h2{
  color:#fff!important;
  font-weight:590!important;
  text-shadow:0 2px 24px rgba(0,0,0,.16)!important;
}
body.cinematic-home .cinema-pricing .cinema-dark-link{
  color:#f0f7fc!important;
  border-bottom-color:rgba(240,247,252,.52)!important;
  font-weight:760!important;
}
body.cinematic-home .cinema-pricing .cinema-dark-link:hover,
body.cinematic-home .cinema-pricing .cinema-dark-link:focus-visible{
  color:#fff!important;
  border-bottom-color:#fff!important;
}
body.cinematic-home .cinema-price-row p{color:rgba(255,255,255,.78)!important}
body.cinematic-home .cinema-price-row div>span{color:#9ed4f7!important}
body.cinematic-home .cinema-price-row>strong small{color:rgba(255,255,255,.7)!important}

/* The reveal can still fade in, but the pricing title never becomes unreadable before entry. */
html.pp-motion-ready body.paypal-motion-home .cinema-pricing-head .pp-reveal{
  opacity:.48!important;
}
html.pp-motion-ready body.paypal-motion-home .cinema-pricing-head .pp-reveal.pp-in{
  opacity:1!important;
}

@media (max-width:900px){
  /* Remove the 01 / 02 / 03 column entirely. */
  .site-header .nav-links,
  body.cinematic-home .site-header .nav-links,
  body.cinematic-inner .site-header .nav-links{
    counter-reset:none!important;
  }
  .site-header .nav-links > a,
  body.cinematic-home .site-header .nav-links > a,
  body.cinematic-inner .site-header .nav-links > a{
    counter-increment:none!important;
    min-height:54px!important;
    padding:10px 44px 10px 10px!important;
    color:#17384e!important;
    font-weight:620!important;
    letter-spacing:-.02em!important;
  }
  .site-header .nav-links > a::before,
  body.cinematic-home .site-header .nav-links > a::before,
  body.cinematic-inner .site-header .nav-links > a::before{
    content:none!important;
    display:none!important;
  }
  .site-header .nav-links > a:hover,
  .site-header .nav-links > a:focus-visible{
    padding-left:14px!important;
    color:#0e6097!important;
  }
  .site-header .nav-links > a.active{
    color:#0c5e98!important;
    font-weight:760!important;
  }

  /* Replace the tiny bare glyph with a cleaner action chip. */
  .site-header .nav-links > a::after,
  body.cinematic-home .site-header .nav-links > a::after,
  body.cinematic-inner .site-header .nav-links > a::after{
    content:"↗"!important;
    right:5px!important;
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    background:rgba(34,120,181,.08)!important;
    color:#2278b5!important;
    font-size:.78rem!important;
    line-height:1!important;
    opacity:1!important;
  }
  .site-header .nav-links > a:hover::after,
  .site-header .nav-links > a:focus-visible::after,
  .site-header .nav-links > a.active::after{
    background:#2278b5!important;
    color:#fff!important;
  }

  /* Mobile pricing stays light in the existing design; reinforce its text contrast. */
  body.cinematic-home .cinema-pricing .cinema-eyebrow{color:#09619c!important;text-shadow:none!important}
  body.cinematic-home .cinema-pricing h2{color:#102f44!important;text-shadow:none!important;font-weight:620!important}
  body.cinematic-home .cinema-pricing .cinema-dark-link{color:#173f5b!important;border-bottom-color:rgba(23,63,91,.38)!important}
  body.cinematic-home .cinema-price-row p{color:#506f7a!important}
  body.cinematic-home .cinema-price-row div>span{color:#0f649e!important}
  body.cinematic-home .cinema-price-row>strong small{color:#68818a!important}

  html.pp-motion-ready body.paypal-motion-home .cinema-pricing-head .pp-reveal{opacity:.62!important}
  html.pp-motion-ready body.paypal-motion-home .cinema-pricing-head .pp-reveal.pp-in{opacity:1!important}
}