body{font-family:Arial,sans-serif;margin:0;color:#123}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:1px solid #ddd}
nav a{margin:0 12px;text-decoration:none;color:#234}
.hero{height:420px;background:#666 url('hero.jpg') center/cover no-repeat;color:#fff;display:flex;align-items:flex-end}
.hero h1{padding:40px;font-size:56px;max-width:600px}
.intro{display:grid;grid-template-columns:1fr 1fr;padding:50px;gap:30px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:40px;background:#eef4f7}
.card{background:#fff;padding:30px;text-align:center;border:1px solid #ddd}
footer{background:#02263d;color:#fff;padding:30px;text-align:center}