body{font-family:Arial;margin:0;background:#fff;color:#111}
header{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;border-bottom:1px solid #eee}
.logo{height:60px}
nav a{margin-left:20px;text-decoration:none;color:black;font-weight:bold}
.hero{text-align:center;padding:80px 20px}
.content{text-align:center;padding:40px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:1000px;margin:auto}
.box{border:2px dashed #0b4d2b;height:200px;display:flex;align-items:center;justify-content:center;color:#0b4d2b;font-weight:bold}
footer{text-align:center;background:#0b4d2b;color:white;padding:25px;margin-top:40px}