/* Hosting copy only. Catalog, prices, billing and cart behavior are unchanged. */
/* The shared .price span rule is for the unit, not the numeric amount. */
body[data-page="hosting"] .plan .price .price-value{
  font-size:inherit;font-weight:inherit;color:inherit;
}
body[data-page="hosting"] .hero .eyebrow{
  width:fit-content;max-width:100%;margin-inline:auto;
  letter-spacing:.12em;line-height:1.6;text-align:center;text-wrap:balance;
}
body[data-page="hosting"] .hero h1{
  max-width:18ch;font-size:clamp(32px,3.2vw,44px);line-height:1.16;
  letter-spacing:-.025em;text-align:center;text-wrap:balance;
}
body[data-page="hosting"] .hero p{
  max-width:56ch;line-height:1.65;text-align:center;text-wrap:pretty;
}
body[data-page="hosting"] .plan-head h3{
  line-height:1.3;word-break:normal;overflow-wrap:normal;text-wrap:balance;
}
body[data-page="hosting"] .plan-head .small{
  max-width:28ch;margin:6px auto 0;line-height:1.55;
  text-align:center;text-wrap:balance;word-break:normal;overflow-wrap:break-word;
}
body[data-page="hosting"] .hosting-state{
  max-width:62ch;margin:14px auto;line-height:1.6;text-wrap:balance;
}
body[data-page="hosting"] .feature-strip .small,
body[data-page="hosting"] .dashboard-grid .small{
  line-height:1.6;text-align:center;text-wrap:pretty;
}
@media(min-width:641px){
  body[data-page="hosting"] .plan-head .small{min-height:3.1em}
}
@media(max-width:767px){
  body[data-page="hosting"] .hero h1{font-size:clamp(28px,7.4vw,38px)}
  body[data-page="hosting"] .hero p{max-width:38ch}
}