/* HERO – Struttura (layout vincolante, no estetica finale) */
.hero {
  padding: 6rem 1.5rem 5rem;
}
.hero .inner {
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}
.hero-title {
  margin: 0 0 1rem;
}
.hero-underline {
  width: 120px;
  height: 3px;
  margin: 0.75rem auto 1.75rem;
  background: linear-gradient(90deg, #ccc, #999);
}
.hero-text {
  max-width: 680px;
  margin: 0 auto 2rem;
}
.hero-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}