body { margin: 0; font-family: Arial, sans-serif; }
header.hero { background: url('images/hero.jpg') center/cover no-repeat; color: #fff; text-align: center; padding: 150px 20px; }
.cta-button { display: inline-block; background: orange; color: #fff; padding: 10px 20px; text-decoration: none; margin-top: 20px; border-radius: 5px; }
section { padding: 60px 20px; text-align: center; }
h2 { margin-bottom: 40px; }
.product-grid { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; }
.product-card { width: 250px; }
.product-card img { width: 100%; border-radius: 8px; }
.features { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.feature-item { width: 200px; }
footer { background: #222; color: #fff; text-align: center; padding: 20px; }