/* ============================================================
   FX-слой (тест 2026-10-11, preview-fx): эффекты по мотивам
   hairline (иконки шагов), React Bits CountUp,
   перенесённые на vanilla. Всё — progressive enhancement: без JS
   страница выглядит как раньше, классы-состояния ставит только fx.js.
   ============================================================ */

/* ---- hairline: иконки шагов «Как мы работаем» ---- */
.process-fig {
  /* Палитра фигур — только токены сайта. Plate = фон секции (section-surface). */
  --hairline-plate: var(--color-surface);
  --hairline-hi: var(--color-accent-coral);
  --hairline-edge: var(--color-primary-ink);
  --hairline-mid: var(--color-neutral-600);
  --hairline-lo: var(--color-neutral-300);
  --hairline-stroke: 1;
  width: 100%;
  max-width: 160px;
  aspect-ratio: 5 / 4; /* место зарезервировано до отрисовки — без CLS */
  margin-bottom: var(--space-2);
}
@media (max-width: 575.98px) {
  /* На телефоне шаги идут в колонку: фигура меньше, чтобы секция не растягивалась. */
  .process-fig { max-width: 112px; }
}
.process-fig > [data-hairline] {
  width: 100%;
}

/* ---- CountUp: моноширинные цифры не «прыгают» по ширине ---- */
[data-countup] {
  font-variant-numeric: tabular-nums;
}