body{font-family:system-ui,sans-serif;background:#f7f7f7;margin:0}
.hero{text-align:center;padding:60px 20px;background:#333;color:#fff}
section{max-width:1200px;margin:auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.card img{width:100%;height:220px;object-fit:cover}
.card p{text-align:center}