/* Stats — Figma 2321:270 / 2345:1331 (component StatItem 2310:30) */
.stats {
  background: var(--surface);
  border-block: 1px solid var(--line);
  padding-block: 56px;
}
.stats__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
  margin-block: 0;
}
.stat {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 18px;
  border-left: 2px solid var(--line);
}
.stat__num {
  order: -1;
  margin: 0;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.035em;
  white-space: nowrap;
  background: var(--grad-stat);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-variant-numeric: tabular-nums;
}
.stat__label { color: var(--muted); }

@media (max-width: 900px) {
  .stats { padding-block: 40px; }
  .stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
}
@media (max-width: 720px) {
  .stat__num { font-size: 26px; }
}