/* Порядок на телефоне, 07.11.2026 (владелец: «приведи в порядок мобильную версию»).
   Подключается последним на всех страницах. */

/* Иллюстрация «Данные → Документы» лежит на голубой секции своим светлым прямоугольником.
   Умножение берёт цвет секции вместо белого фона картинки, края растворяются. */
.audience-studio .studio-workflow > img {
  mix-blend-mode: multiply;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent),
    linear-gradient(to bottom, transparent, #000 5%, #000 85%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent),
    linear-gradient(to bottom, transparent, #000 5%, #000 85%, transparent);
  mask-composite: intersect;
}

@media (max-width: 760px) {
  /* Шапка прижата к верху. Раньше висела карточкой с зазором 12px, и над ней просвечивал текст. */
  .home-page .site-nav,
  .detail-page .site-nav {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    height: 64px;
    min-height: 64px;
    padding: 0 var(--layout-gutter, 20px);
    border-radius: 0 0 18px 18px;
    box-shadow: 0 6px 18px #17212d12;
  }
  /* Кнопка паузы анимации в шапке телефона непонятна; та же кнопка есть в подвале. */
  .site-nav .motion-toggle { display: none; }
  /* Выпадающее меню — сразу под шапкой, с тем же зазором 8px, что был у карточки. */
  .home-page .mobile-menu,
  .detail-page .mobile-menu { top: 72px; }

  /* Заголовки и вводные абзацы — по левому краю, как карточки под ними.
     Раньше часть секций шла по центру, часть слева. */
  .home-page .center-title,
  .home-page .center-title + p,
  .home-page .company-definition,
  .home-page .about-copy,
  .home-page .section-copy { text-align: left; }
}

/* До 700px первый экран перестраивается в одну колонку (layout.css), шире — схема остаётся линией. */
@media (max-width: 700px) {
  /* Первый экран: схема «откуда → куда» под знаком — сверху вниз по центру, стрелка вниз.
     В строку двумя колонками (07.11) части переносились неровно и пара съезжала вправо
     (владелец 08.11: «криво»). */
  .home-page .hero-selected .hero-visual .hero-guide { display: none; }
  .home-page .hero-selected .hero-flow-labels {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    padding-bottom: 28px;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
  }
  .home-page .hero-selected .hero-flow-labels::before {
    content: "";
    order: 1;
    width: 10px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18'%3E%3Cpath d='M5 0v16M1 12l4 4 4-4' fill='none' stroke='%23245eea' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .home-page .hero-selected .hero-flow-labels > span,
  .home-page .hero-selected .hero-flow-labels > span:last-child { max-width: none; transform: none; text-align: center; }
  .home-page .hero-selected .hero-flow-labels > span:first-child { order: 0; }
  .home-page .hero-selected .hero-flow-labels > span:last-child { order: 2; }
}