body { font-family: Arial, sans-serif; margin: 0; padding: 0; color: #333; }
header.hero { text-align: center; padding: 20px; background: #f5f5f5; }
header.hero img { width: 100%; max-height: 400px; object-fit: cover; }
.grid { display: flex; flex-wrap: wrap; gap: 1em; justify-content: center; }
.grid div { flex: 1 1 300px; text-align: center; }
.grid img { width: 100%; height: auto; }
section { padding: 40px 20px; }
h1, h2 { margin: 10px 0; }
.btn { display: inline-block; background: orange; padding: 10px 20px; color: #fff; text-decoration: none; margin-top: 15px; border-radius: 5px; }
footer { background: #222; color: #fff; text-align: center; padding: 20px; }