/* inner-v1.css: the restrained type scale and calm surface for the five inner marketing pages
   (how-it-works, platform, pricing, faq, get). Loaded AFTER /vendor/haul/site-2/site.css (frozen) and chrome-v3.css.
   Same scale as the homepage (home-v3.css): H1 30-44, H2 22-28, card heading 17, body 16, content width 1120.
   !important only where the pages carry inline font-size styles or site.css selectors of higher specificity.
   Immutable (/vendor/site/*): change it as inner-v2.css. */
:root{--maxw:1120px}
.wrap{max-width:1120px}
h1{font-size:clamp(30px,1.2rem + 2vw,44px)!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.12!important}
h2{font-size:clamp(22px,1rem + .9vw,28px)!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.2!important}
.card h2,.step h2,.card h3,.step h3{font-size:17px!important;letter-spacing:0!important;line-height:1.3!important;font-weight:600!important}
.lead{font-size:clamp(16px,.95rem + .3vw,18px)!important;line-height:1.55!important;max-width:64ch}
.grad-text{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:var(--accent-ink,inherit)!important}
.btn{padding:10px 18px;font-size:15px;border-radius:10px}
.btn.primary,.btn.primary:hover{box-shadow:none!important}
.btn:hover{transform:none}
section{padding:clamp(40px,5vw,64px) 0!important}
.hero{min-height:0!important;align-items:flex-start!important;text-align:left!important;padding:clamp(40px,5vw,64px) 0 24px!important}
.section-head{text-align:left!important}
.section-head .lead,.hero .lead{margin-left:0!important;margin-right:0!important;text-align:left!important}
.hero-cta,.cta-row{justify-content:flex-start!important}
.card{padding:20px;box-shadow:none;border-radius:12px}
.card:hover{transform:none;box-shadow:none}
.card p{font-size:14.5px;line-height:1.55}
.eyebrow{margin-bottom:10px}
.btn.primary{background:var(--hq-blue)!important;color:var(--hq-on-blue)!important}
.btn.primary:hover{filter:brightness(1.08)}