:root{font-family:Inter,system-ui,sans-serif;color:#18222d;background:#f3f7fa}body{margin:0}.nav{display:flex;gap:16px;padding:20px 28px;background:#102030}.nav a{color:white;text-decoration:none}.hero{padding:72px 28px;background:#dff0ff}.wrap{max-width:960px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:32px 0}.card{background:white;border:1px solid #dbe4eb;border-radius:8px;padding:18px}footer{padding:24px 28px;color:#667789}@media(max-width:720px){.grid{grid-template-columns:1fr}}