body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #111;
  color: #eee;
  line-height: 1.6;
}

a { color: #0bf; }

header.hero {
  background: url('https://picsum.photos/seed/permit/1200/300') center/cover;
  text-align: center;
  padding: 80px 20px;
}
header.hero h1 { font-size: 3rem; margin: 0; }
header.hero .tagline { font-size: 1.2rem; margin-top: .5rem; }

section {
  padding: 20px;
  max-width: 900px;
  margin: auto;
}

.products .card {
  background: #222;
  border: 1px solid #333;
  border-radius: 8px;
  padding: 15px;
  margin: 10px 0;
}
.products .price { font-weight: bold; color: #0f0; }

.waitlist form { display: flex; gap: 10px; flex-wrap: wrap; }
.waitlist input { flex: 1; padding: 8px; }
.waitlist button { padding: 8px 16px; background: #0bf; border: none; color: #111; cursor: pointer; }
.waitlist .msg { margin-top: 10px; }

footer { text-align: center; padding: 10px; font-size: .9rem; background: #000; }