*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#1b2733;line-height:1.6}
.container{max-width:1100px;margin:auto;padding:25px}
header,footer{background:#071b2d;color:white}
.logo{font-size:28px;font-weight:bold}
nav a{color:white;text-decoration:none;margin-right:20px}
.hero{background:#eef4f8;padding:70px 0}
h1{font-size:44px;line-height:1.15}
.lead{font-size:22px}
.button{display:inline-block;background:#075ea8;color:white;padding:12px 25px;text-decoration:none}
.cards{display:flex;gap:20px;margin-top:30px}
.cards div{flex:1;background:#f1f1f1;padding:20px}
.dark{background:#102a43;color:white}
@media(max-width:700px){h1{font-size:32px}.cards{display:block}.cards div{margin-bottom:15px}nav a{display:block;margin:8px 0}}