/* ==========================================================================
   TIFOSO INFINITO — La Curva (approvata — commit f3d032c)
   HOMEPAGE_ARCHITECTURE.md §13 (Sezione 12 — La Curva, community/UGC)
   Stato "in revisione" intenzionale e congelato — decisione
   architetturale in DEVELOPMENT_STATE.md ("La Curva non dipendera' da
   Google Drive"). Nessun form inventato, nessuna metrica, nessuna
   testimonianza inventata, nessuna fotografia (non disponibile/
   autorizzata oggi).
   ========================================================================== */

.curva {
  background: var(--color-dark-0);
  padding: var(--space-8) 0;
}

.curva__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
}

@media (min-width: 1024px) {
  .curva__grid {
    grid-template-columns: 1.2fr 1fr;
    align-items: center;
    gap: var(--space-8);
  }
}

.curva__eyebrow {
  display: block;
  font-family: var(--font-label);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-foreground-muted);
  margin-bottom: var(--space-2);
}

.curva__title {
  font-family: var(--font-display);
  font-size: clamp(32px, 4.5vw, 48px);
  line-height: 1;
  color: var(--color-foreground);
}

.curva__title .accent {
  color: var(--color-brand-red);
}

.curva__text {
  margin-top: var(--space-4);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.7;
  color: var(--color-foreground-muted);
  max-width: 520px;
}

/* --------------------------------------------------------------------------
   Stato: sezione in revisione (nessuna CTA finche' il canale non e'
   verificato come sicuro — vedi BACKLOG_TECNICO.md)
   -------------------------------------------------------------------------- */
.curva__status {
  padding: var(--space-5) var(--space-4);
  background: var(--color-dark-2);
  border: 1px dashed var(--color-divider);
  border-radius: var(--radius-md);
}

.curva__status .badge {
  margin-bottom: var(--space-3);
}

.curva__status-text {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.7;
  color: var(--color-foreground-muted);
}

@media (max-width: 639px) {
  .curva {
    padding: var(--space-7) 0;
  }
}