/* ============================================
   FUEL LAB — глобальные стили
   Вставить в: Настройки сайта → Ещё → Вставка кода → CSS
   (применяется на всех страницах, включая Zero-блоки)
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  /* Палитра приведена к реальному бренду FUEL LAB (колба на логотипе — зелёный контур на чёрном/белом) */
  --fl-bg:        #F7F8F5; /* лабораторный белый, почти без тёплого оттенка */
  --fl-ink:       #0B0D0C; /* почти чёрный — как фон профиля и текст лого */
  --fl-amber:     #2FAE55; /* Lab Green — акцент/CTA, тон логотипа-колбы, чуть глубже плаката для премиальности */
  --fl-amber-dark:#22903F;
  --fl-petrol:    #0B0D0C; /* тёмные секции — чистый чёрный, как в Instagram-профиле бренда */
  --fl-steel:     #8B928C; /* нейтральный/границы */
  --fl-calib:     #C4432B; /* только для реальных предупреждений/отклонений */
  --fl-font-display: 'IBM Plex Sans', Arial, sans-serif;
  --fl-font-body:    'IBM Plex Sans', Arial, sans-serif;
  --fl-font-mono:    'IBM Plex Mono', 'Courier New', monospace;
  --fl-radius: 2px; /* минимализм: почти без скругления */
}

/* Переопределение стандартных Tilda-блоков под фирменный стиль сайта */
.t-records, .t-records * { font-family: var(--fl-font-body); }
.t-records{ background:var(--fl-bg); color:var(--fl-ink); }

.t-title, .t-heading, .t-descr{ font-family:var(--fl-font-display); letter-spacing:-0.01em; }

/* Любые числовые лейблы/цены — моноширинный "приборный" шрифт */
.t-price, .t-price__price-value, .fl-num{
  font-family:var(--fl-font-mono) !important;
  font-variant-numeric: tabular-nums;
}

/* Кнопки Tilda -> амбер-акцент, минимум скругления */
.t-btn, .t-submit{
  background-color:var(--fl-amber) !important;
  border-radius:var(--fl-radius) !important;
  font-family:var(--fl-font-display) !important;
  font-weight:600 !important;
  letter-spacing:0.01em;
  transition:background-color .2s ease, transform .15s ease;
}
.t-btn:hover, .t-submit:hover{
  background-color:var(--fl-amber-dark) !important;
  transform:translateY(-1px);
}

/* Тёмные секции (для B2B/данных блоков), класс вешать на обёртку рекорда в Tilda (доп. класс блока) */
.fl-dark{ background:var(--fl-petrol) !important; color:var(--fl-bg) !important; }
.fl-dark .t-title, .fl-dark .t-descr{ color:var(--fl-bg) !important; }

/* Калибровочная линия-разделитель между секциями (переиспользуемый мотив) */
.fl-calib-divider{
  position:relative;
  height:28px;
  width:100%;
  background-image:repeating-linear-gradient(
    to right,
    var(--fl-steel) 0, var(--fl-steel) 1px,
    transparent 1px, transparent 40px
  );
  background-position:center;
  background-repeat:repeat-x;
  background-size:auto 12px;
  opacity:.5;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
}

/* Стилизация стандартной формы Тильды под дизайн FUEL LAB */
.t-form{ font-family:var(--fl-font-body) !important; }
.t-input-title{
  font-family:var(--fl-font-mono) !important;
  font-size:11px !important;
  letter-spacing:.06em;
  color:var(--fl-steel) !important;
  text-transform:uppercase;
}
.t-input, .t-input-block textarea{
  font-family:var(--fl-font-body) !important;
  border-radius:var(--fl-radius) !important;
  border-color:#dcdfd8 !important;
  background:#fff !important;
}
.t-input:focus{ border-color:var(--fl-amber) !important; }
.t-form__errorbox-middle, .t-form__submit{ font-family:var(--fl-font-display) !important; }