:root {
  /* ---- Шкала отступов ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 10px;    /* мелкие gap между карточками сервиса */
  --space-4: 14px;    /* стандартный gap сетки карточек */
  --space-5: 16px;
  --space-6: 20px;    /* внутренний паддинг карточки модели */
  --space-7: 24px;    /* боковые поля секций */
  --space-8: 28px;    /* паддинг glow-карточек */
  --space-9: 36px;    /* паддинг модалки */
  --space-10: 48px;   /* верх секции-продолжения */
  --space-11: 56px;   /* отступ под заголовком секции */
  --space-12: 96px;   /* вертикальный ритм секций */
  --space-13: 128px;

  /* fluid-паддинг больших панелей: clamp(28px,4vw,56px) */
  --pad-panel: clamp(28px, 4vw, 56px);

  /* ---- Радиусы ---- */
  --radius-hero: 32px;    /* hero-контейнер */
  --radius-cta: 28px;     /* CTA-секция, border-glow */
  --radius-xl: 24px;      /* панель инженерии */
  --radius-modal: 16px;
  --radius-card: 14px;    /* карточки моделей/преимуществ/финансов */
  --radius-sm: 10px;      /* сервис-карточки, инпуты */
  --radius-xs: 8px;       /* фото внутри карточки модели */
  --radius-pill: 999px;   /* кнопки, бейджи, toggle */

  /* ---- Высоты контролов ---- */
  /* Соседние интерактивные элементы (инпут, пилюля, кнопка, ползунок) держат
     одну высоту: разнокалиберный ряд читается как несобранный интерфейс.
     44px — минимальный комфортный тач-таргет. */
  --control-h: 44px;
  --control-h-sm: 40px;

  /* ---- Контейнеры ---- */
  --container: 1200px;
  --container-wide: 1400px;  /* карта */
  --container-text: 640px;   /* reveal-параграф */
}