/* ─────────────────────────────────────────────
   Convert Statistic — a large figure with a label.
   --gradient applies the signature radial violet→ink clip.
   Use with tokens.css.
   ───────────────────────────────────────────── */

.stat { display: inline-flex; flex-direction: column; gap: 6px; }
.stat__number {
  font-size: clamp(40px, 5vw, 70px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--color-text-primary);
}
.stat__number--gradient {
  background-image: radial-gradient(100% 100% at 50% 0%, var(--color-violet-700) 0%, var(--color-logo) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.stat__label {
  font-size: var(--text-body);
  color: var(--color-text-secondary);
}