body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f5f7f8;color:#333}
header{background:#0c3b2e;color:#fff;padding:15px 40px;display:flex;align-items:center;justify-content:space-between}
nav a{color:#fff;margin:0 12px;text-decoration:none;font-weight:bold}
.hero{height:420px;background:url('https://images.unsplash.com/photo-1582719478250-c89cae4dc85b') center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:white}
.hero h1{background:rgba(0,0,0,0.55);padding:20px;border-radius:6px}
.container{padding:60px 10%;background:white}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}
.card{background:#fafafa;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);text-align:center}
.card img{width:100%;height:160px;object-fit:cover;border-radius:6px}
footer{background:#0c3b2e;color:white;text-align:center;padding:30px}
h2{text-align:center;margin-bottom:40px}
.contact{line-height:2}