/* Tablet adjustments — applied ≤1040px (linked with media="(max-width:1040px)") */
.wrap{padding:0 28px}
.hero{padding:64px 0 84px}
.hero .wrap{gap:44px}
.hero h1{font-size:48px}
.hero .sub{font-size:18px}
.phone{width:290px}
.phone--mini{width:244px}
.phone--mini .mrow{padding:8px 10px;margin-top:6px}
.phone--mini .budgetbar{margin-top:10px}
.section{padding:88px 0}
.section-head h2{font-size:34px}
.feature{gap:44px;padding:40px 0}
.f-copy h3{font-size:27px}
.steps{gap:18px}
.step{padding:28px 22px}
.cta-night h2{font-size:38px}