/* Overrides on top of rf.css: compact top so the form shows on the first screen, and featured images at the right shape. */
img{height:auto}
.hero{padding:28px 0 0}
.hero .narrow{max-width:960px}
.hero .eyebrow{margin-bottom:10px;font-size:12px}
.hero h1{font-size:clamp(24px,4vw,38px);margin-bottom:8px}
.hero .sub{font-size:16px;margin:0 auto 18px}
.hero .vsl{max-width:460px;margin:0 auto}
.hero .trust{margin-top:14px;gap:10px}
.hero .trust p{font-size:14px}
.avs img{width:32px;height:32px}
.apply{padding:16px 0 72px}
.apply .head{margin-bottom:12px}
.apply h2{font-size:clamp(22px,3vw,28px)}
.apply .lead{font-size:15px;margin-top:4px}
.apply .narrow{max-width:620px}
.results .btn.lg{margin-top:32px}
.feat{max-width:900px;margin:0 auto 16px}
.feat img{width:100%;aspect-ratio:4/5;object-fit:cover}
@media (max-width:640px){
  .hero{padding-top:16px}
  .hero .eyebrow{font-size:11px;margin-bottom:8px}
  .hero .sub{font-size:14px;margin-bottom:14px}
  .apply h2{font-size:20px}
  .hero .vsl{border-radius:12px}
  .hero .trust p{font-size:13px}
  .apply{padding-top:18px}
  .apply .lead{display:none}
  .formbox{padding:18px}
  .ap-top{margin-bottom:14px}
  .ap-q,.ap-f label.ap-q{font-size:19px}
  .ap-o{padding:12px 14px}
}
@media (max-width:640px) and (max-height:700px){.hero .eyebrow,.hero .sub{display:none}}
.formbox{padding-top:20px}