/* Shared mobile hero alignment; desktop typography stays unchanged. */
@media (max-width:720px){
  .hero,.page-hero{padding-top:24px;text-align:center}
  .hero.method2-hero{padding-top:24px!important}
  .hero h1,.page-hero h1,.hero>p,.page-hero>p{text-align:center;margin-left:auto;margin-right:auto}
  .hero .hero-buttons{justify-content:center;flex-wrap:nowrap;gap:10px}
  .hero .hero-buttons>.btn{min-width:0;min-height:44px;padding:11px 14px;font-size:13px;line-height:1.4;white-space:nowrap;gap:8px}
}
@media (max-width:800px){
  .trial-layout{margin-top:20px}
  .trial-card h1,.trial-intro{text-align:center}
}

@media(max-width:480px){.hero h1:has([data-hero-typewriter]){font-size:clamp(30px,9vw,44px);letter-spacing:-1.5px}}

/* Compact title-to-subtitle spacing on mobile. */
@media(max-width:720px){.hero h1,.page-hero h1{margin-bottom:12px}}
@media(max-width:800px){.trial-card h1{margin-bottom:10px}}