/* Светлая бетонная текстура для блока преимуществ */
#rec1421699071 {
  background-image: url('https://static.tildacdn.com/tild6262-3530-4939-b434-396538356537/Concrete-Texture-5.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f7f7f7 !important; /* на случай, если текстура не загрузится */
}
/* Белый оверлей поверх бетона (не влияет на текст) */
#rec1421699071{
  position: relative;
}
#rec1421699071::before{
  content:'';
  position:absolute; inset:0;
  background: rgba(255,255,255,.08); /* 8% — меняй от .05 до .12 */
  pointer-events:none;
  z-index:0;
}
/* Поднимаем содержимое над оверлеем */
#rec1421699071 .t-container{ position: relative; z-index:1; }
/* Чуть тише без трогания фона */
#rec1421699071{
  filter: brightness(0.92); /* 0.92 = потише на ~8%. Попробуй 0.9 или 0.95 по вкусу */
}
/* ==========================================
   🌿 СТИЛИ ФИРМЕННОГО ДИЗАЙНА (Premium)
   ========================================== */

/* === Кнопки во всём сайте === */
.t-btn, 
.t-submit {
  background-color: #e76f51 !important; /* фирменный тёплый терракотовый цвет */
  color: #ffffff !important; /* белый текст */
  border: none !important;
  border-radius: 8px; /* лёгкое скругление */
  box-shadow: 0 6px 18px rgba(231, 111, 81, 0.25); /* мягкая теплая тень */
  transition: all 0.3s ease;
  font-weight: 600;
}

.t-btn:hover,
.t-submit:hover {
  background-color: #f2845c !important; /* чуть светлее при наведении */
  box-shadow: 0 8px 22px rgba(231, 111, 81, 0.35);
  transform: translateY(-2px);
}

.t-btn:active,
.t-submit:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(231, 111, 81, 0.25);
}


/* === Карточки преимуществ (FR201) === */
#rec1421699071 .t-features__item,
#rec1421699071 .t-col {
  background: transparent;
  border-radius: 12px;
  transition: all 0.3s ease;
  box-shadow: 0 0 0 rgba(0,0,0,0);
}


/* Анимация иконок при наведении */
#rec1421699071 .t-features__icon svg,
#rec1421699071 .t-features__icon img,
#rec1421699071 .tn-atom svg {
  transition: transform 0.3s ease, filter 0.3s ease;
}

#rec1421699071 .t-features__item:hover .t-features__icon svg,
#rec1421699071 .t-col:hover .t-features__icon svg,
#rec1421699071 .t-col:hover .tn-atom svg {
  transform: scale(1.08);
  filter: drop-shadow(0 2px 6px rgba(231, 111, 81, 0.35));
}
/* =========================================================
   PREMIUM-ВЕРСИЯ ОФОРМЛЕНИЯ БЛОКА ПРЕИМУЩЕСТВ (#rec1421699071)
   Мягкая глубина, свечение заголовка, деликатные тени карточек
   ========================================================= */

/* 1) Мягкое «премиальное» свечение заголовка (деликатно) */
#rec1421699071 h2,
#rec1421699071 .t-title{
  /* тонкая светлая кайма + мягкая общая тень */
  text-shadow:
    0 1px 0 rgba(255,255,255,.45),
    0 12px 28px rgba(0,0,0,.10);
}

/* 2) Плавное появление элементов при скролле (если анимация включена штатно, это дополнение не мешает) */
#rec1421699071 .t-title,
#rec1421699071 .t-descr,
#rec1421699071 .t-features__item,
#rec1421699071 .t-col{
  transition: transform .3s ease, box-shadow .3s ease, filter .3s ease;
}

/* 3) Карточки преимуществ: деликатная базовая глубина */
#rec1421699071 .t-features__item,
#rec1421699071 .t-col{
  background: transparent;
  border-radius: 12px;
  /* очень мягкая ambient-тень + тонкий внутренний контур */
  box-shadow:
    0 1px 2px rgba(0,0,0,.05),
    inset 0 0 0 1px rgba(0,0,0,.04);
}

/* 4) Ховер карточек: лёгкий подъём + более «дорогая» нейтральная тень + фирменный акцент контуром */
#rec1421699071 .t-features__item:hover,
#rec1421699071 .t-col:hover{
  transform: translateY(-3px);
  box-shadow:
    0 10px 32px rgba(0,0,0,.12),
    inset 0 0 0 1px rgba(231,111,81,.22); /* тёплый фирменный акцент по контуру */
}

/* 5) Иконки при ховере: микро-увеличение + тёплое свечение (очень деликатно) */
#rec1421699071 .t-features__icon svg,
#rec1421699071 .t-features__icon img,
#rec1421699071 .tn-atom svg{
  transition: transform .25s ease, filter .25s ease;
}

#rec1421699071 .t-features__item:hover .t-features__icon svg,
#rec1421699071 .t-col:hover .t-features__icon svg,
#rec1421699071 .t-col:hover .tn-atom svg{
  transform: scale(1.05);
  filter: drop-shadow(0 2px 8px rgba(231,111,81,.28));
}

/* 6) Плавный «премиальный» разделитель блока снизу (градиентная линия) */
#rec1421699071{
  position: relative;
}
#rec1421699071::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0; height:26px;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.06) 100%);
  opacity:.18; /* можно 0.12–0.22 по вкусу */
}
/* ===============================
   💎 Герой-блок #rec1422216811
   Одинаковые кнопки по высоте и ширине
   =============================== */
#rec1422216811 .t-btn,
#rec1422216811 .t-submit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 320px !important;
  height: 58px !important;
  padding: 0 !important;
  margin: 10px auto !important;
  border-radius: 50px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transition: all 0.3s ease;
  box-sizing: border-box !important;
}

/* первая кнопка */
#rec1422216811 .t-btn:first-child {
  background-color: #E76F51 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 8px 20px rgba(231,111,81,0.35);
}
#rec1422216811 .t-btn:first-child:hover {
  background-color: #F2845C !important;
  transform: translateY(-3px);
}

/* вторая кнопка */
#rec1422216811 .t-btn:nth-child(2) {
  background-color: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border: 1.5px solid rgba(255,255,255,0.45) !important;
}
#rec1422216811 .t-btn:nth-child(2):hover {
  background-color: rgba(255,255,255,0.25) !important;
  border-color: rgba(255,255,255,0.65) !important;
  transform: translateY(-2px);
}

/* выравнивание на мобильных */
@media screen and (max-width: 480px) {
  #rec1422216811 .t-btn {
    width: 90% !important;
    height: 56px !important;
    font-size: 17px !important;
  }
}
/* === CR12: одинаковые кнопки + железное центрирование текста === */
/* сам контейнер с кнопками */
#rec1407970671 .t-cover__buttons,
#rec1407970671 .t-cover__btns {
  text-align: center !important;
}

/* кнопки: одинаковые размеры и стиль */
#rec1407970671 .t-btn,
#rec1407970671 .t-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 58px !important;
  min-width: 260px !important;
  margin: 10px !important;
  padding: 0 36px !important;
  border-radius: 50px !important;
  box-sizing: border-box !important;

  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1 !important;              /* базовый line-height */
  color: #fff !important;
  background-color: #e76f51 !important;
  border: none !important;
  box-shadow: 0 8px 20px rgba(231,111,81,.35) !important;

  transition: all .35s ease !important;
  transform: translateY(0);
  vertical-align: middle !important;
  text-align: center !important;
  white-space: normal !important;         /* на всякий */
}

/* ВНУТРЕННИЕ СЛОИ Tilda: принудительно растягиваем и центрируем */
#rec1407970671 .t-btn .t-btn__content,
#rec1407970671 .t-btn .t-btn__inner,
#rec1407970671 .t-btn .t-btn__text,
#rec1407970671 .t-btn .t-btn__title,
#rec1407970671 .t-btn span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;              /* убираем «вспухание» */
  text-align: center !important;
  vertical-align: middle !important;
}

/* ховер/актив */
#rec1407970671 .t-btn:hover {
  background-color: #f37b5a !important;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 10px 25px rgba(231,111,81,.45) !important;
}
#rec1407970671 .t-btn:active {
  transform: scale(.98);
  box-shadow: none !important;
}

/* ===== Адаптив ===== */
/* На мониторе — кнопки в одну строку (если помещаются) */
@media (min-width: 769px) {
  #rec1407970671 .t-btn,
  #rec1407970671 .t-submit {
    display: inline-flex !important;      /* рядом */
  }
}

/* На телефоне — строго в столбик и по центру */
@media (max-width: 768px) {
  #rec1407970671 .t-btn,
  #rec1407970671 .t-submit {
    display: block !important;
    width: 88vw !important;
    max-width: 560px !important;
    margin: 10px auto !important;
    text-align: center !important;
    height: 58px !important;
    font-size: 18px !important;
  }

  /* микро-коррекция визуального центра для некоторых шрифтов */
  #rec1407970671 .t-btn .t-btn__content,
  #rec1407970671 .t-btn .t-btn__inner,
  #rec1407970671 .t-btn .t-btn__text {
    transform: translateY(1px);           /* если хочется – поставь 0px */
  }
}
/* Плавный градиент внизу первого (герой) блока */
#rec1407970671 { position: relative; overflow: visible; }

#rec1407970671::after{
  content:"";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 200px;                /* длина перехода — можно 150–280 */
  pointer-events: none;
  z-index: 5;
  /* сверху прозрачный, снизу – цвет под бетонную текстуру */
  background: linear-gradient(to bottom,
              rgba(0,0,0,0) 0%,
              #f7f7f7 100%);    /* если низ чуть темнее — попробуй #efefef или #eaeaea */
}

/* === Плавный переход между 1 и 2 блоками === */
#rec1431207731 {
  position: relative;
  height: 200px !important; /* можешь менять от 150 до 300 для регулировки плавности */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #e8e8e8 100%) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 2;
}
/* Скрываем линию и отступы блока-разделителя DV02N */
#rec1431207731 {height:0 !important; min-height:0 !important; padding:0 !important; margin:0 !important;}
#rec1431207731 .t-divider__line {display:none !important;}
/* === Кнопка в блоке "Что мы делаем" (#rec1532327041) === */
#rec1532327041 .t-btn,
#rec1532327041 .t-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 260px !important;   /* как на первом экране */
  height: 58px !important;
  padding: 0 36px !important;
  margin: 10px auto !important;

  border: none !important;
  border-radius: 50px !important; /* пилюля */
  box-sizing: border-box !important;

  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  color: #fff !important;

  background-color: #E76F51 !important; /* терракота как в герое */
  box-shadow: 0 8px 20px rgba(231,111,81,.35) !important;

  transition: all .35s ease !important;
  transform: translateY(0);       /* базовая позиция */
}

/* Внутренние слои Tilda — жёстко центрируем текст */
#rec1532327041 .t-btn .t-btn__content,
#rec1532327041 .t-btn .t-btn__inner,
#rec1532327041 .t-btn .t-btn__text,
#rec1532327041 .t-btn .t-btn__title,
#rec1532327041 .t-btn span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* Hover/Active — светлее + лёгкий подъём */
#rec1532327041 .t-btn:hover,
#rec1532327041 .t-submit:hover {
  background-color: #F2845C !important;  /* как на первом экране */
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 10px 25px rgba(231,111,81,.45) !important;
}
#rec1532327041 .t-btn:active,
#rec1532327041 .t-submit:active {
  transform: scale(.98);
  box-shadow: none !important;
}

/* Адаптив под мобильные — по центру и комфортная ширина */
@media (max-width: 768px) {
  #rec1532327041 .t-btn,
  #rec1532327041 .t-submit {
    display: block !important;
    width: 88vw !important;
    max-width: 560px !important;
    margin: 10px auto !important;
    height: 56px !important;
    font-size: 17px !important;
  }
  #rec1532327041 .t-btn .t-btn__content,
  #rec1532327041 .t-btn .t-btn__inner,
  #rec1532327041 .t-btn .t-btn__text {
    transform: translateY(1px); /* микро-центр по вертикали */
  }
}
/* ==== Ступенчатое появление в блоке "Что мы делаем" (плавный вариант) ==== */
/* Исходное состояние: невидимо, чуть ниже */
#rec1532327041 .t-title,
#rec1532327041 .t-descr,
#rec1532327041 .t-features__item,
#rec1532327041 .t-col,
#rec1532327041 .t-btn,
#rec1532327041 .t-submit {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Когда блок вошёл в зону видимости — плавно показываем */
#rec1532327041.inview .t-title {
  opacity: 1;
  transform: none;
  transition-delay: 0s;
}
#rec1532327041.inview .t-descr {
  opacity: 1;
  transform: none;
  transition-delay: 0.25s;
}

/* Карточки по очереди (по 0.15 сек между ними) */
#rec1532327041.inview .t-features__item:nth-of-type(1),
#rec1532327041.inview .t-col:nth-of-type(1) {
  opacity: 1;
  transform: none;
  transition-delay: 0.4s;
}
#rec1532327041.inview .t-features__item:nth-of-type(2),
#rec1532327041.inview .t-col:nth-of-type(2) {
  opacity: 1;
  transform: none;
  transition-delay: 0.55s;
}
#rec1532327041.inview .t-features__item:nth-of-type(3),
#rec1532327041.inview .t-col:nth-of-type(3) {
  opacity: 1;
  transform: none;
  transition-delay: 0.7s;
}
#rec1532327041.inview .t-features__item:nth-of-type(4),
#rec1532327041.inview .t-col:nth-of-type(4) {
  opacity: 1;
  transform: none;
  transition-delay: 0.85s;
}

/* Кнопка — последней, мягко, как завершение */
#rec1532327041.inview .t-btn,
#rec1532327041.inview .t-submit {
  opacity: 1;
  transform: none;
  transition-delay: 1.1s;
}

/* Базовое состояние: иконки скрыты и чуть ниже */
#rec1532327041 .t-features__icon img,
#rec1532327041 .t-features__icon svg {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .6s ease-out, transform .6s ease-out;
  will-change: opacity, transform;
}

/* Когда блок в зоне видимости — включаем плавность и ЗАДЕРЖКИ по карточкам */
#rec1532327041.inview .t-features__item:nth-of-type(1) .t-features__icon img,
#rec1532327041.inview .t-features__item:nth-of-type(1) .t-features__icon svg,
#rec1532327041.inview .t-col:nth-of-type(1)           .t-features__icon img,
#rec1532327041.inview .t-col:nth-of-type(1)           .t-features__icon svg {
  opacity: 1; transform: none; transition-delay: .40s;
}
#rec1532327041.inview .t-features__item:nth-of-type(2) .t-features__icon img,
#rec1532327041.inview .t-features__item:nth-of-type(2) .t-features__icon svg,
#rec1532327041.inview .t-col:nth-of-type(2)           .t-features__icon img,
#rec1532327041.inview .t-col:nth-of-type(2)           .t-features__icon svg {
  opacity: 1; transform: none; transition-delay: .55s;
}
#rec1532327041.inview .t-features__item:nth-of-type(3) .t-features__icon img,
#rec1532327041.inview .t-features__item:nth-of-type(3) .t-features__icon svg,
#rec1532327041.inview .t-col:nth-of-type(3)           .t-features__icon img,
#rec1532327041.inview .t-col:nth-of-type(3)           .t-features__icon svg {
  opacity: 1; transform: none; transition-delay: .70s;
}
#rec1532327041.inview .t-features__item:nth-of-type(4) .t-features__icon img,
#rec1532327041.inview .t-features__item:nth-of-type(4) .t-features__icon svg,
#rec1532327041.inview .t-col:nth-of-type(4)           .t-features__icon img,
#rec1532327041.inview .t-col:nth-of-type(4)           .t-features__icon svg {
  opacity: 1; transform: none; transition-delay: .85s;
}

/* На всякий — фиксируем размеры, чтобы не было дёргания раскладки */
#rec1532327041 .t-features__icon img {
  width: 100%;
  height: auto;
  max-width: 96px;            /* подгони под свой размер иконок */
  display: block;
}
/***** ========== ЕДИНЫЙ СТИЛЬ КНОПОК (как на первом экране) ========== *****/
.t-btn, .t-submit {
  background-color: #E76F51 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 18px rgba(231,111,81,.25) !important;
  font-weight: 600 !important;
  height: 58px !important;
  min-width: 240px !important;
  padding: 0 32px !important;
  transition: all .35s ease !important;
}
.t-btn:hover, .t-submit:hover {
  background-color: #F2845C !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(231,111,81,.45) !important;
}
@media (max-width: 768px){
  .t-btn, .t-submit {
    width: 88vw !important; max-width: 560px !important; font-size: 17px !important;
  }
}

/***** ========== ПЛАВНЫЙ ПЕРЕХОД МЕЖДУ БЛОКАМИ (градиент) ========== *****/
#rec1535232881 {
  position: relative;
  height: 200px !important;
  margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important;
  background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, #ffffff 100%) !important;
  z-index: 2;
}
#rec1535232881 .t-divider__line { display:none !important; }

/***** ========== ПЛАВНОЕ ПОЯВЛЕНИЕ БЛОКА «ЧТО МЫ ДЕЛАЕМ» ========== *****/
/* Исходное состояние: слегка ниже и прозрачное */
#rec1421699071 .t-title,
#rec1421699071 .t-descr,
#rec1421699071 .t-features__item,
#rec1421699071 .t-col,
#rec1421699071 .t-btn,
#rec1421699071 .t-submit {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .9s ease-out, transform .9s ease-out;
  will-change: opacity, transform;
}

/* Когда блок вошёл в экран — включаем */
#rec1421699071.inview .t-title { opacity:1; transform:none; transition-delay: 0s; }
#rec1421699071.inview .t-descr { opacity:1; transform:none; transition-delay: .30s; }

/* Карточки по очереди */
#rec1421699071.inview .t-features__item:nth-of-type(1),
#rec1421699071.inview .t-col:nth-of-type(1) { opacity:1; transform:none; transition-delay: .60s; }
#rec1421699071.inview .t-features__item:nth-of-type(2),
#rec1421699071.inview .t-col:nth-of-type(2) { opacity:1; transform:none; transition-delay: .90s; }
#rec1421699071.inview .t-features__item:nth-of-type(3),
#rec1421699071.inview .t-col:nth-of-type(3) { opacity:1; transform:none; transition-delay: 1.20s; }
#rec1421699071.inview .t-features__item:nth-of-type(4),
#rec1421699071.inview .t-col:nth-of-type(4) { opacity:1; transform:none; transition-delay: 1.50s; }

/* Кнопка — последняя */
#rec1421699071.inview .t-btn,
#rec1421699071.inview .t-submit { opacity:1; transform:none; transition-delay: 1.90s; }

/***** ========== ПЛАВНОЕ ПРОЯВЛЕНИЕ PNG-ИКОНКОВ В КАРТОЧКАХ ========== *****/
#rec1421699071 .t-features__icon img,
#rec1421699071 .t-features__icon svg {
  opacity: 0; transform: translateY(12px);
  transition: opacity .6s ease-out, transform .6s ease-out;
}

/* Иконки в такт карточкам */
#rec1421699071.inview .t-features__item:nth-of-type(1) .t-features__icon img,
#rec1421699071.inview .t-features__item:nth-of-type(1) .t-features__icon svg,
#rec1421699071.inview .t-col:nth-of-type(1) .t-features__icon img,
#rec1421699071.inview .t-col:nth-of-type(1) .t-features__icon svg { opacity:1; transform:none; transition-delay: .60s; }

#rec1421699071.inview .t-features__item:nth-of-type(2) .t-features__icon img,
#rec1421699071.inview .t-features__item:nth-of-type(2) .t-features__icon svg,
#rec1421699071.inview .t-col:nth-of-type(2) .t-features__icon img,
#rec1421699071.inview .t-col:nth-of-type(2) .t-features__icon svg { opacity:1; transform:none; transition-delay: .90s; }

#rec1421699071.inview .t-features__item:nth-of-type(3) .t-features__icon img,
#rec1421699071.inview .t-features__item:nth-of-type(3) .t-features__icon svg,
#rec1421699071.inview .t-col:nth-of-type(3) .t-features__icon img,
#rec1421699071.inview .t-col:nth-of-type(3) .t-features__icon svg { opacity:1; transform:none; transition-delay: 1.20s; }

#rec1421699071.inview .t-features__item:nth-of-type(4) .t-features__icon img,
#rec1421699071.inview .t-features__item:nth-of-type(4) .t-features__icon svg,
#rec1421699071.inview .t-col:nth-of-type(4) .t-features__icon img,
#rec1421699071.inview .t-col:nth-of-type(4) .t-features__icon svg { opacity:1; transform:none; transition-delay: 1.50s; }

/* Фикс размера — чтобы сетка не прыгала */
#rec1421699071 .t-features__icon img { max-width: 96px; width: 100%; height: auto; display:block; }
/* ТЕСТ: эта тонкая красная рамка должна появиться вокруг всей страницы. Потом удали. */
body { outline: 1px solid rgba(255,0,0,.15) !important; }
/***** Единый стиль кнопок *****/
.t-btn, .t-submit{
  background:#E76F51!important;color:#fff!important;border:none!important;border-radius:50px!important;
  box-shadow:0 6px 18px rgba(231,111,81,.25)!important;font-weight:600!important;height:58px!important;min-width:240px!important;
  padding:0 32px!important;transition:all .35s ease!important;
}
.t-btn:hover,.t-submit:hover{background:#F2845C!important;transform:translateY(-3px);box-shadow:0 10px 25px rgba(231,111,81,.45)!important}

/***** Плавный градиент-переход для разделителя (если задан ID — сработает сразу) *****/
#rec1535232881{position:relative;height:200px!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;
  background:linear-gradient(to bottom, rgba(235,235,235,1) 0%, #fff 100%)!important;z-index:2}
#rec1535232881 .t-divider__line{display:none!important}

/***** Анимация блока «Что мы делаем» — по классу .wwd, который добавит JS *****/
/* Исходное состояние */
.wwd .t-title,
.wwd .t-descr,
.wwd .t-features__item,
.wwd .t-col,
.wwd .t-btn,
.wwd .t-submit{
  opacity:0;transform:translateY(20px);
  transition:opacity .9s ease-out, transform .9s ease-out;will-change:opacity,transform;
}
/* Виден в окне — плавно показываем */
.wwd.inview .t-title{opacity:1;transform:none;transition-delay:0s}
.wwd.inview .t-descr{opacity:1;transform:none;transition-delay:.30s}

/* Карточки — по очереди */
.wwd.inview .t-features__item:nth-of-type(1),
.wwd.inview .t-col:nth-of-type(1){opacity:1;transform:none;transition-delay:.60s}
.wwd.inview .t-features__item:nth-of-type(2),
.wwd.inview .t-col:nth-of-type(2){opacity:1;transform:none;transition-delay:.90s}
.wwd.inview .t-features__item:nth-of-type(3),
.wwd.inview .t-col:nth-of-type(3){opacity:1;transform:none;transition-delay:1.20s}
.wwd.inview .t-features__item:nth-of-type(4),
.wwd.inview .t-col:nth-of-type(4){opacity:1;transform:none;transition-delay:1.50s}

/* Кнопка — последней */
.wwd.inview .t-btn,
.wwd.inview .t-submit{opacity:1;transform:none;transition-delay:1.90s}

/* Плавное проявление PNG-иконок */
.wwd .t-features__icon img,
.wwd .t-features__icon svg{opacity:0;transform:translateY(12px);transition:opacity .6s ease-out, transform .6s ease-out}
.wwd.inview .t-features__item:nth-of-type(1) .t-features__icon img,
.wwd.inview .t-features__item:nth-of-type(1) .t-features__icon svg,
.wwd.inview .t-col:nth-of-type(1) .t-features__icon img,
.wwd.inview .t-col:nth-of-type(1) .t-features__icon svg{opacity:1;transform:none;transition-delay:.60s}
.wwd.inview .t-features__item:nth-of-type(2) .t-features__icon img,
.wwd.inview .t-features__item:nth-of-type(2) .t-features__icon svg,
.wwd.inview .t-col:nth-of-type(2) .t-features__icon img,
.wwd.inview .t-col:nth-of-type(2) .t-features__icon svg{opacity:1;transform:none;transition-delay:.90s}
.wwd.inview .t-features__item:nth-of-type(3) .t-features__icon img,
.wwd.inview .t-features__item:nth-of-type(3) .t-features__icon svg,
.wwd.inview .t-col:nth-of-type(3) .t-features__icon img,
.wwd.inview .t-col:nth-of-type(3) .t-features__icon svg{opacity:1;transform:none;transition-delay:1.20s}
.wwd.inview .t-features__item:nth-of-type(4) .t-features__icon img,
.wwd.inview .t-features__item:nth-of-type(4) .t-features__icon svg,
.wwd.inview .t-col:nth-of-type(4) .t-features__icon img,
.wwd.inview .t-col:nth-of-type(4) .t-features__icon svg{opacity:1;transform:none;transition-delay:1.50s}

/* Фикс «рамки» иконок — чтобы сетка не прыгала */
.wwd .t-features__icon img{max-width:96px;width:100%;height:auto;display:block}
/* ——— Переход между #rec1421699071 (бетон) и #rec1532327041 (белый) ——— */

/* 0) Убираем зазоры у соседних блоков */
#rec1421699071 { margin-bottom: 0 !important; }
#rec1532327041 { margin-top: 0 !important; }

/* 1) Сам разделитель DV02N с твоим ID */
#rec1535232881 {
  position: relative;
  height: 180px !important;        /* длина мягкого перехода (можно 140–240) */
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 2;
  /* ВВЕРХУ — цвет бетона из верхнего блока, ВНИЗУ — чистый белый */
  background: linear-gradient(
    to bottom,
    #f7f7f7 0%,                     /* тот же цвет, что в твоём бетонном блоке */
    #ffffff 100%
  ) !important;
}

/* 2) Скрываем штатную линию разделителя и любые минимальные высоты */
#rec1535232881 .t-divider__line { display: none !important; }
#rec1535232881 .t-container, 
#rec1535232881 .t-col { min-height: 0 !important; }

/* 3) На всякий, чтобы бетонный блок не перекрывал разделитель своими псевдослоями */
#rec1421699071 { z-index: 1; }
/* —— 0. убираем нижний псевдослой у бетонного блока: не даём ему резать градиент —— */
#rec1421699071::after{ display:none !important; }

/* —— 1. никаких зазоров вокруг разделителя —— */
#rec1421699071{ margin-bottom:0 !important; }
#rec1532327041{ margin-top:0 !important; }

/* —— 2. сам разделитель между блоками (твой ID) —— */
#rec1535232881{
  position:relative;
  height:180px !important;             /* 140–240 по вкусу */
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  box-shadow:none !important;
  z-index:2;
  /* сверху — бетон (#f7f7f7), снизу — белый */
  background:linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%) !important;
}
/* прячем штатную линию и любые внутренние высоты */
#rec1535232881 .t-divider__line{ display:none !important; }
#rec1535232881 .t-container,
#rec1535232881 .t-col{ min-height:0 !important; height:0 !important; padding:0 !important; }

/* —— 3. на всякий — отменяем любые чужие z-index/overflow, чтобы градиент был виден —— */
#rec1421699071, #rec1535232881, #rec1532327041{
  position:relative; z-index:auto !important; overflow:visible !important;
}
/* снимаем старый after, ставим новый — плавно в белый */
#rec1421699071::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:180px;
  pointer-events:none; z-index:1;
  background:linear-gradient(to bottom, rgba(247,247,247,0) 0%, #ffffff 100%);
  display:block !important;        /* перекрываем прежний display */
  opacity:1 !important;            /* на случай прежних значений */
}
#rec1421699071{ margin-bottom:0 !important; }
#rec1532327041{ margin-top:0 !important; }