/* Подвариант a4. Тот же стальной серый, но сияние снято начисто. */
/* Стили главного меню. Общие для всех страниц сайта.
   Вынесены из главной 20 сентября 2026: правка в одном месте меняет все страницы. */

/* ═══════════════════════════════════════════════════════════════════════
   ВАРИАНТ А — «РАСТВОРЯЮЩИЕСЯ ЛИНИИ», 20 сентября 2026.
   Отдельная копия menu.css под сравнение вариантов: исходный файл не
   тронут, подключается только страницей orchestration-menu-a.html.

   Что изменено против исходника — ровно два места, больше ничего.

   1. Вертикальные разделители между колонками полотна.
      Было: сплошная полупрозрачная белая черта во всю высоту колонки
      (border-left у .pmm-col + .pmm-col). Ровный отрезок упирался в
      верх и низ колонки двумя тупыми торцами, и полотно из-за этого
      читалось как таблица с графами.
      Стало: линия плотная в середине и сходит в ноль к обоим концам —
      игла, заточенная с двух сторон. Сама граница оставлена на месте,
      но прозрачной: ширина колонок и все отступы до точки прежние,
      а черта рисуется поверх двумя слоями (::before — жало в одну
      точку, ::after — холодный отсвет вокруг него).

   2. Нижняя граница полотна меню.
      Было: сплошная волосяная черта во всю ширину окна (border-bottom
      у .pmm-panel--wide). Она честно отделяла полотно от страницы, но
      двумя торцами упиралась в края окна и обрубала полотно как ящик.
      Стало: та же логика, что у разделителей — плотно в середине окна
      и растворяется к левому и правому краю. Граница снята, линия ушла
      в фоновый слой полотна: так она держится у нижнего края даже
      когда полотно прокручивается в низком окне, и не зависит от
      порядка наложения.

   Оттенок. Владелец просил «какой-то стальной цвет». Взят холодный
   светло-серый (206,217,231) вместо чистого белого и очень слабый
   отсвет под ним (178,199,225) — на чёрном это читается как блик на
   стали, а не как цвет: насыщенности нет, только холод. Оранжевый и
   любые цветные штрихи в меню по-прежнему запрещены.

   Плотность. В середине линия заметно гуще прежней (.21 против .11 у
   разделителя, .27 у нижней черты), по краям — ноль. Средняя тяжесть
   остаётся прежней: линия не стала ярче, она стала неравномерной.

   Поведение меню, размеры, отступы, цвета текста, подсветка пунктов
   при наведении и телефонное меню не тронуты вообще. Переменная
   --pmm-line-soft оставлена: ею живут разделители телефонного меню.
   ═══════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════
   ШАПКА И МЕГА-МЕНЮ — вариант Д-06, 20 сентября 2026.
   Живёт только в этом файле: paymatic.css не трогается, чтобы соседние
   варианты не поехали. Все свои классы с приставкой pmm-, чужие правила
   переопределяются точечно и только для шапки.

   Устройство.
   1. Полоса шапки прежней высоты (52 + 8 + 8 = 68), геометрия не менялась:
      от неё зависит прилипание и вылет планеты за верх страницы.
   2. Большие разделы («Продукты», «Решения») раскрываются полотном во всю
      ширину окна: колонки-группы с вертикальными линиями, внизу полоса с
      предложением. Маленькие («Разработчикам», «Компания») — короткой
      карточкой под своим пунктом.
   3. Полотно тёмное, а не белое: сайт чёрный, и белая плашка била по
      глазам вспышкой. Отделяется от страницы волосяной линией сверху,
      тенью и затемнением всего, что ниже.
   4. Раскрытие держится на :hover и :focus-within, скрипт только красит
      шапку, гасит по Esc и открывает по нажатию (сенсорный экран).
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* Полотно меню чёрное, как шапка сайта (просьба владельца 20 сентября
     2026). На чёрном прежние оттенки серого пропадали, поэтому пересчитаны
     все зависимые цвета — замер контраста по WCAG приведён у каждого. */
  --pmm-panel:#000000;
  --pmm-panel-top:#000000;
  --pmm-line:rgba(255,255,255,.16);        /* края полотна и карточек */
  --pmm-line-soft:rgba(255,255,255,.11);   /* линии между колонками */
  --pmm-ink:#f4f4f5;                       /* названия, контраст 19,1 */
  --pmm-mute:#9a9ca3;                      /* пояснения, контраст 7,7 */
  /* Оранжевый убран из меню по просьбе владельца 20 сентября 2026,
     акцент держится яркостью, а не цветом. */
  --pmm-acc:#e8e9ec;
}

/* ── Полоса шапки ─────────────────────────────────────────────────────── */
.pmm.navbar{gap:0}
/* Знак ведёт на главную со всех страниц, КРОМЕ самой главной: там у него
   снят адрес, и он просто картинка (слово владельца 6 октября 2026).
   Рука задана явно и только при наличии адреса: у ссылки, внутри которой
   лежит одна картинка, не каждый браузер показывает её сам, а на главной
   её быть не должно вовсе. */
.pmm .pmm-brand{display:flex;align-items:center;flex:none}
.pmm a.pmm-brand[href]{cursor:pointer}
.pmm .pmm-brand img{height:24px;width:auto;display:block}

.pmm-nav{display:flex;align-items:center;gap:2px;margin-left:30px}
.pmm-item{display:block}
.pmm-item--anchor{position:relative}

/* Пункт верхнего уровня. Кнопка, а не ссылка: он никуда не ведёт,
   он открывает полотно. */
.pmm-t{
  display:inline-flex;align-items:center;gap:7px;
  /* Шрифт верхних пунктов взят из index-d-01 по выбору владельца
     20 сентября 2026: Montserrat, прописные, разрядка. */
  font:700 12.5px/1 'Montserrat',sans-serif;
  letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;
  color:rgba(255,255,255,.8);background:none;border:0;cursor:pointer;
  padding:9px 14px;border-radius:999px;
  transition:color .15s ease,background-color .15s ease;
}
.pmm-t:hover{color:#fff;background:rgba(255,255,255,.08)}
.pmm-t:focus-visible{color:#fff;background:rgba(255,255,255,.08);outline:2px solid rgba(255,255,255,.75);outline-offset:1px}
/* flex:none обязателен: с шестью разделами в меню места впритык, и без
   него гибкая раскладка сплющивала галочку до двух точек по ширине. */
.pmm-t .pmm-car{width:10px;height:10px;flex:none;margin-left:-3px;opacity:.55;transition:transform .2s ease,opacity .15s ease}
.pmm-item:hover > .pmm-t,.pmm-item:focus-within > .pmm-t,.pmm-item.is-open > .pmm-t{
  color:#fff;background:rgba(255,255,255,.08)}
.pmm-item:hover > .pmm-t .pmm-car,
.pmm-item:focus-within > .pmm-t .pmm-car,
.pmm-item.is-open > .pmm-t .pmm-car{transform:rotate(180deg);opacity:.9}

.pmm-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.pmm-login{
  display:inline-flex;align-items:center;gap:7px;
  font:700 12.5px/1 'Montserrat',sans-serif;
  letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.72);
  padding:9px 2px;transition:color .15s ease;margin-left:40px}
.pmm-login:hover{color:#fff}
.pmm-login svg{width:16px;height:16px;opacity:.65}
/* Кнопка призыва белая, а не оранжевая: решение владельца 8 сентября 2026,
   на тёмной полосе белая заметнее акцентной и не спорит с логотипом. */
.pmm-cta{
  display:inline-flex;align-items:center;gap:8px;
  font:800 12px/1 'Montserrat',sans-serif;letter-spacing:.06em;text-transform:uppercase;
  background:#fff;color:#131313;padding:12px 20px;border-radius:999px;white-space:nowrap;
  transition:background-color .15s ease,transform .15s ease}
.pmm-cta svg{width:13px;height:13px;transition:transform .2s ease}
.pmm-cta:hover{background:#ffd9c8}
.navbar .pmm-burger{display:none}

/* ── Общее для полотен ────────────────────────────────────────────────── */
.pmm-panel{
  position:absolute;z-index:5;pointer-events:auto;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  /* Открывается мгновенно, гаснет с задержкой: рука дрожит, курсор на
     миг выходит за пределы пункта, и без задержки меню мигает. */
  transition:opacity .16s ease .2s,transform .18s cubic-bezier(.2,.7,.3,1) .2s,visibility 0s .38s;
}
.pmm-item:hover > .pmm-panel,
.pmm-item:focus-within > .pmm-panel,
.pmm-item.is-open > .pmm-panel{
  opacity:1;visibility:visible;transform:translateY(0);
  transition-delay:0s,0s,0s}
/* Курсор ушёл на соседний пункт — прежнее полотно гаснет сразу, иначе
   два полотна какое-то время висят одновременно. */
.pmm-nav:hover .pmm-item:not(:hover) > .pmm-panel{transition-delay:0s;transition-duration:.1s}
/* Правка 21 сентября 2026: пока рука ведёт курсор по пунктам, полотно
   меняется мгновенно и без съезда сверху. Иначе на каждом пункте заново
   играло движение на 8 точек, и меню казалось скачущим, хотя должно
   стоять на месте и менять только содержимое. Уход курсора из шапки
   по-прежнему гасит полотно плавно. */
.pmm-nav:hover .pmm-panel{transition-duration:0s !important;transition-delay:0s !important}
.pmm-nav:hover .pmm-item:hover > .pmm-panel,
.pmm-nav:hover .pmm-item:focus-within > .pmm-panel{transform:none}
/* Esc, ожидание перехода и «меню спит» после перехода — гасим наглухо. */
header.site.pmm-shut .pmm-panel,
html.pm-zhdyom .pmm-panel,
html.pm-menyu-spit .pmm-panel{
  opacity:0 !important;visibility:hidden !important;transform:translateY(-8px) !important;
  transition:none !important}
html.pm-zhdyom .pmm-item:hover > .pmm-t .pmm-car,
html.pm-menyu-spit .pmm-item:hover > .pmm-t .pmm-car{transform:none}

/* Полотно во всю ширину: приколото к нижнему краю шапки. Точка отсчёта —
   сама шапка (position:relative), поэтому у широких пунктов своей точки
   отсчёта быть не должно. */
.pmm-panel--wide{
  left:0;right:0;top:100%;
  /* Полотно и страница под ним одного цвета, поэтому границу держит не
     тень (на чёрном её не видно), а волосяная линия по низу полотна. */
  /* Линия под шапкой убрана по просьбе владельца 20 сентября 2026:
     полоса и полотно читаются одной поверхностью. */
  border-top:0;
  /* Нижняя черта больше не граница, а верхний слой фона. Причина: граница
     умеет быть только ровной во всю ширину, а нужна та же игла, что между
     колонками — плотно посреди окна и в ноль к обоим краям. Фоновый слой
     вдобавок не прокручивается вместе с содержимым, если в низком окне
     полотно придётся листать, и остаётся ровно у нижнего края.
     Второй слой — холодный отсвет, поднимающийся от середины черты: он
     отделяет полотно от страницы там, где сама линия уже растворилась. */
  border-bottom:0;
  background:
    linear-gradient(to right,
      rgba(206,217,231,0)    0%,
      rgba(206,217,231,.04)  8%,
      rgba(206,217,231,.13) 22%,
      rgba(206,217,231,.24) 42%,
      rgba(206,217,231,.27) 50%,
      rgba(206,217,231,.24) 58%,
      rgba(206,217,231,.13) 78%,
      rgba(206,217,231,.04) 92%,
      rgba(206,217,231,0)  100%) left bottom / 100% 1px no-repeat,
    radial-gradient(52% 26px at 50% 100%,
      rgba(178,199,225,0),rgba(178,199,225,0) 72%),
    var(--pmm-panel);
  box-shadow:0 34px 60px -18px rgba(0,0,0,.9);
  max-height:calc(100vh - 68px);overflow:hidden auto;
}
.pmm-in{max-width:1240px;margin:0 auto;padding:0 20px}
/* Ширина содержимого полотна равна колонке сайта (--wrap: 1240) и шапке:
   иначе пункты меню стояли левее логотипа и выходили за края страницы.
   Владелец увидел это на снимке 20 сентября 2026 и потребовал выровнять.
   Прежде здесь стояло 1400 ради подписей в одну строку — вместо ширины
   строки выигрываются сжатием отступов колонок и значков ниже. */
.pmm-cols{display:grid;grid-template-columns:0.96fr 1.01fr 1.03fr;padding:30px 20px}
/* Колонки чуть разной ширины: после сужения полотна до 1240 самые длинные
   пояснения («Подключение банков и платёжных провайдеров», «Управление
   мерчантами, проектами и терминалами») ломались на две строки и ряды шли
   разной высоты. Доли подобраны замером ширины строк в браузере. */
/* В «Решениях» осталось две группы (список владельца 20 сентября 2026),
   поэтому там две колонки, а содержимое сужено: на трёх колонках строки
   растягивались бы вдвое против «Продуктов». */
/* Боковой отступ колонки на 6 точек больше вылета подсветки: капсула при
   наведении не должна доставать до вертикальных линий между колонками
   (просьба владельца 20 сентября 2026). */
/* Полотно «Платёжного центра» по схеме владельца 2 октября 2026: первая
   группа занимает половину полотна и сама делится надвое, справа две
   узкие колонки, в последней две группы друг под другом. */
.pmm-cols--core{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}
/* Один заголовок на всё полотно вместо заголовков у каждого столбика
   (просьба владельца 2 октября 2026). Растянут на все столбики, поэтому
   поля совпадают с полями сетки. */
.pmm-ph{grid-column:1 / -1;margin:0 0 18px;padding:0;
  font:800 11px/1.2 'Montserrat',sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:#6a6d75}
.pmm-col--wide{display:flex;flex-direction:column;padding:0;min-width:0;grid-column:span 2}
/* Четвёртый столбик полотна занят плиткой фискализации: заголовков у
   столбиков больше нет, пункты идут подряд, а касса вынесена отдельным
   блоком. Под курсором плитка не двигается, отклик только цветом. */
/* Плитка фискализации: рисунок кассы вырезан из баннера владельца, фон
   плитки подобран под фон рисунка, поэтому шва не видно. Под курсором
   плитка не двигается, отклик обводкой. */
.pmm-promo{position:relative;display:block;padding:18px;border-radius:18px;
  overflow:hidden;text-decoration:none;background:#f1f3f4}
/* Обводки у плитки нет (владелец убрал 3 октября 2026). Отклик под курсором
   даёт только цвет подписи: фон менять нельзя, он подогнан под фон рисунка. */
.pmm-promo .pmm-promo-d{transition:color .18s ease}
.pmm-promo:hover .pmm-promo-d,.pmm-promo:focus-visible .pmm-promo-d{color:#17211e}
.pmm-promo:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(23,33,30,.35)}
.pmm-promo-tx{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;max-width:70%}
.pmm-promo-n{font:800 17px/1.18 'Manrope',system-ui,sans-serif;color:#17211e}
.pmm-promo-d{font:500 13px/1.3 'Manrope',system-ui,sans-serif;color:#6b7278}
.pmm-promo-pic{position:absolute;right:12px;bottom:10px;height:70%;width:auto;display:block}
/* Широкая группа делится на две независимые подколонки: слева два пункта,
   справа три. Общая сетка строк здесь не годится — высота ряда равнялась
   по самой длинной ячейке, и третий пункт правой подколонки опускался на
   сотню точек вниз (замер со страницы: 204 и 306). */
.pmm-group--split .pmm-group-grid{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-items:start}
.pmm-subcol{display:flex;flex-direction:column;gap:10px;min-width:0}
/* Все пункты полотна одной высоты, поэтому шаг между ними ровный по всей
   панели. Без этого высота зависела от текста: где название в две строки,
   где пояснение в две, и строки шли вразнобой. */
.pmm-panel--wide .pmm-cols .pmm-link{min-height:0}
.pmm-panel--wide .pmm-cols .pmm-link{align-items:flex-start}
.pmm-panel--wide .pmm-cols .pmm-ic{margin-top:1px}
.pmm-panel--wide .pmm-cols .pmm-link + .pmm-link{margin-top:10px}
.pmm-panel--wide .pmm-cols .pmm-group > .pmm-link + .pmm-link{margin-top:10px}
/* Строки в подколонках прижаты к верху своей ячейки: высота ячеек разная
   (у одних пояснение в две строки, у других в одну), и при выравнивании
   по центру соседние строки вставали вразнобой. */
.pmm-group--split .pmm-group-grid > .pmm-link{align-self:start;align-items:flex-start;
  /* Отступ между строками в сетке задаёт сама сетка (row-gap ниже), а не
     соседство в разметке: при заполнении по колонкам первая строка правой
     подколонки идёт в разметке четвёртой и получала лишние 6 точек сверху,
     из-за чего колонки стояли вразнобой. Замер со страницы: 121 и 127. */
  margin-top:0}
.pmm-group--split .pmm-group-grid{row-gap:10px}
.pmm-group--split .pmm-group-grid > .pmm-link > .pmm-ic{margin-top:1px}
.pmm-col{display:flex;flex-direction:column;padding:0;min-width:0}
.pmm-col:first-child{padding-left:0}
.pmm-col:last-child{padding-right:0}
/* Разделитель-игла. Граница оставлена прозрачной, чтобы геометрия колонок
   не сдвинулась ни на точку, а видимая черта собрана из двух слоёв.
   Слой первый (::before) — само жало шириной в точку: густо в середине,
   в ноль к верхнему и нижнему концу. Слой второй (::after) — холодный
   отсвет вокруг жала, овалом, тоже с растворением к концам; он и даёт
   ощущение стали вместо плоской белой черты.
   Оба слоя подложены под курсор (pointer-events:none): подсветка строк
   при наведении работает как работала. */
.pmm-col + .pmm-col{position:relative;border-left:1px solid transparent}
.pmm-col + .pmm-col::before{
  content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(206,217,231,0)    0%,
    rgba(206,217,231,.03) 10%,
    rgba(206,217,231,.10) 24%,
    rgba(206,217,231,.19) 42%,
    rgba(206,217,231,.21) 50%,
    rgba(206,217,231,.19) 58%,
    rgba(206,217,231,.10) 76%,
    rgba(206,217,231,.03) 90%,
    rgba(206,217,231,0)  100%)}
.pmm-col + .pmm-col::after{
  content:"";position:absolute;left:-3px;top:0;bottom:0;width:7px;pointer-events:none;
  background:radial-gradient(3.5px 46% at 50% 50%,
    rgba(178,199,225,0),rgba(178,199,225,0) 100%)}
.pmm-col + .pmm-col .pmm-gh:first-child{padding-left:0}

/* Заголовок группы. Название группы задано заказчиком и не меняется,
   поэтому оформление держит его как рубрику: прописные, разрядка,
   волосяная линия под всю колонку. */
.pmm-gh{
  font:800 11px/1.2 'Montserrat',sans-serif;letter-spacing:.14em;text-transform:uppercase;
  /* Тот же приглушённый серый, что у подписей групп в подвале: меню и подвал
     должны говорить одним голосом (просьба владельца 20 сентября 2026). */
  color:#6a6d75;margin:0 0 12px;padding:0 0 4px;
  /* Подчёркивание рубрик убрано по просьбе владельца 20 сентября 2026. */
  border-bottom:0}
/* Разрыв между рубриками внутри колонки: было 26, стало 14 —
   «Инфраструктура» висела слишком низко под «Фискализацией». */
.pmm-group + .pmm-group{margin-top:14px}
/* В широком полотне вторая группа столбика (фискализация) встаёт на ту же
   линию, что и третий пункт соседних столбиков: отступ считан со страницы
   как высота пункта плюс заголовок группы. */
.pmm-panel--wide .pmm-cols .pmm-group + .pmm-group{margin-top:50px}

/* Строка меню */
.pmm-link{
  position:relative;
  display:flex;align-items:center;gap:12px;
  /* Капсулу пробовали (как у верхних пунктов шапки) — при высокой строке
     со значком овал смотрелся тяжело, владелец вернул прежнее скругление
     20 сентября 2026. Отступы и вылет оставлены новые. */
  padding:10px 12px;margin:0 -12px;border-radius:14px;
  transition:background-color .14s ease}
/* Правка 21 сентября 2026: строки шли вплотную, зазор был нулевой, и
   подсветки соседних строк смыкались в одну полосу. Разведены на 6 точек. */
.pmm-link + .pmm-link{margin-top:6px}
.pmm-link:hover{background:rgba(255,255,255,.09)}
.pmm-link:focus-visible{background:rgba(255,255,255,.09);outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.6)}
.pmm-ic{
  width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);
  transition:background-color .14s ease,border-color .14s ease}
.pmm-ic svg{width:19px;height:19px;color:rgba(255,255,255,.78);transition:color .14s ease}
.pmm-link:hover .pmm-ic,.pmm-link:focus-visible .pmm-ic{
  background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}
.pmm-link:hover .pmm-ic svg,.pmm-link:focus-visible .pmm-ic svg{color:var(--pmm-acc)}
.pmm-tx{display:flex;flex-direction:column;min-width:0}
.pmm-n{font:700 15px/1.25 'Manrope',system-ui,sans-serif;color:var(--pmm-ink)}
.pmm-d{font:500 13px/1.35 'Manrope',system-ui,sans-serif;color:var(--pmm-mute);margin-top:3px}
/* Стрелка справа убрана по просьбе владельца 20 сентября 2026: подсветка
   строки и так показывает, что пункт живой. Разметка оставлена в страницах,
   скрытие держится здесь одним местом. */
.pmm-ar{display:none}

/* Нижняя полоса полотна: одно предложение и одно действие. */
/* Линии вокруг нижнего блока убраны по просьбе владельца 20 сентября 2026:
   блок отделяется только лёгкой подсветкой фона. */
/* Нижняя полоса с призывом убрана по просьбе владельца 20 сентября 2026.
   Разметка оставлена во всех страницах, скрытие держится здесь одним
   местом: вернуть — снять эту строку. */
.pmm-foot{display:none}
.pmm-foot--was{border-top:0;background:rgba(255,255,255,.05)}
.pmm-foot-in{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding-top:18px;padding-bottom:18px}
.pmm-foot-q{font:800 14px/1.3 'Montserrat',sans-serif;letter-spacing:.01em;text-transform:uppercase;
  color:#fff}
.pmm-foot-q span{color:var(--pmm-mute);font-weight:700;text-transform:none;letter-spacing:0;
  font-family:'Manrope',system-ui,sans-serif;font-size:14px;margin-left:12px}
.pmm-foot-b{
  display:inline-flex;align-items:center;gap:9px;flex:none;
  font:800 12px/1 'Montserrat',sans-serif;letter-spacing:.06em;text-transform:uppercase;
  color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
  padding:12px 18px;border-radius:999px;transition:background-color .14s ease,border-color .14s ease}
.pmm-foot-b svg{width:13px;height:13px;color:var(--pmm-acc)}
.pmm-foot-b:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.28)}

/* ── Короткая карточка у малых разделов ───────────────────────────────── */
/* Крайний справа раздел раскрывается влево: иначе полотно уходило за
   правый край окна на 81 точку (замер со страницы 3 октября 2026). */
.pmm-nav .pmm-item:last-child .pmm-panel--card{left:auto;right:2px}
/* Отступ от левого края у выпадающих списков такой же, как в полотне
   «Платёжный центр»: 21 точка до значка. Внутренняя полоса карточки
   поля не держит, иначе набегало 42 (замер 3 октября 2026). */
.pmm-panel--card .pmm-in{padding:0}
.pmm-panel--card{
  top:calc(100% + 10px);left:2px;width:296px;
  background:var(--pmm-panel);border:1px solid var(--pmm-line);
  border-radius:18px;padding:10px;
  box-shadow:0 26px 50px -14px rgba(0,0,0,.8)}
.pmm-panel--card .pmm-link{margin:0;padding:10px 11px;border-radius:12px}
.pmm-panel--card .pmm-ic{width:34px;height:34px;border-radius:10px}
.pmm-panel--card .pmm-ic svg{width:18px;height:18px}
/* Мостик через просвет между пунктом и карточкой, иначе на полпути курсор
   выходит из зоны наведения. */
.pmm-item--anchor::after{content:"";position:absolute;left:0;top:100%;width:100%;height:12px}

/* Живая точка у строки состояния. */
.pmm-live{width:7px;height:7px;border-radius:50%;background:#38d07a;flex:none;margin-left:auto;
  box-shadow:0 0 0 0 rgba(56,208,122,.55);animation:pmm-pulse 2.6s ease-out infinite}
@keyframes pmm-pulse{
  0%{box-shadow:0 0 0 0 rgba(56,208,122,.5)}
  70%{box-shadow:0 0 0 7px rgba(56,208,122,0)}
  100%{box-shadow:0 0 0 0 rgba(56,208,122,0)}}

/* ── Затемнение страницы под открытым меню ───────────────────────────── */
/* Снималось 5 октября 2026 и в тот же день возвращено по слову владельца:
   без вуали он посмотрел и решил оставить как было. */
.pmm-scrim{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:rgba(0,0,0,.72);opacity:0;visibility:hidden;
  transition:opacity .2s ease,visibility 0s .2s}
header.site.pmm-open .pmm-scrim{opacity:1;visibility:visible;transition-delay:0s}

/* Нажали ссылку — затемнение и полотно гаснут в тот же миг, не дожидаясь
   новой страницы (5 октября 2026, слово владельца).

   Было: вуаль держится, пока браузер грузит следующую страницу, а старая
   всё это время висит на экране притемнённой. Новая пришла — темнота ушла.
   На глаз это читалось так: «страница тёмная, загрузилась и посветлела».
   Владелец гонялся за этим эффектом несколько сессий.

   Признак ожидания на корне страницы ставит paymatic-motion.js в момент
   нажатия по своей ссылке. Плавность здесь снимается нарочно: затемнение
   обязано исчезнуть мгновенно, иначе остаётся тот же хвост, только короче. */
html.pm-zhdyom .pmm-scrim{
  opacity:0 !important;visibility:hidden !important;transition:none !important}
html.pm-zhdyom .pmm-panel{
  opacity:0 !important;visibility:hidden !important;
  transform:translateY(-6px) !important;transition:none !important}
html.pm-zhdyom header.site{background:transparent}
/* Пока меню открыто, полоса шапки непрозрачная: иначе тёмное полотно
   висит под прозрачной полосой, сквозь которую видно звёзды. */
header.site.pmm-open{background:#000000}
/* Открыто меню телефона — полоса шапки тоже непрозрачная, иначе сквозь
   неё видно уехавшую страницу. */
:root:has(.mmenu.open) header.site{background:#000000}

@media (prefers-reduced-motion:reduce){
  .pmm-panel,.pmm-scrim,.pmm-link,.pmm-ar,.pmm-cta svg{transition-duration:.01ms !important}
  .pmm-live{animation:none}
}

/* ── Узкие окна ──────────────────────────────────────────────────────── */
/* Ниже 1260 колонки сужаются и пояснения начинают ломаться на две строки:
   строки становятся разной высоты, список выглядит рваным. Поэтому в
   узких окнах остаются одни названия — так список читается быстрее. */
@media(max-width:1260px){
  .pmm-d{display:none}
  .pmm-link{padding:11px 12px}
  .pmm-col{padding:0 18px}
}
/* Пункты ужаты всегда, а не только на узком экране: в полосу сайта
   (1200 точек) семь разделов и вход иначе не помещаются — замер
   3 октября 2026. */
.pmm-nav{margin-left:20px}
.pmm-t{padding:9px 10px;font-size:11.5px;letter-spacing:.07em}
/* Верхнее меню собирается в кнопку раньше, чем перестаёт помещаться:
   замер со страницы — логотип, семь разделов и «Войти» требуют 1325
   точек плюс поля, поэтому порог поднят с 1000 до 1460 (3 октября
   2026). Прежде между 1000 и 1370 пункты лезли на кнопку входа и
   страница получала боковую прокрутку. */
/* Признак вешает скрипт, когда полоса не вмещает пункты: решение по
   замеру на месте, а не по жёсткой ширине окна (3 октября 2026). */
/* Разделы, которым не хватило места, уходят под пункт с тремя точками.
   Он появляется в конце полосы и раскрывается обычным полотном-карточкой
   (3 октября 2026). */
.pmm-item[hidden]{display:none}
.pmm-item--more[hidden]{display:none}
.pmm-t--more{display:flex;align-items:center;justify-content:center;
  min-width:34px;padding:9px 8px}
.pmm-dots{display:flex;align-items:center;gap:3px}
.pmm-dots i{width:3px;height:3px;border-radius:50%;background:currentColor;display:block}
.pmm-item--more{position:relative}
.pmm-panel--more{left:auto;right:0;max-height:min(70vh,560px);overflow-y:auto}
/* Мостик между кнопкой и списком: без него курсор проходит пустой
   промежуток, наведение рвётся и список закрывается на полпути. */
.pmm-item--more::after{content:'';position:absolute;top:100%;right:0;
  width:296px;height:16px;display:none}
.pmm-item--more:hover::after,.pmm-item--more:focus-within::after{display:block}
.pmm-t--more{min-width:40px}
.pmm-panel--more .pmm-group + .pmm-group{margin-top:10px}
@media(max-width:1000px){
  .pmm-nav{display:none}
  .navbar .pmm-burger{display:grid}
  .pmm-login{display:none}
}
@media(max-width:420px){
  .pmm-cta{padding:11px 14px;font-size:11px}
  .pmm-cta svg{display:none}
}

/* ── Телефон: выдвижное меню ─────────────────────────────────────────── */
/* Переопределяем .mmenu из общего файла: там плоский список из прописных
   ссылок, здесь тот же разбор по группам, что и на большом экране. */
.mmenu.pmm-m{display:none;position:fixed;inset:68px 0 0;z-index:49;
  background:#000000;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mmenu.pmm-m.open{display:block}
.pmm-m-in{padding:14px 20px 40px;max-width:720px;margin:0 auto}
.pmm-m-sec{border-bottom:1px solid var(--pmm-line-soft)}
.pmm-m-sec > summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  padding:17px 2px;font:800 17px/1 'Montserrat',sans-serif;text-transform:uppercase;
  letter-spacing:.02em;color:#fff}
.pmm-m-sec > summary::-webkit-details-marker{display:none}
.pmm-m-sec > summary svg{width:16px;height:16px;color:var(--pmm-mute);transition:transform .2s ease}
.pmm-m-sec[open] > summary svg{transform:rotate(180deg);color:var(--pmm-acc)}
/* Пункт телефонного меню без вложенных ссылок: ведёт прямо на страницу.
   Набран и отбит так же, как заголовок раздела с гармошкой, иначе такие
   пункты слипаются между собой. */
.pmm-m-sec--plain{
  display:flex;align-items:center;
  padding:17px 2px;font:800 17px/1 'Montserrat',sans-serif;text-transform:uppercase;
  letter-spacing:.02em;color:#fff;text-decoration:none}
.pmm-m-body{padding:2px 0 16px}
.pmm-m-gh{font:800 10px/1.2 'Montserrat',sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.55);margin:12px 0 6px;padding:0 2px}
.mmenu .pmm-m-link{
  display:flex;align-items:center;gap:13px;padding:10px 10px;margin:0 -10px;
  border:0;border-radius:13px;font-family:'Manrope',system-ui,sans-serif;
  font-size:15px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--pmm-ink)}
.mmenu .pmm-m-link:active{background:rgba(255,255,255,.1)}
.mmenu .pmm-m-flat{font-size:17px;font-family:'Montserrat',sans-serif;font-weight:800;
  text-transform:uppercase;letter-spacing:.02em;padding:17px 2px;margin:0;
  border-bottom:1px solid var(--pmm-line-soft);border-radius:0}
.pmm-m-foot{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.mmenu .pmm-m-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:#fff;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:15px 20px;margin:0}
.mmenu .pmm-m-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:#131313;background:#fff;border:0;border-radius:999px;
  padding:16px 20px;margin:0}
.mmenu .pmm-m-cta svg{width:13px;height:13px}


/* ── Подвал ─────────────────────────────────────────────────────────────
   Колонки подвала повторяют верхнее меню (решение владельца 20 сентября
   2026), поэтому их стало четыре, а сетка в общем файле рассчитана на три:
   четвёртая уезжала под логотип. Правило живёт здесь, чтобы не трогать
   общий файл оформления сайта. */
.foot-top{grid-template-columns:1.4fr 1fr 1fr .8fr .8fr}
@media(max-width:1100px){.foot-top{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.foot-top{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-top{grid-template-columns:1fr}}


/* ═══════════════════════════════════════════════════════════════════════
   ПОДВАЛ САЙТА — новый, 20 сентября 2026. Ставится на все страницы,
   оформление живёт здесь: правка в одном месте меняет подвал везде.

   Решения владельца этой сессии:
   1. Разделы разложены теми же группами, что в меню, поэтому колонки выходят
      примерно одной высоты и снизу не остаётся пустого угла.
   2. Значки стоят у ВСЕХ пунктов, включая «Разработчикам» и «Компанию»
      (значок «Карьеры» дорисован: в меню такого пункта нет).
   3. Вертикальных линий между колонками нет, шапки подвала нет: кнопка
      «Вопросы и ответы», черта и описание сверху убраны.
   4. Знак Paymatic с описанием стоит в первой колонке под списком продуктов,
      описание тянется на ширину двух колонок.
   5. Полотно чёрное, как полотно меню.
   ═══════════════════════════════════════════════════════════════════════ */
.foot-card.pfoot{background:#000}
/* Нижняя строка подвала: поле под ней равно её отступу сверху от черты
   (22 точки), иначе снизу оставался лишний воздух. 27 сентября 2026. */
.foot-card.pfoot{padding-bottom:22px}

/* Тон подвала на главной (решение владельца 26 сентября 2026): тёмно-синий
   вместо чёрного, чтобы подвал отделялся от фона страницы. Остальные
   страницы держат прежний чёрный. */
.foot-card.pfoot.pfoot-home{background:#0b1016}
/* Первая колонка чуть шире остальных: «Маршрутизации и каскадированию» не
   хватало шести точек и название ломалось на две строки. Ширину взяли у
   последней колонки, там строки короткие. */
.pfoot .pf-grid{display:grid;grid-template-columns:1.06fr 1fr 1fr .72fr}
.pfoot .pf-col{padding:0 26px;min-width:0}
.pfoot .pf-col:first-child{padding-left:0}
.pfoot .pf-col:last-child{padding-right:0}
.pfoot h4{font-family:'Montserrat',sans-serif;font-weight:800;text-transform:uppercase;font-size:12.5px;
  letter-spacing:.06em;margin:0 0 14px;color:var(--ink)}
.pfoot h4.pf-hide{visibility:hidden}
.pfoot h4.pf-sep{margin-top:24px}
/* Подписи групп в подвале. С 26 сентября 2026 они единственный уровень
   заголовков: крупные белые названия разделов сняты, поэтому подписи
   набраны тем же начертанием, каким раньше набирались названия разделов. */
.pfoot h5{font:800 12.5px/1.2 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.06em;
  color:var(--ink);margin:0 0 14px}
.pfoot h5 ~ h5{margin-top:24px}
.pfoot .pf-i{display:flex;align-items:center;gap:10px;padding:6px 8px;margin:0 -8px;border-radius:12px;
  color:var(--ink)}
/* При наведении не подсветка, а линия под названием — в той же манере, что
   ссылка в первом экране главной: волосяная черта под текстом, отступ 5 точек.
   Линия выезжает слева, поэтому не дёргает строку и не режет значок. */
.pfoot .pf-i span{position:relative}
.pfoot .pf-i span::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;
  background:rgba(255,255,255,.9);transform:scaleX(0);transform-origin:left center;
  transition:transform .22s ease}
.pfoot .pf-i:hover span::after,.pfoot .pf-i:focus-visible span::after{transform:scaleX(1)}
/* У правовых ссылок внизу подчёркивания нет: владелец оставил его только
   пунктам подвала. */
.pfoot .pf-i i{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}
.pfoot .pf-i i svg{width:14px;height:14px;color:var(--muted)}
.pfoot .pf-i span{font-size:14px;opacity:.86}
.pfoot .pf-i:hover span{opacity:1}
.pfoot .pf-mark{margin:34px 0 0}
.pfoot .pf-mark .brand-logo{height:44px;width:auto}
/* Описание тянется на две колонки: под ним справа пусто, а в одну колонку
   строка ломалась на четыре обрубка. */
.pfoot .pf-mark p{color:var(--muted);font-size:13.5px;line-height:1.5;margin:16px 0 0;
  max-width:none;width:calc(200% + 26px)}
.pfoot .foot-bottom{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:1100px){.pfoot .pf-grid{grid-template-columns:1fr 1fr}
  .pfoot .pf-col{padding:0 20px;margin-bottom:24px}
  .pfoot h4.pf-hide{display:none}}
@media(max-width:700px){.pfoot .pf-grid{grid-template-columns:1fr}
  .pfoot .pf-col{padding:0}
  .pfoot .pf-mark p{width:auto}}


/* ══ Вариант А4 на белом. Полотно светлое, поэтому светлые линии на нём
   не видны: и вертикальные иглы, и нижняя черта перекрашены в тёмное с тем
   же растворением к концам. Содержимое перекрашено под светлый фон. ══ */
.pmm-panel--wide{
  --pmm-ink:#17211e;
  --pmm-mute:#5a5e66;
  /* Правка 21 сентября 2026: широкое полотно живёт отдельной карточкой, как
     у малых разделов. Ширина прежняя (в контентную часть), добавлены отступ
     от шапки, скругление, волосяная рамка и тень. Нижняя черта-игла убрана:
     край держит сама рамка. Скругление режет углы подвала, поэтому обрезка
     по форме. */
  /* Замер 21 сентября 2026: малые карточки стоят на 51 точке, широкое
     полотно при top:100% на 60. Поднято на 9 точек, чтобы оба меню висели
     на одной высоте. */
  top:calc(100% - 9px);
  /* Ширина ровно по контентной области страницы: контейнер держит предел
     1240 точек с полями по 20, значит содержимое максимум 1200. Полотно
     повторяет это и центруется в шапке. */
  left:0;right:0;margin-inline:auto;
  width:min(1200px, calc(100% - 40px));
  background:#ffffff;
  border:1px solid rgba(23,33,30,.10);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 26px 54px -16px rgba(0,0,0,.45)}
.pmm-panel--wide .pmm-col + .pmm-col::before{
  background:linear-gradient(to bottom,
    rgba(23,33,30,0)    0%,
    rgba(23,33,30,.04)  4%,
    rgba(23,33,30,.12) 15%,
    rgba(23,33,30,.20) 33%,
    rgba(23,33,30,.22) 50%,
    rgba(23,33,30,.20) 67%,
    rgba(23,33,30,.12) 85%,
    rgba(23,33,30,.04) 96%,
    rgba(23,33,30,0)  100%)}
.pmm-panel--wide .pmm-gh{color:#8a8e96}
.pmm-panel--wide .pmm-link:hover,
.pmm-panel--wide .pmm-link:focus-visible{background:rgba(23,33,30,.055)}
.pmm-panel--wide .pmm-link:focus-visible{box-shadow:0 0 0 2px rgba(23,33,30,.35)}
.pmm-panel--wide .pmm-ic{
  background:rgba(23,33,30,.055);border:1px solid rgba(23,33,30,.09)}
.pmm-panel--wide .pmm-ic svg{color:#4a544f}
.pmm-panel--wide .pmm-link:hover .pmm-ic,
.pmm-panel--wide .pmm-link:focus-visible .pmm-ic{
  background:rgba(23,33,30,.085);border-color:rgba(23,33,30,.16)}
.pmm-panel--wide .pmm-foot--was{background:rgba(23,33,30,.04)}
.pmm-panel--wide .pmm-foot-q{color:#17211e}


/* Выделение подчёркиванием: фона нет, под пунктом белая черта */
.pmm-item:hover > .pmm-t,
.pmm-item:focus-within > .pmm-t,
.pmm-item.is-open > .pmm-t{
  /* Правка 20 сентября 2026: черта под пунктом обошла его по кругу.
     Заливки по-прежнему нет, обводка нарисована внутренней тенью, поэтому
     размеры пункта не меняются и соседние пункты не сдвигаются. */
  background:none;color:#fff;
  border-radius:999px;
  box-shadow:inset 0 0 0 2px #ffffff}

/* Мостик через просвет между пунктом шапки и широким полотном. Замер
   20 сентября 2026: зазор 19 точек, и на нём курсор терял и пункт, и
   полотно, отчего обводка дёргалась, а меню начинало гаснуть. У малых
   карточек такой мостик в наборе уже есть, здесь он добавлен широким. */
.pmm-nav .pmm-item > .pmm-t{position:relative}
.pmm-nav .pmm-item:has(> .pmm-panel--wide) > .pmm-t::after{
  content:'';position:absolute;left:0;right:0;top:100%;height:12px}

/* Малые карточки («Разработчикам», «Компания») перекрашены в тот же белый,
   что и широкое полотно: иначе в одной шапке живут два разных меню. */
.pmm-panel--card{
  padding:10px 10px 10px 9px;
  --pmm-ink:#17211e;
  --pmm-mute:#5a5e66;
  background:#ffffff;
  border:1px solid rgba(23,33,30,.10);
  box-shadow:0 26px 50px -14px rgba(0,0,0,.45)}
/* Заголовки выпадающих списков живут по образцу «Платёжного центра»:
   тот же серый, тот же отступ слева 21 и воздух сверху (4 октября 2026). */
.pmm-panel--card .pmm-gh{color:#6a6d75;padding:0 0 4px 11px;margin:0 0 18px}
.pmm-panel--card .pmm-in{padding-top:20px}
.pmm-panel--card .pmm-group + .pmm-group .pmm-gh{margin-top:6px}
.pmm-panel--card .pmm-link:hover,
.pmm-panel--card .pmm-link:focus-visible{background:rgba(23,33,30,.055)}
.pmm-panel--card .pmm-link:focus-visible{box-shadow:0 0 0 2px rgba(23,33,30,.35)}
.pmm-panel--card .pmm-ic{
  background:rgba(23,33,30,.055);border:1px solid rgba(23,33,30,.09)}
.pmm-panel--card .pmm-ic svg{color:#4a544f}
.pmm-panel--card .pmm-link:hover .pmm-ic,
.pmm-panel--card .pmm-link:focus-visible .pmm-ic{
  background:rgba(23,33,30,.085);border-color:rgba(23,33,30,.16)}



/* Без цвета: значок просто темнеет, подложка чуть плотнее */
.pmm-panel--wide .pmm-link:hover .pmm-ic,
.pmm-panel--wide .pmm-link:focus-visible .pmm-ic,
.pmm-panel--card .pmm-link:hover .pmm-ic,
.pmm-panel--card .pmm-link:focus-visible .pmm-ic{
  background:rgba(23,33,30,.16);border-color:rgba(23,33,30,.30)}
.pmm-panel--wide .pmm-link:hover .pmm-ic svg,
.pmm-panel--wide .pmm-link:focus-visible .pmm-ic svg,
.pmm-panel--card .pmm-link:hover .pmm-ic svg,
.pmm-panel--card .pmm-link:focus-visible .pmm-ic svg{color:#17211e}

/* Правка 21 сентября 2026: вертикальные разделители между колонками убраны
   по просьбе владельца. Геометрия не трогается: гасятся только два слоя
   черты, прозрачная граница на месте, ширина колонок прежняя. */
.pmm-col + .pmm-col::before,
.pmm-col + .pmm-col::after{display:none}

/* Тот же воздух между строками в малых карточках: их собственное правило
   обнуляет отступы, поэтому зазор задан отдельно. */
.pmm-panel--card .pmm-link + .pmm-link{margin-top:6px}

/* Замер 21 сентября 2026: после появления подписей самая длинная из них
   («Уведомления о событиях в реальном времени») требует 290 точек, а в
   карточке шириной 296 на текст остаётся 208, и подпись ломалась надвое.
   Карточка раздела для разработчиков расширена под своё содержимое;
   «Компания» осталась прежней, там подписей нет. */
#pmm-dev{width:380px}

/* ── Правка 21 сентября 2026: пояснения только в широких полотнах ──────
   В «Продуктах» и «Решениях» подписи под названиями вернулись. В малых
   карточках («Разработчикам», «Компания») они скрыты по просьбе
   владельца: там строки короткие и подпись только утяжеляла карточку.
   Разметка в страницах цела, вернуть — снять первую строку блока.
   Заодно строки карточек сведены плотнее: зазор между ними 2 точки
   вместо 6 и отступ внутри строки 8 вместо 10. */
.pmm-panel--card .pmm-d{display:none}
#pmm-dev{width:296px}
.pmm-panel--card .pmm-link{padding:8px 11px}
.pmm-panel--card .pmm-link + .pmm-link{margin-top:2px}