/* VNISH GLOBAL · v95 · телефон как флагман
 *
 * Разбор по разделам, а не общий косметический проход. Что нашлось на 390px:
 *
 * ХИРО. Кнопки были приколоты `position:absolute` к низу кадра высотой 1010px -
 * на экране 844px они уезжали под нижнюю панель, а первый экран показывал
 * пустоту и половину шара. Теперь копия сверху, кнопки в потоке во всю ширину,
 * шар - иллюстрацией под ними. Ничего не удалено, только переставлено.
 *
 * ЗАГОЛОВКИ. h2 приходили на телефон с кеглем 51-55px и занимали три-четыре
 * строки: один заголовок съедал пол-экрана. 31px читается так же уверенно и
 * возвращает разделу воздух.
 */

@media (max-width: 760px) {
  /* ---------- хиро ---------- */
  .hero { min-height: 0 !important; padding-top: 76px; padding-bottom: 18px; }
  .hero-copy { padding-top: 0 !important; }
  .hero-copy > .eyebrow { margin-top: 0 !important; }
  .hero h1 { margin-top: 14px !important; }
  .hero-claim-note { margin-top: 10px !important; }
  .hero-lede { margin-top: 12px !important; }

  .hero-actions {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin-top: 20px !important;
    width: 100%;
  }
  .hero-actions > * { width: 100% !important; justify-content: center; }

  .hero .engineer-link {
    position: static !important;
    margin-top: 14px;
    justify-content: flex-start;
  }

  /* шар и его слои опускаются под текст единым блоком, чтобы не разъехались */
  .global-sphere-stage,
  .global-earth-emission,
  .global-orbit-overlay { top: 560px !important; height: 330px !important; }
  .global-cloud-foundation { top: 700px !important; height: 260px !important; }
  .hero-atmosphere { height: 960px !important; }
  .hero-proof { position: static !important; margin-top: 330px !important; }

  /* ---------- масштаб заголовков ---------- */
  section h2 {
    font-size: 31px !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em;
  }
  section h2 em,
  section h2 span { font-size: inherit !important; }
  section h2 br { display: none; }

  /* ---------- точечные обрезки, найденные аудитом ---------- */

  /* 45 / 73 / 10: подпись «VERIFIED ROUTES» переносилась на две строки и
     упиралась в фиксированные 80px, нижняя строка срезалась */
  .authority-stats {
    height: auto !important;
    overflow: visible !important;
  }
  .authority-stats span {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    padding: 14px 8px !important;
  }
  .authority-stats small { line-height: 1.3 !important; }

  /* обложка дека вылезала за свою колонку на 16px */
  .briefing-console.deck-hall { max-width: 100% !important; min-width: 0 !important; }
  .briefings-layout { min-width: 0; }

  /* шаг «Passport» в дорожке резолвера выходил за контейнер */
  .resolver-steps { flex-wrap: wrap; row-gap: 8px; }
  .resolver-steps > * { min-width: 0; }

  /* горизонтальное меню дашборда прокручивается, но обрывалось на полуслове -
     мягкий край честно говорит, что строку можно листать */
  .dash .dsb {
    -webkit-mask-image: linear-gradient(90deg, #000 86%, transparent);
    mask-image: linear-gradient(90deg, #000 86%, transparent);
  }
}