*{box-sizing:border-box;font-family:Inter,Arial,sans-serif}
body{margin:0;color:#0b1f3a;background:#fff}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;border-bottom:1px solid #e5e5e5}
header img{height:44px}
nav a{margin-left:20px;text-decoration:none;color:#0b1f3a;font-weight:500}
nav a:hover{color:#0057d9}
.section{max-width:1100px;margin:auto;padding:70px 40px}
.hero h1{font-size:40px;margin-bottom:12px}
.hero p{font-size:18px;max-width:750px}
.button{display:inline-block;margin-top:22px;padding:12px 22px;background:#0057d9;color:#fff;text-decoration:none;border-radius:4px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin-top:40px}
.card{border:1px solid #e5e5e5;padding:26px;border-radius:6px}
footer{background:#0b1f3a;color:#fff;text-align:center;padding:18px 40px;font-size:13px}