:root{font-family:Arial,sans-serif;color:#15223d;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}footer,header{padding:24px;text-align:center;background:white}.hero{text-align:center;padding:100px 20px;background:#142b54;color:white}.hero h1{font-size:clamp(32px,5vw,60px);max-width:800px;margin:20px auto}.hero a{display:inline-block;background:white;color:#142b54;padding:14px 24px;border-radius:8px;text-decoration:none;font-weight:700}section:not(.hero){max-width:1100px;margin:auto;padding:55px 24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.grid article{background:white;border-radius:12px;padding:22px}@media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.grid{grid-template-columns:1fr}}