/* final-hero: Jared's final hero spec (2026-10-25). <1024: clamp(48px,9vw,112px); >=1024: clamp(64px,7vw,112px) (7:51 PM CT). */
.hero h1{font-size:clamp(48px,9vw,112px)!important}
/* >=1024: two lines "More Profit in Less Time." / "With AI.", full-height hero, content vertically centred.
   H1 box widened to the viewport minus 40px a side (wider than the 900px content column) and centred. */
@media (min-width:1024px){
  .hero h1{font-size:clamp(64px,7vw,112px)!important;display:flex;flex-direction:column;align-items:center;width:calc(100vw - 80px);margin-left:calc(50% - 50vw + 40px)}
}
/* <1024: three forced lines "More Profit in" / "Less Time." / "With AI." (overrides hero-a10's 768 join),
   top-aligned hero, ~40px from the nav to the H1, no full-height centring. */
@media (max-width:1023.98px){
  .hero h1 .h1a{display:inline;white-space:normal}
  .hero h1 .h1a .h1l{display:block;white-space:nowrap}
  .hero{min-height:0!important;justify-content:flex-start!important;padding-top:40px!important}
  .hero h1{margin-top:0!important}
}
/* side padding: 40px tablet (768-1023), 20px mobile (<768) */
@media (min-width:768px) and (max-width:1023.98px){.hero>.wrap{padding-left:40px!important;padding-right:40px!important}}
@media (max-width:767.98px){.hero>.wrap{padding-left:20px!important;padding-right:20px!important}}
