/* Keep the original hero design; fit the revised copy on small screens. */
#hero .hero-monthly{margin:10px 0 6px;color:#fff;font-size:18px;line-height:1.7;font-weight:700}
#hero .hero-monthly strong{font-size:1.2em;margin-left:6px}
#hero .hero-monthly span{font-size:14px}
@media(max-width:600px){
  #hero .hero-monthly{font-size:16px}
  #hero .hero-copy h1{font-size:clamp(25px,7.8vw,45px);line-height:1.35;letter-spacing:0}
  #hero .hero-copy h1>span{display:block;white-space:nowrap}
  #hero .hero-price-row{display:flex;align-items:baseline;flex-wrap:nowrap;gap:3px;white-space:nowrap;font-size:clamp(16px,4.6vw,23px)}
  #hero .hero-price-row b{font-size:clamp(60px,20vw,112px);line-height:1.1}
  #hero .hero-price-row small{font-size:clamp(16px,4.6vw,23px)}
}