body{font-family:Arial,sans-serif;margin:0;color:#182230;background:#f7f9fc;line-height:1.6}
.wrap{max-width:980px;margin:auto;padding:0 24px}
nav,footer{background:#101828;color:white;padding:18px 0}
nav a,footer a{color:white;margin-right:18px}
.hero{padding:70px 0;background:#eef4ff}
h1{font-size:44px;margin:0 0 18px} h2{margin-top:36px}
.card{background:white;border:1px solid #e4e7ec;border-radius:14px;padding:22px;margin:16px 0}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
main{padding:38px 0}
.small{color:#667085;font-size:14px}
@media(max-width:700px){.grid{grid-template-columns:1fr}h1{font-size:34px}}