/* HERO SECTION */
.hero {
  height: 100vh;
  padding: 0 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding-top: 120px;
}

.hero h1 {
  font-size: 3.2rem;
  margin-bottom: 20px;
}

.hero p {
  max-width: 600px;
  margin: auto;
  color: #8fbcbc;
}

.hero-buttons {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 16px;
}

/* CTA SECTION */
.cta {
  padding: 120px 10%;
  text-align: center;
  background: linear-gradient(135deg, #0b1f1f, #050505);
}