.hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, var(--horizon-deep) 0%, var(--horizon-blue) 45%, var(--horizon-coral) 80%, var(--horizon-glow) 100%);
  background-size: 200% 200%;
  animation: gradient-drift 18s ease-in-out infinite;
  color: var(--white);
  padding: 96px 0 72px;
}
.hero__inner { max-width: 640px; }
.hero .overline { color: var(--horizon-coral); }
.hero__headline {
  font-size: 42px;
  line-height: 1.15;
  margin-bottom: 20px;
  font-weight: 600;
}
.hero__subtitulo {
  font-size: 18px;
  margin-bottom: 16px;
  color: rgba(255,255,255,.92);
}
.hero__texto {
  font-size: 15px;
  margin-bottom: 32px;
  color: rgba(255,255,255,.75);
}