:root {
  --brand:#111;
  --accent:#1db954;
}
body { margin:0; font-family:Arial, sans-serif; background:#fff; color:#111; }
header { display:flex; align-items:center; justify-content:space-between; background:#111; color:#1db954; padding:10px 20px; }
header .logo { height:40px; }
nav a { color:#1db954; margin:0 10px; text-decoration:none; }
.hero { text-align:center; background:#f4f9f4; padding:40px; }
.hero img { max-width:100%; border-radius:12px; }
.products { padding:20px; }
.products .grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:20px; }
.products img { width:100%; border-radius:8px; }
footer { text-align:center; padding:20px; background:#111; color:#fff; }