body{font-family:Arial,sans-serif;margin:0}header,footer{background:#222;color:#fff;padding:20px;text-align:center}nav a{color:#fff;margin:0 10px;text-decoration:none}.hero{padding:60px;text-align:center;background:#f4f4f4}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:30px}.card{border:1px solid #ddd;padding:15px;text-align:center}.img{height:140px;background:#ddd}.content{padding:30px;max-width:900px;margin:auto}