body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111827;line-height:1.6}
.wrap{width:min(100% - 32px,1080px);margin:auto}
.hero{background:#111827;color:#fff;padding:60px 0}
.hero a,.cta a{color:#fff}
h1{font-size:clamp(36px,6vw,64px);line-height:1;text-transform:uppercase}
.section{padding:48px 0}
.soft{background:#f6f7f8}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:22px}
.cta{background:#111827;color:#fff;border-radius:28px;padding:28px;display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}
@media(max-width:900px){.grid,.cta{grid-template-columns:1fr}}