.wrap{max-width:70rem;margin:0 auto;padding:0 1.25rem}
.nav{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.7rem 1rem;position:sticky;top:.75rem;z-index:5}
.links{display:flex;gap:1.1rem;align-items:center}.links a:not(.btn){text-decoration:none;color:var(--mute)}.links a:not(.btn):hover{color:#fff}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;padding:4rem 0}
.hero h1{font-size:clamp(2.2rem,5.5vw,4rem)}.lead{font-size:1.15rem;max-width:34rem}
.card{padding:1.4rem}.big{font-size:2.2rem;font-weight:700;margin:.2rem 0 .8rem}
section{padding:2.5rem 0}section>h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1.25rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.grid h3{margin-bottom:.4rem}
.steps{max-width:44rem;padding-left:2.5rem;display:grid;gap:.6rem}.form{max-width:34rem}
footer{padding:2rem 1.25rem}
@media(max-width:48rem){.hero,.grid{grid-template-columns:1fr}.links a:not(.btn){display:none}}