body {
  background: #0f0f0f;
  color: #eaeaea;
}

.hero {
  min-height: 100vh;
  background: radial-gradient(circle at top, #1a1a1a, #000);
}

.hero-title {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 600;
}

.section {
  padding: 120px 0;
}

.section-title {
  font-size: 2.2rem;
  max-width: 800px;
}

.section-text {
  max-width: 720px;
  margin-top: 1.5rem;
  opacity: .75;
}

.feature {
  opacity: 0;
  transform: translateY(40px);
}

.ecosystem-card {
  padding: 40px;
  border: 1px solid rgba(255,255,255,.1);
  text-align: center;
  opacity: 0;
}

.advisory {
  padding: 40px;
  text-align: center;
  opacity: 0;
}

.paraqueme {
  text-align: center;
  opacity: 0;
}

.cta-final {
  padding: 120px 0;
}

.ofundador {
  opacity: 0;
  transform: translateY(40px);
}

.manifesto {
  text-align: center;
  opacity: 0;
}

.empresa-card {
  text-align: center;
  opacity: 0;
}