body{margin:0;font-family:Arial,sans-serif;color:#20242b}
.container{max-width:1100px;margin:auto;padding:20px}
.header{display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:900}
.button{background:#075985;color:white;padding:14px 25px;border-radius:12px;text-decoration:none}
.hero{padding:90px 0;background:#f3f6f8}
.badge{font-size:14px;color:#075985;font-weight:bold}
h1{font-size:46px;max-width:800px}
p{font-size:20px;line-height:1.5}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.cards div{background:#eef3f5;padding:30px;border-radius:18px}
.dark{background:#20242b;color:white}
footer{background:#111;color:white}
@media(max-width:600px){h1{font-size:32px}}