/* Анимируемый градиент для артборда */
.t396__artboard {
  background: linear-gradient(90deg, #F2F2F2, #F2F0F0, #F2F2F2);
  background-size: 200% 100%;
  animation: slideGradient 15s linear infinite;
  will-change: background-position;
}

/* Убираем перекрывающие фоны Тильды */
.t396__carrier,
.t396__filter {
  background: transparent !important;
}

/* Ключевые кадры плавного перелива слева направо */
@keyframes slideGradient {
  0% { background-position: 0% 0; }
  100% { background-position: -200% 0; }
}

/* Глобальный фон страницы */
body {
  background: linear-gradient(90deg, #F2F2F2, #F2F0F0);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Отдельный класс для яркого перелива, если нужно на элемент */
.pereliv {
  background: linear-gradient(90deg, #F2F2F2, #C7C7C7);
  background-size: 200% 100%;
  animation: slide 3s linear infinite;
  will-change: background-position;
}

/* Ключевые кадры для класса .pereliv */
@keyframes slide {
  0% { background-position: 0 0; }
  100% { background-position: -200% 0; }
}

/* Поддержка для тех, кто отключил анимации */
@media (prefers-reduced-motion: reduce) {
  .t396__artboard,
  .pereliv {
    animation: none;
  }
}


@media (max-width: 480px){
  .t-container { padding-left:16px; padding-right:16px; }
  .t-btn { min-height:48px; font-size:16px; letter-spacing:.2px; }
  .t-title { font-size: clamp(20px, 6vw, 26px); line-height:1.2; }
  .t-descr, .t-text { font-size: clamp(14px, 4vw, 16px); line-height:1.5; }
  img, .tn-elem__image { max-width:100%; height:auto; }
}