/* DL Drive — глобальные стили (не первый экран):
   если нет раздела «Файлы»: скопируйте весь этот файл целиком в
   Настройки сайта → Вставка кода → «Редактировать CSS» (-обёртка не нужна). */

/* STATS BAR */
.dl-stats-sec {
  padding: 0 0 100px;
  margin-top: 0;
  position: relative;
  z-index: 100;
  pointer-events: none;
}

.dl-stats-bar {
  pointer-events: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-radius: 40px;
  overflow: hidden;
  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);
}

.dl-stat-item {
  background: linear-gradient(135deg, #FF69B4, #CB1F99);
  padding: 60px 20px;
  color: var(--wh);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  transition: transform 1s var(--ease-out-expo), opacity 1s var(--ease-out-expo) !important;
}

.dl-stat-item:last-child {
  border-right: none;
}

.dl-stat-item.dl-sr {
  transform: perspective(1200px) rotateY(-22deg) translateX(-120px) translateZ(-40px);
  opacity: 0;
}

.dl-stat-item.dl-sr.on {
  transform: perspective(1200px) rotateY(0) translateX(0) translateZ(0);
  opacity: 1;
}

.dl-stat-item::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 70% at 50% 0%, rgba(255,255,255,.18), transparent 60%);
  pointer-events: none;
  opacity: 0;
  transition: opacity .8s var(--ease-out-cinema);
}

.dl-stat-item.on::before { opacity: 1 }

.dl-stat-val {
  font-family: var(--ff-h);
  font-size: clamp(48px, 6vw, 84px);
  line-height: 0.8;
  letter-spacing: -0.02em;
}

.dl-stat-label {
  font-family: var(--ff-b);
  font-size: clamp(14px, 1.2vw, 18px);
  font-weight: 500;
  text-transform: lowercase;
  opacity: 0.9;
}

@media (max-width: 768px) {
  .dl-stats-bar {
    grid-template-columns: 1fr;
    gap: 40px;
    border-radius: 32px;
    padding: 48px 24px;
  }
  .dl-stat-item:not(:last-child)::after { display: none; }
  .dl-stats-sec { margin-top: -20px; padding-bottom: 60px; }
}

/* Scroll reveal — варианты и контейнеры */
.dl-sr.dl-sr-left  { transform: translate3d(-44px, 0, 0) scale(.985); }
.dl-sr.dl-sr-right { transform: translate3d(44px, 0, 0) scale(.985); }
.dl-sr.dl-sr-up    { transform: translate3d(0, 44px, 0) scale(.985); }
.dl-sr.dl-sr-down  { transform: translate3d(0, -32px, 0) scale(.985); }
.dl-sr.dl-sr-scale { transform: scale(.92); }
.dl-sr.dl-sr-mask  { clip-path: inset(0 100% 0 0); transform: none; filter: none; opacity: 1 }
.dl-sr.dl-sr-mask.on { clip-path: inset(0 0 0 0) }

.dl-sr.dl-sr-left.on,
.dl-sr.dl-sr-right.on,
.dl-sr.dl-sr-up.on,
.dl-sr.dl-sr-down.on,
.dl-sr.dl-sr-scale.on { transform: none; }

[data-stagger] > * {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition: opacity .85s var(--ease-out-cinema), transform .9s var(--ease-out-cinema);
  will-change: opacity, transform;
}

[data-stagger].on > * {
  opacity: 1;
  transform: none;
}

[data-stagger].on > *:nth-child(1) { transition-delay: .04s }
[data-stagger].on > *:nth-child(2) { transition-delay: .12s }
[data-stagger].on > *:nth-child(3) { transition-delay: .20s }
[data-stagger].on > *:nth-child(4) { transition-delay: .28s }
[data-stagger].on > *:nth-child(5) { transition-delay: .36s }
[data-stagger].on > *:nth-child(6) { transition-delay: .44s }
[data-stagger].on > *:nth-child(7) { transition-delay: .52s }
[data-stagger].on > *:nth-child(8) { transition-delay: .60s }
[data-stagger].on > *:nth-child(9) { transition-delay: .68s }

[data-parallax] {
  will-change: transform;
  transition: transform .15s linear;
}

.dl-section-fade {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: opacity 1s var(--ease-out-cinema), transform 1s var(--ease-out-cinema);
  will-change: opacity, transform;
}

.dl-section-fade.on { opacity: 1; transform: none; }

/* TILDA POPUP */
.t-popup .t-popup__container,
.t-popup .t-popup__container-flex,
.t-popup .t-popup__container-static,
.t-popup [class*="t-popup__container"]:not(.t-popup__close-wrapper) {
  position: relative !important;
}

.t-popup .t-popup__close-wrapper,
.t-popup_show .t-popup .t-popup__close-wrapper {
  position: absolute !important;
  top: max(14px, env(safe-area-inset-top, 0px)) !important;
  right: max(14px, env(safe-area-inset-right, 0px)) !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  -webkit-transform: none !important;
  margin: 0 !important;
  z-index: 100 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  text-align: right !important;
}

.t-popup .t-popup__block-close,
.t-popup_show .t-popup .t-popup__block-close {
  position: absolute !important;
  top: max(14px, env(safe-area-inset-top, 0px)) !important;
  right: max(14px, env(safe-area-inset-right, 0px)) !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  -webkit-transform: none !important;
  margin: 0 !important;
  z-index: 100 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  width: auto !important;
  height: auto !important;
}

.t-popup.t-popup_show > .t-popup__close:not(.t-popup__close-wrapper):not(button),
.t-popup_show.t-popup > .t-popup__close:not(.t-popup__close-wrapper):not(button) {
  position: fixed !important;
  top: max(16px, env(safe-area-inset-top, 0px)) !important;
  right: max(16px, env(safe-area-inset-right, 0px)) !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  -webkit-transform: none !important;
  margin: 0 !important;
  z-index: 10000002 !important;
}

.t-popup .t-popup__close-wrapper::before,
.t-popup .t-popup__close-wrapper::after {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.t-popup .t-popup__close,
.t-popup button.t-popup__close,
.t-popup_show .t-popup .t-popup__close,
.t-popup_show .t-popup button.t-popup__close {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
  min-width: 44px !important;
  min-height: 44px !important;
  width: auto !important;
  height: auto !important;
  padding: 12px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.2s ease;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.t-popup .t-popup__close::before,
.t-popup .t-popup__close::after,
.t-popup button.t-popup__close::before,
.t-popup button.t-popup__close::after {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: none !important;
}

.t-popup .t-popup__close:hover,
.t-popup button.t-popup__close:hover,
.t-popup_show .t-popup .t-popup__close:hover,
.t-popup_show .t-popup button.t-popup__close:hover {
  opacity: 0.75 !important;
}

.t-popup .t-popup__close svg,
.t-popup button.t-popup__close svg,
.t-popup_show .t-popup .t-popup__close svg,
.t-popup_show .t-popup button.t-popup__close svg {
  display: block !important;
  max-width: none !important;
  width: 26px !important;
  height: 26px !important;
  flex-shrink: 0 !important;
}

.t-popup .t-popup__close img,
.t-popup button.t-popup__close img,
.t-popup_show .t-popup .t-popup__close img,
.t-popup_show .t-popup button.t-popup__close img {
  display: block !important;
  max-width: none !important;
  width: 26px !important;
  height: auto !important;
}

@media (min-width: 981px) {

  .t-popup .t-popup__close-wrapper,
  .t-popup_show .t-popup .t-popup__close-wrapper,
  .t-popup .t-popup__block-close,
  .t-popup_show .t-popup .t-popup__block-close {
    top: max(20px, env(safe-area-inset-top, 0px)) !important;
    right: max(26px, env(safe-area-inset-right, 0px)) !important;
  }

  .t-popup.t-popup_show > .t-popup__close:not(.t-popup__close-wrapper):not(button),
  .t-popup_show.t-popup > .t-popup__close:not(.t-popup__close-wrapper):not(button) {
    top: max(22px, env(safe-area-inset-top, 0px)) !important;
    right: max(28px, env(safe-area-inset-right, 0px)) !important;
  }

  .t-popup .t-popup__close,
  .t-popup button.t-popup__close,
  .t-popup_show .t-popup .t-popup__close,
  .t-popup_show .t-popup button.t-popup__close {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .t-popup .t-popup__close svg,
  .t-popup button.t-popup__close svg,
  .t-popup_show .t-popup .t-popup__close svg,
  .t-popup_show .t-popup button.t-popup__close svg {
    width: 32px !important;
    height: 32px !important;
  }

  .t-popup .t-popup__close img,
  .t-popup button.t-popup__close img,
  .t-popup_show .t-popup .t-popup__close img,
  .t-popup_show .t-popup button.t-popup__close img {
    width: 32px !important;
  }
}

#rec2226247291 .t-submit,
#rec2226247291 button.t-submit,
#rec2226247291 input.t-submit[type="submit"],
#rec2226247291 form button[type="submit"] {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 17px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--mg), #ff24b8) !important;
  background-size: 200% 200% !important;
  background-position: 0 0 !important;
  color: var(--wh) !important;
  font-family: var(--ff-h) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  margin-top: 4px !important;
  box-shadow: 0 12px 28px rgba(203, 31, 153, 0.35) !important;
  transition:
    background-position 0.8s var(--ease-out-cinema),
    transform 0.35s var(--ease-out-cinema),
    box-shadow 0.55s var(--ease-out-cinema) !important;
  line-height: 1.25 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#rec2226247291 .t-submit::after,
#rec2226247291 button.t-submit::after,
#rec2226247291 input.t-submit[type="submit"]::after,
#rec2226247291 form button[type="submit"]::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 60% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent) !important;
  transform: skewX(-25deg) !important;
  pointer-events: none !important;
  transition: left 0.9s var(--ease-out-cinema) !important;
}

@media (hover: hover) and (pointer: fine) {

  #rec2226247291 .t-submit:hover,
  #rec2226247291 button.t-submit:hover,
  #rec2226247291 input.t-submit[type="submit"]:hover,
  #rec2226247291 form button[type="submit"]:hover {
    background-position: 100% 100% !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 40px rgba(203, 31, 153, 0.5) !important;
  }

  #rec2226247291 .t-submit:hover::after,
  #rec2226247291 button.t-submit:hover::after,
  #rec2226247291 input.t-submit[type="submit"]:hover::after,
  #rec2226247291 form button[type="submit"]:hover::after {
    left: 150% !important;
  }
}

#rec2226247291 .t-submit:active,
#rec2226247291 button.t-submit:active,
#rec2226247291 input.t-submit[type="submit"]:active,
#rec2226247291 form button[type="submit"]:active {
  transform: translateY(0) !important;
  transition-duration: 0.15s !important;
}

#rec2226247291 .t-submit:disabled,
#rec2226247291 button.t-submit:disabled,
#rec2226247291 input.t-submit[type="submit"]:disabled,
#rec2226247291 form button[type="submit"]:disabled {
  opacity: 0.85 !important;
  cursor: default !important;
  transform: none !important;
}