/* ============================================================
   Marta — saas.css
   Pagina SaaS (saas.html, bg/saas.html) e anteprima in home
   (.saas-teaser). Solo cio' che le classi esistenti non coprono:
   page-section, duo, path, spec-grid, trigger-list restano quelle
   di pages.css.
   ============================================================ */

/* ---- Pulsanti lunghi ------------------------------------------
   "Запиши се за ранен достъп" con il padding di .btn--lg supera la
   colonna a 320px: qui il pulsante puo' andare a capo invece di
   uscire dallo schermo. Limitato alla pagina SaaS e al teaser. */
.page-saas .hero__ctas .btn,
.page-saas .btn-submit,
.saas-teaser .btn {
  white-space: normal;
  text-align: center;
}

/* ---- Anteprima in home ----------------------------------------
   Superficie inchiostro (.section-dark), intestazione .section-intro
   come le altre sezioni della home. Il rosso resta un segno: quote
   dei numeri e pulsante primario. */
.saas-teaser__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  column-gap: var(--space-6);
  counter-reset: saas-feature;
  border-top: 1px dashed var(--dash-dark);
}

.saas-teaser__list li {
  counter-increment: saas-feature;
  display: grid;
  grid-template-columns: var(--space-7) minmax(0, 1fr);
  gap: var(--space-3);
  align-items: baseline;
  padding-block: var(--space-4);
  border-bottom: 1px dashed var(--dash-dark);
  font-size: var(--fs-400);
  line-height: var(--lh-normal);
  color: rgba(255, 253, 250, 0.88);
}

.saas-teaser__list li::before {
  content: counter(saas-feature, decimal-leading-zero);
  font-family: var(--type-mono);
  font-size: var(--fs-100);
  letter-spacing: var(--tracking-wide);
  color: var(--marta-red);
}

.saas-teaser .section-cta {
  flex-wrap: wrap;
  gap: var(--space-3);
}

@media (min-width: 700px) {
  .saas-teaser__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1000px) {
  .saas-teaser__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}