/* ==========================================================================
   PAGE — Accueil
   ========================================================================== */

.stats { text-align: center; }

.stat__value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 5.5rem;
  min-block-size: 5.5rem;
  padding: var(--s-2);
  border-radius: 50%;
  background-color: var(--c-brand-050);
  font-family: var(--f-display);
  font-size: var(--t-3xl);
  font-weight: var(--w-bold);
  color: var(--c-brand-700);
}

.stat__label {
  margin-block-start: var(--s-2);
  color: var(--c-ink-muted);
  font-size: var(--t-sm);
}

.index-features__more { margin-block-start: var(--s-6); }

/* --- Comment ça marche ------------------------------------------------------- */

.step__number {
  font-family: var(--f-mono);
  font-size: var(--t-2xl);
  font-weight: var(--w-medium);
  letter-spacing: var(--ls-mono);
  color: var(--c-brand-300);
}

.step__title { margin-block: var(--s-2) var(--s-2); }

.step__text { color: var(--c-ink-muted); font-size: var(--t-sm); }