/* ============================================================
   ok-about.css — слой страницы «О компании» (/o-kompanii/, tpl-about.php).
   Волна DEEPSEEK_WAVE_OKNA_ABOUT_MAKET16 — полная пересборка под макет 16.
   Источник величин — макет «16 О компании.dc.html» (десктоп + мобилка M).

   СКОУП. Каждый селектор начинается с класса страницы (.ok-about-page / .ok-about-*).
   Общие классы (.okna-wrap, .okna-services__title, .okna-btn, .okna-part*, .gv-cert*,
   .okna-cases*, .okna-faq) правятся ТОЛЬКО под этим префиксом: они печатаются также
   на главной, B2B и других страницах. Новых `!important` в файле ноль (проверяется
   счётом объявлений). Слой подключается ТОЛЬКО на tpl-about (functions.php) и грузится
   после design.css/glavnaya.css/okna-mobile.css — перебивает их ПОРЯДКОМ при равной специфичности.

   БЛОКИ (порядок макета 16): hero → who → history → process → guarantee → cases →
   partners → statuses → founders → faq → final.
   ============================================================ */

/* ---------- Общий контейнер ---------- */
.ok-about-page .ok-about-container{ max-width:1280px; margin:0 auto; padding:0 32px; }
.ok-about-page .ok-about-container--pad{ padding-top:72px; padding-bottom:72px; }

/* ---------- Общие заголовки ---------- */
.ok-about-page .ok-about-h2{
  margin:0 0 12px;
  font-size:34px; font-weight:800; color:#123d87;
  line-height:1.15; letter-spacing:-.01em;
  padding-bottom:14px;
  background:linear-gradient(#e0223a,#e0223a) left bottom/44px 3px no-repeat;
}
.ok-about-page .ok-about-h2--lg{
  font-size:44px; line-height:1.05; letter-spacing:-.02em; color:#16294d;
  background:linear-gradient(#e0223a,#e0223a) left bottom/64px 4px no-repeat;
}
.ok-about-page .ok-about-intro{
  margin:0 0 40px; font-size:16.5px; line-height:1.55; color:#526173; max-width:760px;
}
.ok-about-page .ok-about-head__eyebrow{
  display:inline-block; background:#eef3fc; color:#1c5bd6;
  font-size:12.5px; font-weight:800; text-transform:uppercase; letter-spacing:.06em;
  padding:7px 13px; border-radius:999px; margin:0 0 14px;
}
.ok-about-page .ok-about-head__eyebrow + .ok-about-h2{ margin-top:0; }

/* ---------- Кнопки ---------- */
.ok-about-page .ok-about-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:48px; padding:0 28px; border-radius:8px;
  font-size:15.5px; font-weight:700; text-decoration:none; cursor:pointer;
  border:none; transition:background-color .18s ease, color .18s ease, border-color .18s ease, transform .14s ease;
}
.ok-about-page .ok-about-btn--red{ background:#e0223a; color:#fff; }
.ok-about-page .ok-about-btn--red:hover{ background:#c81a30; color:#fff; }
/* ★ FIX12 — TT1 (родительская тема) красит <button> тёмным (#28303d) с большей специфичностью,
   чем .ok-about-page .ok-about-btn--red. Доказанный конфликт: computed background rgb(40,48,61)
   на /o-kompanii/ (замер CDP 1440 и 390). Снимается scoped-флагом ТОЛЬКО на странице «О компании»
   (body.page-template-tpl-about) — главная/B2B/услуги/цены не затрагиваются. */
body.page-template-tpl-about .ok-about-page .ok-about-btn--red,
body.page-template-tpl-about .ok-about-page a.ok-about-btn--red,
body.page-template-tpl-about .ok-about-page button.ok-about-btn--red{
  background:#e0223a !important;
  border-color:#e0223a !important;
  color:#ffffff !important;
}
body.page-template-tpl-about .ok-about-page .ok-about-btn--red:hover,
body.page-template-tpl-about .ok-about-page a.ok-about-btn--red:hover,
body.page-template-tpl-about .ok-about-page button.ok-about-btn--red:hover{
  background:#c81a30 !important;
  border-color:#c81a30 !important;
  color:#ffffff !important;
}
body.page-template-tpl-about .ok-about-page .ok-about-btn--red:active,
body.page-template-tpl-about .ok-about-page a.ok-about-btn--red:active,
body.page-template-tpl-about .ok-about-page button.ok-about-btn--red:active{
  background:#c81a30 !important;
  border-color:#c81a30 !important;
  color:#ffffff !important;
}
.ok-about-page .ok-about-btn--ghost{ background:#fff; color:#123d87; border:1px solid #dfe5ee; }
.ok-about-page .ok-about-btn--ghost:hover{ background:#eef3fc; color:#123d87; }
.ok-about-page .ok-about-btn--outline{ background:transparent; color:#1c5bd6; border:2px solid #1c5bd6; }
.ok-about-page .ok-about-btn--outline:hover{ background:#1c5bd6; color:#fff; }

/* ============================================================
   1. HERO — макет 16, блок 1 (строки 169-190)
   ============================================================ */
.ok-about-page .ok-about-hero{ position:relative; background:#0b1f3f url('img/hero-home-bg.webp') center/cover no-repeat; }
.ok-about-page .ok-about-hero[style*="--ok-about-hero-bg"]{ background:#0b1f3f var(--ok-about-hero-bg, url('img/hero-home-bg.webp')) center/cover no-repeat; }
.ok-about-page .ok-about-hero__overlay{ position:absolute; inset:0; background:linear-gradient(100deg, rgba(10,18,34,.94) 0%, rgba(10,18,34,.82) 45%, rgba(10,18,34,.55) 100%); }
.ok-about-page .ok-about-hero__grid{
  position:relative; display:grid; grid-template-columns:minmax(0,1fr) 400px;
  gap:48px; align-items:center; padding:64px 32px 60px; max-width:1280px; margin:0 auto;
}
.ok-about-page .ok-about-hero__eyebrow{
  display:inline-block; background:rgba(255,255,255,.07); color:#9fc0f5;
  font-size:13.5px; font-weight:600; padding:12px 16px; border-radius:6px;
  margin-bottom:22px; line-height:1.55; max-width:560px;
}
.ok-about-page .ok-about-hero__title{ margin:0 0 16px; color:#fff; font-size:46px; line-height:1.12; font-weight:800; letter-spacing:-.015em; text-wrap:balance; }
.ok-about-page .ok-about-hero__lead{ margin:0 0 22px; color:#cfd6e2; font-size:17px; line-height:1.55; max-width:600px; }
.ok-about-page .ok-about-hero__benefits{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:26px; max-width:600px; }
.ok-about-page .ok-about-hero__benefit{
  display:flex; align-items:center; background:rgba(255,255,255,.05); border:1px solid #363d4d;
  border-radius:8px; padding:14px 18px; color:#e6ecf7; font-size:15px; font-weight:600;
}
.ok-about-page .ok-about-hero__actions{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:30px; }
.ok-about-page .ok-about-hero__stats{ display:flex; gap:40px; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.16); padding-top:22px; max-width:600px; }
.ok-about-page .ok-about-hero__stat{ display:flex; flex-direction:column; gap:2px; }
.ok-about-page .ok-about-hero__stat b{ color:#fff; font-size:30px; font-weight:800; }
.ok-about-page .ok-about-hero__stat span{ color:#9aa4b6; font-size:13.5px; }
.ok-about-page .ok-about-hero__photo{ border-radius:16px; overflow:hidden; box-shadow:0 30px 70px rgba(5,12,26,.45); background:#0b1f3f; align-self:stretch; min-height:400px; }
.ok-about-page .ok-about-hero__photo img{ display:block; width:100%; height:100%; min-height:400px; object-fit:cover; }

/* ============================================================
   2. «КТО МЫ» — макет 16, блок 2 (строки 192-242)
   ============================================================ */
.ok-about-page .ok-about-who{ background:#eef2f7; padding:72px 0; }
.ok-about-page .ok-about-who__card{ background:#fff; border-radius:22px; box-shadow:0 24px 60px rgba(18,61,135,.09); padding:48px; }
.ok-about-page .ok-about-who__mobimg{ display:none; }
/* ★ M19: мобильные наборы (текст + чипы) на desktop скрыты; на ≤768 включаются (ветка ниже). */
.ok-about-page .ok-about-who__text-m{ display:none; }
.ok-about-page .ok-about-who__facts{ display:none; }
.ok-about-page .ok-about-who__text{ margin:0 0 24px; font-size:16px; color:#5b6b7d; line-height:1.6; max-width:520px; }
.ok-about-page .ok-about-who__text p{ margin:0 0 16px; }
.ok-about-page .ok-about-who__text p:last-child{ margin-bottom:0; }
.ok-about-page .ok-about-who__text strong{ color:#16294d; font-weight:700; }
.ok-about-page .ok-about-who__grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:28px; }
.ok-about-page .ok-about-who__card4{ background:#f6f9fc; border:1px solid #e6ecf4; border-radius:12px; padding:18px 20px; display:flex; flex-direction:column; gap:6px; }
.ok-about-page .ok-about-who__card4 b{ font-size:16px; font-weight:800; color:#16294d; }
.ok-about-page .ok-about-who__card4 span{ font-size:13.5px; color:#5b6b7d; line-height:1.5; }
.ok-about-page .ok-about-who__actions{ display:flex; gap:14px; flex-wrap:wrap; margin-top:auto; }
.ok-about-page .ok-about-who__benefits{
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:0; margin-top:36px;
  background:#f6f9fc; border:1px solid #e6ecf4; border-radius:14px; padding:28px 8px;
}
.ok-about-page .ok-about-who__benefit{ padding:0 32px; }
.ok-about-page .ok-about-who__benefit + .ok-about-who__benefit{ border-left:1px solid #e0e7f0; }
.ok-about-page .ok-about-who__benefit b{ display:block; font-size:18px; font-weight:800; color:#16294d; margin-bottom:8px; }
.ok-about-page .ok-about-who__benefit span{ font-size:14px; color:#5b6b7d; line-height:1.55; }

/* ============================================================
   3. ИСТОРИЯ — макет 16, блок 3 (строки 244-251)
   ============================================================ */
.ok-about-page .ok-about-history{ background:#f5f8fd; padding:72px 0; }
/* Desktop — ровно как в макете 16 (data-screen-label="История компании"): ОДНА строка
   из 5 колонок, линия таймлайна по всей строке. auto-fit/minmax не используется:
   при 6 карточках он переносил последнюю на вторую строку (6×200+5×24=1320 > 1216). */
.ok-about-page .ok-about-history .ok-about-tl{ position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; }
/* Линия — часть макета всегда (не зависит от количества вех); скрывается только на mobile. */
.ok-about-page .ok-about-history .ok-about-tl::before{ content:""; position:absolute; top:6px; left:6px; right:6px; height:2px; background:#dbe4f0; display:block; }
/* ⚠ 6+ вех в админке: на desktop показываем ПЕРВЫЕ 5 (макет поддерживает 5 видимых),
   чтобы сетка не переносила лишние карточки на вторую строку; на mobile (ветка ниже)
   скрытие снято — там вертикальная лента показывает все вехи. */
@media (min-width:769px){
  .ok-about-page .ok-about-history .ok-about-tl__item:nth-child(n+6){ display:none; }
}
.ok-about-page .ok-about-history .ok-about-tl__item{ position:relative; padding-top:26px; }
.ok-about-page .ok-about-history .ok-about-tl__dot{ position:absolute; top:0; left:0; width:13px; height:13px; border-radius:999px; background:#1c5bd6; box-shadow:0 0 0 4px #f5f8fd; }
.ok-about-page .ok-about-history .ok-about-tl__item.is-accent .ok-about-tl__dot{ background:#e0223a; }
.ok-about-page .ok-about-history .ok-about-tl__year{ font-size:24px; font-weight:800; color:#123d87; line-height:1; }
.ok-about-page .ok-about-history .ok-about-tl__title{ display:block; margin:9px 0 6px; font-size:15.5px; font-weight:700; color:#123d87; min-height:38px; line-height:1.25; }
.ok-about-page .ok-about-history .ok-about-tl__text{ margin:0; font-size:13.5px; color:#526173; line-height:1.5; }

/* ============================================================
   4. ПРОЦЕСС — макет 16, блок 4 (строки 252-318)
   ============================================================ */
.ok-about-page .ok-about-process{ background:#f5f8fd; padding:72px 0; }
.ok-about-page .ok-about-process__grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:44px; align-items:stretch; }
.ok-about-page .ok-about-process__left{ display:flex; flex-direction:column; }
.ok-about-page .ok-about-process__intro{ margin-bottom:26px; }
.ok-about-page .ok-about-process__img{ width:100%; flex:1 1 auto; min-height:300px; object-fit:cover; border-radius:16px; display:block; }
.ok-about-page .ok-about-process__right{ background:#fff; border:1px solid #e8ecf2; border-radius:16px; padding:28px 30px; }
.ok-about-page .ok-about-process__steps{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
/* ★ FIX12 — мобильный близнец макета M9: details-аккордеон (на десктопе скрыт) */
.ok-about-page .ok-about-process__acc{ display:none; }
.ok-about-page .ok-about-process__step{ display:flex; gap:16px; padding:0 0 20px; position:relative; }
.ok-about-page .ok-about-process__step:last-child{ padding-bottom:0; }
.ok-about-page .ok-about-process__num{
  flex:0 0 auto; width:34px; height:34px; border-radius:999px; background:#1c5bd6; color:#fff;
  font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; position:relative; z-index:1;
}
.ok-about-page .ok-about-process__body{ border-left:2px solid #e8ecf2; margin-left:-33px; padding-left:49px; padding-bottom:2px; }
.ok-about-page .ok-about-process__step:last-child .ok-about-process__body{ border-left-color:transparent; }
.ok-about-page .ok-about-process__body b{ display:block; font-size:16px; font-weight:800; color:#1d2433; margin:6px 0 4px; }
.ok-about-page .ok-about-process__body p{ margin:0; font-size:14.5px; color:#526173; line-height:1.55; }
.ok-about-page .ok-about-process__note{ display:flex; gap:14px; margin-top:24px; background:#eef3fc; border:1px solid #dbe6f8; border-radius:10px; padding:18px 20px; }
.ok-about-page .ok-about-process__note > svg{ flex:0 0 auto; margin-top:2px; }
.ok-about-page .ok-about-process__note-title{ margin:0 0 6px; font-size:16.5px; font-weight:800; color:#123d87; }
.ok-about-page .ok-about-process__note-text{ margin:0 0 12px; font-size:14px; color:#526173; line-height:1.55; }
.ok-about-page .ok-about-process__chips{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.ok-about-page .ok-about-process__chip{ background:#fff; border:1px solid #dbe6f8; border-radius:999px; padding:5px 11px; font-size:12.5px; font-weight:700; color:#123d87; white-space:nowrap; }
.ok-about-page .ok-about-process__chips-arrow{ color:#8a94a6; font-size:12px; }

/* ============================================================
   5. ГАРАНТИЯ — макет 16, блок 12.
   ★ БЛОК ПЕРЕВЕДЁН НА SHARED-ВЁРСТКУ ГЛАВНОЙ. Разметка (.ok-guar, 4 кнопки
   okna-org-guar-open) и стили (.ok-guar__*) теперь общие с Главной: блок рендерит
   okna_guar_block_render() (inc/guarantee-shared.php), стили — assets/ok-guarantee.css
   (подключается на tpl-about в functions.php). Старые классы .ok-about-guarantee__*
   удалены вместе с этой секцией. Попап карточек — shared okna_org_guar_modal_html()
   (стили модалки — org.css, подключается на tpl-about в functions.php).
   ============================================================ */

/* ============================================================
   6. КЕЙСЫ — макет 16, блок 6 (строки 391-424). СКВОЗНОЙ (.okna-cases*).
   Внутри .ok-about-cases вложен общий рендер: <section.okna-cases><div.okna-wrap>.
   Сброс двойного контейнера: внутренний wrap на весь контейнер страницы.
   ============================================================ */
.ok-about-page .ok-about-cases{ background:#f5f8fd; padding:72px 0; }
.ok-about-page .ok-about-cases .okna-cases{ background:transparent; padding:0; margin:0; }
.ok-about-page .ok-about-cases .okna-cases .okna-wrap{ max-width:none; padding:0; margin:0; }
.ok-about-page .ok-about-cases .okna-cases__grid{ margin-top:6px; }
.ok-about-page .ok-about-cases .okna-case{ border-radius:16px; }
.ok-about-page .ok-about-cases .okna-case__img{ height:200px; object-fit:cover; }

/* ============================================================
   7. ПАРТНЁРЫ — макет 16, блок 7 (строки 426-460). СКВОЗНОЙ блок.
   ★ БЛОК ПЕРЕВЕДЁН НА SHARED-СЕКЦИЮ ГЛАВНОЙ. Разметка (.ok-partners, одна на
   Главную/ГЕО и «О компании») и стили (assets/ok-partners.css) общие: блок рендерит
   okna_partners_section_render() (inc/partners-slider.php), тексты и список партнёров —
   из ОДНОЙ опции okna_partners_options. Локальные .ok-about-partners / __note удалены.
   ============================================================ */

/* ============================================================
   8. СТАТУСЫ — макет 16, блок 8 (строки 462-489). СКВОЗНОЙ (.gv-cert*).
   ============================================================ */
.ok-about-page .ok-about-statuses{ background:#f5f8fd; padding:72px 0; }
.ok-about-page .ok-about-statuses .gv-head{ max-width:760px; margin-bottom:30px; }
.ok-about-page .ok-about-statuses .gv-head .gv-eyebrow{ margin-bottom:14px; }
.ok-about-page .ok-about-statuses .gv-head h2{ font-size:34px; padding-bottom:14px; background:linear-gradient(#e0223a,#e0223a) left bottom/44px 3px no-repeat; }
.ok-about-page .ok-about-statuses .gv-head h2::after{ display:none; }
.ok-about-page .ok-about-statuses .gv-head p{ font-size:16px; }
.ok-about-page .ok-about-statuses .gv-cert__grid{ gap:18px; }
.ok-about-page .ok-about-statuses .gv-cert__card{ padding:24px; gap:10px; }
.ok-about-page .ok-about-statuses .gv-cert__ico{ width:56px; height:56px; border-radius:14px; }
.ok-about-page .ok-about-statuses .gv-cert__ico svg{ transform:scale(.82); transform-origin:center; }
.ok-about-page .ok-about-statuses .gv-cert__card h4{ font-size:17px; line-height:1.3; }
.ok-about-page .ok-about-statuses .gv-cert__card p{ font-size:14px; }

/* ============================================================
   9. ОСНОВАТЕЛИ — макет 16, блок 9 (строки 491-504).
   ★ БЛОК ПЕРЕВЕДЁН НА SHARED-ВЁРСТКУ ГЛАВНОЙ. Разметка (.ok-about, 1-в-1 с тизером
   «О компании» на Главной) и стили (.ok-about__*) теперь общие: блок рендерит
   okna_about_teaser_render() (inc/about-teaser-shared.php), стили — assets/ok-about-teaser.css
   (подключается на tpl-about в functions.php). Старые классы .ok-about-founders__*
   удалены вместе с этой секцией; попап кнопки — общий okna_about_teaser_modal_html().
   ============================================================ */

/* ============================================================
   10. FAQ — макет 16, блок 10 (строки 505-515). СКВОЗНОЙ (.okna-faq, канон).
   Ширина — полный контейнер (не узкая колонка).
   ============================================================ */
.ok-about-page .ok-about-faq{ background:#f5f8fd; padding:72px 0; }
.ok-about-page .ok-about-faq .okna-faq{ margin:0; }
.ok-about-page .ok-about-faq .okna-faq > h2{
  position:relative; margin:0 0 30px; padding-bottom:14px;
  font-size:34px; font-weight:800; color:#123d87; line-height:1.15; letter-spacing:-.01em;
  background:linear-gradient(#e0223a,#e0223a) left bottom/44px 3px no-repeat;
}
.ok-about-page .ok-about-faq .okna-faq > h2::after{ display:none; }
.ok-about-page .ok-about-faq .okna-faq details{ margin-bottom:10px; padding:0 22px; border-radius:10px; }
.ok-about-page .ok-about-faq .okna-faq summary{ padding:18px 0; }
.ok-about-page .ok-about-faq .okna-faq details > div{ padding:0 0 18px 50px; }

/* ============================================================
   11. ФИНАЛЬНАЯ ФОРМА — макет 16, блок 11 (строки 517-562, стиль блока 19)
   ============================================================ */
.ok-about-page .ok-about-final{ background:#f5f8fd; padding:72px 0 84px; }
.ok-about-page .ok-about-final__card{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:0; border-radius:16px; overflow:hidden; box-shadow:0 20px 50px rgba(20,40,80,.10); }
.ok-about-page .ok-about-final__panel{ background:#1d2330; padding:40px 42px; }
.ok-about-page .ok-about-final__title{
  margin:0 0 14px; font-size:29px; font-weight:800; color:#fff; line-height:1.25; letter-spacing:-.01em;
  padding-bottom:14px; background:linear-gradient(#e0223a,#e0223a) left bottom/44px 3px no-repeat;
}
.ok-about-page .ok-about-final__sub{ margin:0 0 22px; font-size:15px; color:#cfd6e2; line-height:1.6; }
.ok-about-page .ok-about-final__points{ display:flex; flex-direction:column; gap:10px; margin-bottom:26px; }
.ok-about-page .ok-about-final__point{ display:flex; gap:10px; align-items:center; }
.ok-about-page .ok-about-final__check{ color:#3fd07a; font-weight:800; }
.ok-about-page .ok-about-final__point span:last-child{ font-size:14.5px; color:#e6ecf7; }
.ok-about-page .ok-about-final__phone{ display:block; color:#fff; font-size:20px; font-weight:800; text-decoration:none; margin-bottom:6px; }
.ok-about-page .ok-about-final__phone:last-child{ margin-bottom:0; }
.ok-about-page .ok-about-final__phone:hover{ color:#7fa6ef; }
.ok-about-page .ok-about-final__formwrap{ background:#fff; padding:36px 42px; }
.ok-about-page .ok-about-final__helper{ margin:0 0 18px; font-size:14px; color:#8a94a6; }
.ok-about-page .ok-about-final__privacy{ margin:12px 0 0; font-size:11.5px; color:#8a94a6; line-height:1.5; text-align:center; }
.ok-about-page .ok-about-final .wpcf7-form p{ margin:0 0 12px; }
.ok-about-page .ok-about-final .wpcf7-form label{ display:block; font-size:13.5px; font-weight:700; color:#1d2433; margin-bottom:5px; }
.ok-about-page .ok-about-final .wpcf7-form input[type=text],
.ok-about-page .ok-about-final .wpcf7-form input[type=tel],
.ok-about-page .ok-about-final .wpcf7-form input[type=email]{
  width:100%; height:48px; background:#f5f8fd; border:1.5px solid #dfe5ee; border-radius:8px;
  padding:0 14px; font-size:16px; color:#1d2433; outline:none;
}
.ok-about-page .ok-about-final .wpcf7-form input:focus{ border-color:#1c5bd6; background:#fff; }
.ok-about-page .ok-about-final .wpcf7-form input[type=submit]{
  width:100%; height:54px; background:#e0223a; color:#fff; border:none; border-radius:10px;
  font-size:16px; font-weight:700; cursor:pointer; margin-top:4px;
}
.ok-about-page .ok-about-final .wpcf7-form input[type=submit]:hover{ background:#c81a30; }
.ok-about-page .ok-about-final .wpcf7-form .wpcf7-response-output{ margin:10px 0 0; font-size:13px; }
.ok-about-page .ok-about-final .wpcf7-form .okna-req{ color:#e0223a; }

/* ============================================================
   МОБИЛКА — макет 16, мобильные близнецы M (порог 768 как в макете).
   ============================================================ */
@media (max-width:768px){
  .ok-about-page .ok-about-container{ padding:0 16px; }

  /* Hero (M1) */
  .ok-about-page .ok-about-hero__grid{ grid-template-columns:1fr; gap:24px; padding:26px 16px 28px; }
  .ok-about-page .ok-about-hero__photo{ display:none; }
  .ok-about-page .ok-about-hero__eyebrow{ font-size:12px; padding:10px 13px; margin-bottom:14px; }
  .ok-about-page .ok-about-hero__title{ font-size:28px; line-height:1.16; }
  .ok-about-page .ok-about-hero__lead{ font-size:15px; }
  .ok-about-page .ok-about-hero__benefits{ gap:8px; margin-bottom:18px; }
  .ok-about-page .ok-about-hero__benefit{ padding:11px 12px; font-size:12.5px; }
  .ok-about-page .ok-about-hero__actions{ flex-direction:column; gap:10px; margin-bottom:20px; }
  .ok-about-page .ok-about-hero__actions .ok-about-btn{ width:100%; height:50px; border-radius:8px; }
  .ok-about-page .ok-about-hero__stats{ gap:24px; padding-top:16px; }
  .ok-about-page .ok-about-hero__stat b{ font-size:23px; }
  .ok-about-page .ok-about-hero__stat span{ font-size:12px; }

  /* «Кто мы» (M19): белый фон, H2 → фото → 3 абзаца → 4 чипа 2×2 → кнопки.
     Desktop-набор (rich-текст, аудитории, преимущества) на мобилке скрыт — тексты
     M19 другие (как в мастере), а не «ужат» десктоп. */
  .ok-about-page .ok-about-who{ background:#fff; padding:44px 0 48px; }
  .ok-about-page .ok-about-who__mobimg{ display:block; width:100%; border-radius:16px; margin-bottom:14px; }
  /* H2 23px/800 #123d87 — БЕЗ красной линии (в M19 её нет).
     font-size с !important против okna-mobile.css `body h2{22px !important}` (≤480):
     M19 рисует 23px, а глобальный канон на мелких телефонах занижает до 22px —
     перебиваем чужой !important своим (тот же приём, что ok-home-w5.css:13.5px против body h3). */
  .ok-about-page .ok-about-who .ok-about-h2--lg{ font-size:23px !important; line-height:1.2; margin:0 0 12px; padding-bottom:0; background:none; color:#123d87; }
  .ok-about-page .ok-about-who__text{ display:none; }
  .ok-about-page .ok-about-who__grid{ display:none; }
  .ok-about-page .ok-about-who__benefits{ display:none; }
  /* Мобильный текст: 3 коротких абзаца, p вплотную, последний без нижнего отступа */
  .ok-about-page .ok-about-who__text-m{ display:block; font-size:14px; color:#526173; line-height:1.6; margin-bottom:14px; }
  .ok-about-page .ok-about-who__text-m p{ margin:0 0 4px; }
  .ok-about-page .ok-about-who__text-m p:last-child{ margin-bottom:0; }
  /* Чипы 2×2 */
  .ok-about-page .ok-about-who__facts{ display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:16px; }
  .ok-about-page .ok-about-who__fact{ display:flex; align-items:center; min-height:46px; background:#f5f8fd; border:1px solid #e8ecf2; border-radius:10px; padding:9px 12px; font-size:12.5px; font-weight:700; color:#1d2433; line-height:1.3; }
  .ok-about-page .ok-about-who__actions{ flex-direction:column; }
  .ok-about-page .ok-about-who__actions .ok-about-btn{ width:100%; }
  .ok-about-page .ok-about-who__actions .ok-about-btn--red{ height:48px; border-radius:4px; margin-bottom:9px; }
  .ok-about-page .ok-about-who__actions .ok-about-btn--outline{ height:46px; border-radius:4px; }


  /* История (M-История): вертикальная лента */
  .ok-about-page .ok-about-history{ padding:44px 0 48px; }
  .ok-about-page .ok-about-history .ok-about-h2{ font-size:23px; line-height:1.2; }
  .ok-about-page .ok-about-history .ok-about-intro{ font-size:14px; margin-bottom:16px; }
  .ok-about-page .ok-about-history .ok-about-tl{ display:block; margin-top:16px; }
  .ok-about-page .ok-about-history .ok-about-tl::before{ display:none; }
  .ok-about-page .ok-about-history .ok-about-tl__item{ padding:0 0 18px 27px; }
  .ok-about-page .ok-about-history .ok-about-tl__item::after{ content:""; position:absolute; left:5.5px; top:19px; bottom:0; width:2px; background:#dbe4f0; }
  .ok-about-page .ok-about-history .ok-about-tl__item:last-child{ padding-bottom:0; }
  .ok-about-page .ok-about-history .ok-about-tl__item:last-child::after{ display:none; }
  .ok-about-page .ok-about-history .ok-about-tl__dot{ top:2px; box-shadow:none; }
  .ok-about-page .ok-about-history .ok-about-tl__year{ font-size:18px; }
  .ok-about-page .ok-about-history .ok-about-tl__title{ margin:4px 0; font-size:15px; min-height:0; }
  .ok-about-page .ok-about-history .ok-about-tl__text{ line-height:1.55; }

  /* Процесс (M9): фото на всю ширину, шаги — accordion/details карточки */
  .ok-about-page .ok-about-process{ padding:44px 0 48px; }
  .ok-about-page .ok-about-process__grid{ grid-template-columns:1fr; gap:20px; }
  .ok-about-page .ok-about-process .ok-about-h2{ font-size:23px; line-height:1.2; }
  .ok-about-page .ok-about-process__intro{ font-size:14px; margin-bottom:16px; }
  .ok-about-page .ok-about-process__img{ min-height:0; margin-bottom:8px; }
  .ok-about-page .ok-about-process__right{ padding:0; border:0; background:transparent; }
  /* десктоп-список скрыт на мобиле */
  .ok-about-page .ok-about-process__steps{ display:none; }
  /* details-аккордеон макета M9: белая карточка, номер слева, раскрытие по клику */
  .ok-about-page .ok-about-process__acc{ display:flex; flex-direction:column; gap:8px; }
  .ok-about-page .ok-about-process__acc-item{
    background:#ffffff; border:1px solid #e8ecf2; border-radius:10px; padding:0 16px;
  }
  .ok-about-page .ok-about-process__acc-item summary{
    display:flex; align-items:center; gap:12px; cursor:pointer; list-style:none;
    min-height:52px; padding:12px 0; font-size:15px; font-weight:700; color:#1d2433;
  }
  .ok-about-page .ok-about-process__acc-item summary::-webkit-details-marker{ display:none; }
  .ok-about-page .ok-about-process__acc-num{
    flex:0 0 auto; width:28px; height:28px; border-radius:999px; background:#1c5bd6; color:#fff;
    font-size:13px; font-weight:800; display:flex; align-items:center; justify-content:center;
  }
  .ok-about-page .ok-about-process__acc-body{
    padding:0 0 14px 40px; font-size:13.5px; color:#526173; line-height:1.55;
  }
  .ok-about-page .ok-about-process__note{ flex-direction:column; }
  .ok-about-page .ok-about-process__chips{ justify-content:center; }

  /* Гарантия (M11): блок переведён на SHARED-вёрстку Главной — стили .ok-guar в
     assets/ok-guarantee.css (общий файл на Главную/ГЕО и «О компании»). Здесь
     отдельной мобильной верстки .ok-about-guarantee больше нет. */

  /* Кейсы (M14): карусель */
  .ok-about-page .ok-about-cases{ padding:44px 0 48px; }
  .ok-about-page .ok-about-cases .ok-about-h2{ font-size:23px; line-height:1.2; }
  .ok-about-page .ok-about-cases .okna-cases .okna-cases__grid{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; padding:2px 0 10px; }
  .ok-about-page .ok-about-cases .okna-case{ flex:0 0 270px; scroll-snap-align:start; }

  /* Партнёры (M17): блок переведён на SHARED-секцию Главной — стили .ok-partners
     в assets/ok-partners.css (общий файл на Главную/ГЕО и «О компании»). Здесь
     отдельной мобильной верстки .ok-about-partners больше нет. */

  /* Статусы (M18): эйброу-пилюля + H2 без линии, подзаголовок и иконки скрыты,
     3 вертикальные карточки, badge 1-2 зелёные / 3 синий. Отступы даёт контейнер
     (0 16px) — на секцию НЕ добавляем горизонтальный padding (иначе двойной отступ). */
  .ok-about-page .ok-about-statuses{ padding:44px 0 48px; }
  .ok-about-page .ok-about-statuses .gv-head{ margin-bottom:0; }
  .ok-about-page .ok-about-statuses .gv-head__sub{ display:none; }
  .ok-about-page .ok-about-statuses .gv-head .gv-eyebrow{ display:inline-block; background:#eef3fc; color:#1c5bd6; font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; padding:6px 11px; border-radius:999px; margin:0 0 10px; }
  .ok-about-page .ok-about-statuses .gv-head h2{ font-size:23px !important; line-height:1.2; margin:0 0 14px; padding-bottom:0; background:none; }
  .ok-about-page .ok-about-statuses .gv-cert__grid{ display:flex; flex-direction:column; gap:10px; }
  .ok-about-page .ok-about-statuses .gv-cert__card{ padding:16px; }
  .ok-about-page .ok-about-statuses .gv-cert__ico{ display:none; }
  .ok-about-page .ok-about-statuses .gv-cert__card h4{ margin:0 0 5px; font-size:15px; font-weight:800; color:#1d2433; line-height:1.3; }
  .ok-about-page .ok-about-statuses .gv-cert__card p{ margin:0 0 10px; font-size:13px; color:#526173; line-height:1.5; }
  .ok-about-page .ok-about-statuses .gv-cert__badge{ margin-top:0; align-self:flex-start; }
  /* M18: 1-я и 2-я карточки — зелёный badge, 3-я — синий */
  .ok-about-page .ok-about-statuses .gv-cert__card:nth-child(1) .gv-cert__badge,
  .ok-about-page .ok-about-statuses .gv-cert__card:nth-child(2) .gv-cert__badge{ background:#e7f7ee; color:#1f9d55; }
  .ok-about-page .ok-about-statuses .gv-cert__card:nth-child(3) .gv-cert__badge{ background:#eef3fc; color:#123d87; }

  /* Основатели: блок переведён на SHARED-вёрстку Главной — стили .ok-about__* в
     assets/ok-about-teaser.css (общий файл на Главную/ГЕО и «О компании»). Здесь
     отдельной мобильной верстки .ok-about-founders больше нет. */

  /* FAQ (M16): полная ширина */
  .ok-about-page .ok-about-faq{ padding:44px 0 48px; }
  .ok-about-page .ok-about-faq .okna-faq > h2{ font-size:23px; line-height:1.2; }
  .ok-about-page .ok-about-faq .okna-faq details{ padding:0 16px; }
  .ok-about-page .ok-about-faq .okna-faq summary{ padding:15px 0; }
  .ok-about-page .ok-about-faq .okna-faq details > div{ padding:0 0 15px 40px; }

  /* Финальная форма (M23): тёмная секция, одна колонка */
  .ok-about-page .ok-about-final{ background:linear-gradient(165deg, #16233f 0%, #0b1f3f 100%); padding:44px 0 48px; }
  .ok-about-page .ok-about-final__card{ display:block; border-radius:0; box-shadow:none; background:transparent; }
  .ok-about-page .ok-about-final__panel{ background:transparent; padding:0; }
  .ok-about-page .ok-about-final__title{ font-size:22px; }
  .ok-about-page .ok-about-final__sub{ font-size:13.5px; }
  .ok-about-page .ok-about-final__point span:last-child{ font-size:13px; }
  .ok-about-page .ok-about-final__phone{ font-size:17px; min-height:44px; display:flex; align-items:center; } /* MOBM-08 (критик): тач-цель телефонов финальной CTA до 44 (было 26h). Блочные ссылки стекаются — наложения нет (как макет #16 L992 дровер). Без !important. */
  .ok-about-page .ok-about-final__formwrap{ margin-top:16px; border-radius:16px; padding:18px 16px; }
}

/* «Кто мы» M19 ≤600: карточка НЕ отдельный блок — контент лежит прямо в контейнере
   (секция уже белая). Убираем padding/радиус/тень, чтобы не было «карточки на карточке». */
@media (max-width:600px){
  .ok-about-page .ok-about-who__card{ background:transparent; box-shadow:none; border-radius:0; padding:0; }
}