/* Главная — общий видеофон на всю страницу и футер (как на /articles.php) */
body.aki-home-body {
  background: #000;
}

/* Мобильный hero: 100vh + центр (как Webflow) — текст ниже хедера; margin-bottom подтягивает следующий блок */
@media (max-width: 991px) {
  body.aki-home-body.rb-bg-black,
  body.aki-home-body .rb-main-wrapper {
    background: transparent !important;
  }

  body.aki-home-body .home-hero-section {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100vh !important;
    min-height: 100vh !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: -20vh !important;
    overflow: visible !important;
  }

  body.aki-home-body .home-hero-container.container-fix {
    display: flex !important;
    flex-flow: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
  }

  body.aki-home-body .home-hero-content {
    width: 100% !important;
    margin-top: 4rem !important;
  }

  body.aki-home-body .left-slide-track-wrapper,
  body.aki-home-body .right-slide-track-wrapper {
    display: none !important;
  }

  body.aki-home-body .home-hero-content .home-hero-h-wrapper,
  body.aki-home-body .home-hero-content .home-hero-h,
  body.aki-home-body .home-hero-content .home-hero-subheading,
  body.aki-home-body .home-hero-content .rb-button {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
}

body.aki-home-body .aki-articles-video-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

body.aki-home-body .aki-articles-video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.aki-home-body main,
body.aki-home-body footer {
  position: relative;
  z-index: 1;
}

/* Не ломать fixed/sticky навбар (Webflow: z-index 9999) */
body.aki-home-body .rb-25-navbar {
  position: sticky !important;
  z-index: 9999 !important;
}

body.aki-home-body main {
  background: transparent;
}

/* Webflow .rb-section по умолчанию белый — просвечивает общий видеофон */
body.aki-home-body .rb-section {
  background: transparent !important;
}

body.aki-home-body .collect-flow-section {
  background: transparent !important;
  overflow: visible;
}

body.aki-home-body .rb-bg-grey-100 {
  background: transparent !important;
}

/* Hero — прозрачный фон, сквозь секцию видно общее видео страницы */
body.aki-home-body .home-hero-section {
  background: transparent !important;
  overflow: hidden;
}

/* Webflow: затемнение на всю ширину секции — убираем */
body.aki-home-body .home-hero-section .hero-bottom-overlay {
  display: none !important;
}

/* Затемнение только внизу колонок с движущимися картинками */
body.aki-home-body .home-hero-section .hero-marquee {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 88%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 88%, transparent 100%);
}

body.aki-home-body .home-hero-section .wrapper-reverse.hero-marquee {
  -webkit-mask-image: linear-gradient(to top, #000 88%, transparent 100%);
  mask-image: linear-gradient(to top, #000 88%, transparent 100%);
}

/* Форма контактов — сквозь секцию видно общее видео, но позади формы лежит
   матовое (frosted) светлое стекло: видео размывается и не мешает, а сама форма
   (тёмный текст) остаётся читаемой и неизменной. Края стекла плавно уходят в
   прозрачность (маска сверху/снизу) — переходов между блоками и границ размытия не видно. */
body.aki-home-body .contact-terminal-section {
  background: transparent !important;
  color: #1a1a1a;
}

body.aki-home-body .contact-terminal-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.74);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 88%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 88%, transparent 100%);
}

/* Футер без отдельного видео — тот же фон, что и у страницы */
.rb-footer.rb-footer-custom.aki-home-footer {
  background: transparent !important;
}

.rb-footer.rb-footer-custom.aki-home-footer .rb-footer-video-bg {
  display: none !important;
}

/* Светлые блоки: читаемый текст на тёмном видео */
body.aki-home-body .partnership-section .partnership-heading .rb-h2 {
  color: #fff !important;
}

body.aki-home-body .partnership-section .partnership-subtitle {
  color: rgba(255, 255, 255, 0.78) !important;
}

body.aki-home-body .api-integration-section .api-integration-title {
  color: #fff !important;
}

body.aki-home-body .api-integration-section .api-integration-text,
body.aki-home-body .api-integration-section .api-integration-bullets li {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Криптоплатежи — прозрачный фон, сквозь блок видно общее видео страницы */
body.aki-home-body .crypto-payments-section,
body.aki-home-body .crypto-payments-section-head,
body.aki-home-body .crypto-payments-block,
body.aki-home-body .crypto-payments-text-col {
  background: transparent !important;
}

/* Ячейки криптовалют — фон как у хедера */
body.aki-home-body .crypto-marquee-item {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

/* Wheel-секция: убираем затемняющие оверлеи по краям */
body.aki-home-body .wheel-section .case-studies-left-bottom-overlay,
body.aki-home-body .wheel-section .case-studies-right-bottom-overlay {
  display: none !important;
}

/* FAQ — белый текст на тёмном видео */
body.aki-home-body #faq,
body.aki-home-body #faq .rb-h2,
body.aki-home-body #faq .faq-toggle,
body.aki-home-body #faq .faq-toggle div,
body.aki-home-body #faq .faq-answer,
body.aki-home-body #faq .faq-answer-text,
body.aki-home-body #faq .faq-answer-text * {
  color: #fff !important;
}

/* FAQ — крестик/плюс раскрытия делаем белым */
body.aki-home-body #faq .faq-cross-horizontal-line,
body.aki-home-body #faq .faq-cross-vertical-line {
  background-color: #fff !important;
}

/* FAQ — разделительные линии между вопросами (были чёрные) делаем белыми */
body.aki-home-body #faq .faq-item {
  border-top-color: rgba(255, 255, 255, 0.22) !important;
}