body {
  font-family: 'Segoe UI', sans-serif;
}

.hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('https://images.unsplash.com/photo-1500382017468-9049fed747ef');
  background-size: cover;
  background-position: center;
  padding: 120px 20px;
}

.hero h1 {
  font-size: 2.5rem;
}

.card img {
  height: 200px;
  object-fit: cover;
}

#benefits div {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 10px;
  font-weight: 500;
}