/* ==========================================================
   AUDITKANALOV — ПОСТОЯННЫЙ ФОН ВСЕГО ЛЕНДИНГА

   Светлая тема:
   белый → холодный тёмно-белый.

   Тёмная тема:
   почти чёрный → светло-чёрный.

   Точки, сетка, спирали и топографические линии отключены.
   Разделители и стили блоков не изменяются.
========================================================== */

:root {
  --ak-page-bg-start: #ffffff;
  --ak-page-bg-middle: #f8f9fb;
  --ak-page-bg-end: #eef1f5;
}

html[data-theme="dark"] {
  --ak-page-bg-start: #07090c;
  --ak-page-bg-middle: #0b0e12;
  --ak-page-bg-end: #13171d;
}

html {
  min-height: 100%;

  background:
    linear-gradient(
      180deg,
      var(--ak-page-bg-start) 0%,
      var(--ak-page-bg-middle) 48%,
      var(--ak-page-bg-end) 100%
    ) fixed;
}

body {
  position: relative;

  min-height: 100%;
  margin: 0;

  background:
    linear-gradient(
      180deg,
      var(--ak-page-bg-start) 0%,
      var(--ak-page-bg-middle) 48%,
      var(--ak-page-bg-end) 100%
    ) fixed !important;
}

/* Полностью отключаем прежнюю фоновую графику */
body::before,
body::after {
  content: none !important;
  display: none !important;
}

/*
  Секции остаются прозрачными, поэтому виден единый фон страницы.
  Их внутренние карточки, панели, рамки и разделители не меняются.
*/
.ak2-hero-module,
body section[class^="ak-"],
body section[class*=" ak-"],
.ak-page-section {
  background-color: transparent !important;
  background-image: none !important;
}

/* Отключаем декоративные локальные фоны блока «О сервисе» */
.ak-about::after,
.ak-about__container::before,
.ak-about__container::after {
  content: none !important;
  display: none !important;
}

/* Контент остаётся поверх общего фона */
.ak2-hero-module,
body section[class^="ak-"],
body section[class*=" ak-"],
.ak-page-section {
  position: relative;
  z-index: 1;
}

/* Мягкий дополнительный переход в светлой теме */
html:not([data-theme="dark"]) body {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255, 255, 255, 0.96) 0%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8f9fb 50%,
      #eef1f5 100%
    ) fixed !important;
}

/* Мягкий дополнительный переход в тёмной теме */
html[data-theme="dark"] body {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(30, 35, 43, 0.24) 0%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #07090c 0%,
      #0b0e12 50%,
      #13171d 100%
    ) fixed !important;
}

@media print {
  html,
  body {
    background: #ffffff !important;
  }
}

/* ==========================================================
   AUDITKANALOV — ВОССТАНОВЛЕННЫЕ РАЗДЕЛИТЕЛИ

   Тонкая приглушённая линия.
   Бейдж визуально разрывает линию по центру.
========================================================== */

/* Светлая тема */
.ak-decision::before,
.ak-reason::before,
.ak-grades::before,
.ak-about::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(15, 23, 42, 0.035) 8%,
      rgba(15, 23, 42, 0.085) 50%,
      rgba(15, 23, 42, 0.035) 92%,
      transparent 100%
    ) !important;

  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

/* Тёмная тема — не белая, а приглушённая линия */
html[data-theme="dark"] .ak-decision::before,
html[data-theme="dark"] .ak-reason::before,
html[data-theme="dark"] .ak-grades::before,
html[data-theme="dark"] .ak-about::before {
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(120, 142, 168, 0.035) 8%,
      rgba(120, 142, 168, 0.14) 50%,
      rgba(120, 142, 168, 0.035) 92%,
      transparent 100%
    ) !important;
}

/*
  Бейдж закрывает центральную часть линии,
  поэтому разделитель выглядит как две отдельные части.
*/
.ak-decision__eyebrow,
.ak-reason__eyebrow,
.ak-grades__eyebrow,
.ak-about__eyebrow {
  z-index: 6 !important;

  box-shadow:
    0 0 0 10px #f8f9fb,
    0 4px 14px rgba(47, 125, 244, 0.07) !important;
}

/* Тёмная тема */
html[data-theme="dark"] .ak-decision__eyebrow,
html[data-theme="dark"] .ak-reason__eyebrow,
html[data-theme="dark"] .ak-grades__eyebrow,
html[data-theme="dark"] .ak-about__eyebrow {
  background: #101a2b !important;

  border-color:
    rgba(47, 125, 244, 0.42) !important;

  color: #78a7ff !important;

  box-shadow:
    0 0 0 10px #0b0e12,
    0 4px 15px rgba(0, 0, 0, 0.22) !important;
}

/* Светлая тема */
html:not([data-theme="dark"]) .ak-decision__eyebrow,
html:not([data-theme="dark"]) .ak-reason__eyebrow,
html:not([data-theme="dark"]) .ak-grades__eyebrow,
html:not([data-theme="dark"]) .ak-about__eyebrow {
  background: #eef4ff !important;

  border-color:
    rgba(47, 125, 244, 0.18) !important;

  color: #2f7df4 !important;
}

@media (max-width: 760px) {
  .ak-decision::before,
  .ak-reason::before,
  .ak-grades::before,
  .ak-about::before {
    width: calc(100% - 28px) !important;
  }

  .ak-decision__eyebrow,
  .ak-reason__eyebrow,
  .ak-grades__eyebrow,
  .ak-about__eyebrow {
    box-shadow:
      0 0 0 7px #f8f9fb,
      0 4px 12px rgba(47, 125, 244, 0.06) !important;
  }

  html[data-theme="dark"] .ak-decision__eyebrow,
  html[data-theme="dark"] .ak-reason__eyebrow,
  html[data-theme="dark"] .ak-grades__eyebrow,
  html[data-theme="dark"] .ak-about__eyebrow {
    box-shadow:
      0 0 0 7px #0b0e12,
      0 4px 13px rgba(0, 0, 0, 0.20) !important;
  }
}

/* ===== AUDITKANALOV BRAND DIVIDERS START ===== */

/*
  Фирменный стандарт разделителей AuditKanalov.

  Для существующих секций:
  .ak-decision::before
  .ak-reason::before
  .ak-grades::before
  .ak-about::before

  Для будущих секций можно добавить:
  <div class="ak-section-divider"></div>
*/

:root {
  --ak-divider-line: rgba(47, 125, 244, 0.34);
  --ak-divider-soft: rgba(47, 125, 244, 0.055);
  --ak-divider-glow: rgba(47, 125, 244, 0.20);
}

html[data-theme="dark"] {
  --ak-divider-line: rgba(92, 155, 247, 0.42);
  --ak-divider-soft: rgba(92, 155, 247, 0.07);
  --ak-divider-glow: rgba(47, 125, 244, 0.24);
}

/* Текущие разделители секций */
html body .ak-decision::before,
html body .ak-reason::before,
html body .ak-grades::before,
html body .ak-about::before {
  content: "" !important;
  display: block !important;

  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 2px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--ak-divider-soft) 6%,
    var(--ak-divider-line) 26%,
    var(--ak-divider-line) 74%,
    var(--ak-divider-soft) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 5px var(--ak-divider-glow),
    0 0 12px rgba(47, 125, 244, 0.08) !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

/* Универсальный класс для будущих разделителей */
.ak-section-divider {
  position: relative;

  width: min(1320px, calc(100% - 48px));
  height: 2px;

  margin: 0 auto;

  border: 0;
  border-radius: 999px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--ak-divider-soft) 6%,
    var(--ak-divider-line) 26%,
    var(--ak-divider-line) 74%,
    var(--ak-divider-soft) 94%,
    transparent 100%
  );

  box-shadow:
    0 0 5px var(--ak-divider-glow),
    0 0 12px rgba(47, 125, 244, 0.08);

  pointer-events: none;
}

/* Центральные бейджи всегда поверх линии */
html body .ak-decision__eyebrow,
html body .ak-reason__eyebrow,
html body .ak-grades__eyebrow,
html body .ak-about__eyebrow {
  z-index: 20 !important;
}

@media (max-width: 760px) {
  html body .ak-decision::before,
  html body .ak-reason::before,
  html body .ak-grades::before,
  html body .ak-about::before,
  .ak-section-divider {
    width: calc(100% - 28px) !important;
  }
}

/* ===== AUDITKANALOV BRAND DIVIDERS END ===== */

/* ===== AK SHORT DIVIDER FADE START ===== */

/*
  Непрерывная линия #6EA0F7.
  Плавное исчезновение только на крайних 2%.
*/

html body .ak-decision::before,
html body .ak-reason::before,
html body .ak-grades::before,
html body .ak-about::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    #6EA0F7 2%,
    #6EA0F7 98%,
    transparent 100%
  ) !important;
}

/* ===== AK SHORT DIVIDER FADE END ===== */

/* ===== AK DARK DIVIDER VISIBILITY START ===== */

/*
  Только тёмная тема:
  сохраняем цвет #6EA0F7 и усиливаем видимость мягким свечением.
*/

html[data-theme="dark"] body .ak-decision::before,
html[data-theme="dark"] body .ak-reason::before,
html[data-theme="dark"] body .ak-grades::before,
html[data-theme="dark"] body .ak-about::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.38) 2%,
    #6EA0F7 4%,
    #6EA0F7 96%,
    rgba(110, 160, 247, 0.38) 98%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 5px rgba(110, 160, 247, 0.55),
    0 0 12px rgba(110, 160, 247, 0.22) !important;
}

/* ===== AK DARK DIVIDER VISIBILITY END ===== */

/* ===== AK CLEAN CONTENT DIVIDERS START ===== */

/*
  Чёткие фирменные разделители без размытия.
  Ширина ограничена основной контентной зоной.
*/

html body .ak-decision::before,
html body .ak-reason::before,
html body .ak-grades::before,
html body .ak-about::before {
  width: min(1040px, calc(100% - 48px)) !important;
  height: 1px !important;

  background: #6EA0F7 !important;
  box-shadow: none !important;
  filter: none !important;

  opacity: 0.58 !important;
}

/* На тёмной теме чуть заметнее */
html[data-theme="dark"] body .ak-decision::before,
html[data-theme="dark"] body .ak-reason::before,
html[data-theme="dark"] body .ak-grades::before,
html[data-theme="dark"] body .ak-about::before {
  background: #6EA0F7 !important;
  box-shadow: none !important;
  filter: none !important;

  opacity: 0.72 !important;
}

@media (max-width: 760px) {
  html body .ak-decision::before,
  html body .ak-reason::before,
  html body .ak-grades::before,
  html body .ak-about::before {
    width: calc(100% - 28px) !important;
  }
}

/* ===== AK CLEAN CONTENT DIVIDERS END ===== */

/* ===== 01_hero START ===== */
/*
 * AuditKanalov 2.0
 * Блок 01 — Hero
 *
 * Стили извлечены из текущего утверждённого
 * bento_landing_v2.html для сохранения точного внешнего вида.
 */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#F5F5F3;--nav:#111;--accent:#FF5C35;--text:#111;--muted:#777;--r:20px;--green:#1A7F4B;--blue:#1A4FA8;--mint:#1A8F78;--coral:#C0392B;--sky:#1A6FA8;--purple:#5B3FA8}
html{scroll-behavior:smooth}
body{font-family:'Geist',sans-serif;background:var(--bg);color:var(--text)}
nav{background:var(--nav);height:88px;display:grid;grid-template-columns:360px 1fr 250px;align-items:center;padding:0 24px;position:sticky;top:0;z-index:200;column-gap:24px}
.nav-logo{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.6px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;line-height:1.25}
.nav-logo .nav-name{display:block}
.nav-logo .nav-name span{color:var(--accent)}
.nav-logo .nav-tagline{font-size:14px;font-weight:400;color:#AAAAAA;letter-spacing:0;display:block;margin-top:3px}
.nav-links{display:flex;align-items:center;justify-content:center;gap:36px}
.nav-links a{color:#aaa;text-decoration:none;font-size:13px;font-weight:500;transition:color .15s}
.nav-links a:hover{color:#fff}
.btn-nav{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Geist',sans-serif;text-decoration:none;transition:opacity .15s}


.nav-actions{
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:center;
gap:8px;
}

.nav-actions .btn-nav{
width:170px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
padding:0 16px;
}

.nav-actions .nav-topup{
background:#1A7F4B;
}

.nav-user{
display:none;
align-items:center;
gap:7px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.15);
border-radius:9px;
padding:4px 10px 4px 5px;
box-sizing:border-box;
}

.btn-nav:hover{opacity:.88}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}
.section{padding:68px 0}
.divider{height:1px;background:#e8e8e6;max-width:1160px;margin:0 auto}
.sec-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:14px}
.sec-h2{font-size:42px;font-weight:900;letter-spacing:-1.5px;line-height:1.05;margin-bottom:14px}
.sec-sub{font-size:16px;color:var(--muted);line-height:1.6;max-width:560px}

/* HERO */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:68px 0 52px}
.hero-tag{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid #e0e0de;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:20px}
.hero-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}
.hero-h1{font-size:50px;font-weight:900;letter-spacing:-2.5px;line-height:1.05;margin-bottom:16px}
.hero-h1 em{font-style:normal;color:var(--accent)}
.hero-sub{font-size:16px;line-height:1.6;color:#555;margin-bottom:26px;max-width:440px}
.hero-input-row{display:flex;gap:9px;margin-bottom:14px;flex-wrap:wrap}
.hero-input{flex:1;min-width:180px;box-sizing:border-box;height:50px;border:2px solid #ddd;border-radius:12px;padding:0 16px;font-size:14px;font-family:'Geist',sans-serif;font-weight:500;background:#fff;outline:none;transition:border-color .15s;color:var(--text)}
.hero-input::placeholder{color:#bbb;font-weight:400}
.hero-input:focus{border-color:var(--accent)}
.hero-select{height:50px;border:2px solid #ddd;border-radius:12px;padding:0 12px;font-size:13px;font-family:'Geist',sans-serif;background:#fff;outline:none;color:#aaa;cursor:pointer;transition:border-color .15s;flex:0 0 152px}
.hero-select:focus{border-color:var(--accent);color:var(--text)}
.hero-select option{color:var(--text)}
.btn-check{height:50px;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:0 22px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Geist',sans-serif;transition:opacity .15s;white-space:nowrap}
.btn-check:hover{opacity:.88}
.hero-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}
.hero-stats{display:flex;gap:26px;margin-top:28px}
.hero-stat-num{font-size:26px;font-weight:900;letter-spacing:-1px}
.hero-stat-label{font-size:12px;color:var(--muted);margin-top:2px;font-weight:500}
.hero-bento-wrap{border-radius:16px;overflow:hidden}
.hero-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,105px);gap:9px}
.hb{border-radius:14px;padding:14px;color:#fff;overflow:hidden}
.hb-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;opacity:.6}
.hb-val{font-size:28px;font-weight:900;letter-spacing:-1.5px;margin-top:3px}
.hb-sub{font-size:10px;opacity:.65;margin-top:3px;font-weight:500}
.hb-grade{background:#111}.hb-er{background:var(--green)}.hb-subs{background:var(--mint)}
.hb-fraud{background:var(--coral);grid-column:span 2}.hb-time{background:var(--sky)}
.hb-cpl{background:var(--blue);grid-column:span 2}.hb-int{background:var(--purple)}
.hb-er-bar{height:4px;background:rgba(255,255,255,.2);border-radius:2px;margin-top:7px}
.hb-er-fill{height:100%;width:73%;background:#fff;border-radius:2px}
/* FLIP CARDS */
.hb{position:relative;overflow:hidden}
.flip-front{transition:opacity .25s ease}
.flip-back{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.65);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;gap:5px;opacity:0;transition:opacity .25s ease;box-sizing:border-box;pointer-events:none}
.flip-card:hover .flip-back,.flip-card.flipped .flip-back{opacity:1;pointer-events:auto}
.flip-card:hover .flip-front,.flip-card.flipped .flip-front{opacity:0}
.flip-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fff;line-height:1.3}
.flip-desc{font-size:9.5px;color:rgba(255,255,255,.85);line-height:1.5;font-weight:400}


/* HOW IT WORKS */
.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;margin-top:40px}
.how-steps{display:flex;flex-direction:column;gap:20px}
.how-step{display:flex;gap:14px;align-items:flex-start}
.step-num{width:36px;height:36px;border-radius:10px;background:var(--accent);color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.step-title{font-size:15px;font-weight:700;margin-bottom:3px}
.step-desc{font-size:13px;color:var(--muted);line-height:1.5}
.video-block{background:#111;border-radius:20px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}
.video-block iframe{width:100%;height:100%;border:none;border-radius:20px}
.video-placeholder{text-align:center}
.play-btn{width:64px;height:64px;border-radius:50%;background:rgba(255,92,53,.9);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;cursor:pointer;transition:transform .2s}
.play-btn:hover{transform:scale(1.08)}

/* PAIN */
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.pain-card{background:#fff;border-radius:18px;padding:24px;border:1.5px solid #e8e8e6;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pain-emoji{font-size:36px;font-weight:900;letter-spacing:-1px;opacity:.15;flex-shrink:0}
.pain-title{font-size:15px;font-weight:700;margin-bottom:7px}
.pain-text{font-size:13px;color:var(--muted);line-height:1.6}

/* ABOUT */
.about-section{background:var(--nav);padding:68px 0}
.about-inner{max-width:1160px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.about-inner .sec-h2{color:#fff}
.about-inner .sec-sub{color:#888}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.about-stat{background:#1a1a1a;border-radius:13px;padding:16px 18px;border:1.5px solid #222}
.about-stat-num{font-size:30px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1}
.about-stat-label{font-size:12px;color:#555;margin-top:3px;font-weight:500}
.about-para{font-size:14px;color:#888;line-height:1.7;margin-bottom:14px}
.about-para:last-child{margin-bottom:0}

/* FEATURES */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.feat-card{background:#fff;border-radius:18px;padding:24px;border:1.5px solid #e8e8e6;transition:border-color .2s,transform .2s}
.feat-card:hover{border-color:#aaa;transform:translateY(-2px)}
.feat-card.unique{background:var(--nav);color:#fff;border-color:transparent}
.feat-card.unique .feat-desc{color:#aaa}
.feat-icon{width:40px;height:40px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}
.feat-card.unique .feat-icon{background:rgba(255,255,255,.1)}
.feat-title{font-size:15px;font-weight:700;margin-bottom:6px}
.feat-desc{font-size:13px;color:var(--muted);line-height:1.6}
.feat-badge{display:inline-block;background:var(--accent);color:#fff;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700;margin-top:10px}

/* GRADES */
.grades-row{display:flex;gap:9px;margin-top:24px;flex-wrap:wrap}
.grade-chip{flex:1;min-width:120px;border-radius:13px;padding:16px 16px 14px;color:#fff}
.gc-ap{background:#1A7F4B}.gc-a{background:#1E9658}.gc-b{background:#1A4FA8}.gc-c{background:#C87700}.gc-d{background:#C0392B}.gc-f{background:#8B0000}
.gc-grade{font-size:34px;font-weight:900;letter-spacing:-2px;line-height:1}
.gc-er{font-size:11px;opacity:.7;margin-top:4px;font-weight:600}
.gc-label{font-size:10px;opacity:.5;margin-top:2px}

/* PRICING */
.pricing-section{background:var(--nav);padding:68px 0}
.pricing-inner{max-width:1160px;margin:0 auto;padding:0 32px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.price-card{background:#1a1a1a;border-radius:20px;padding:24px;border:1.5px solid #2a2a2a;position:relative;transition:border-color .2s;display:flex;flex-direction:column}
.price-card:hover{border-color:#444}
.price-card.popular{border-color:var(--accent);background:#1e1510}
.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700;white-space:nowrap}
.price-name{font-size:12px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.7px;margin-bottom:13px}
.price-amount{font-size:44px;font-weight:900;letter-spacing:-2px;color:#fff;line-height:1}
.price-amount .pre{font-size:13px;font-weight:600;color:#777;vertical-align:top;margin-top:10px;display:inline-block;margin-right:3px;letter-spacing:0}
.price-amount .suf{font-size:16px;font-weight:700;vertical-align:top;margin-top:10px;display:inline-block;letter-spacing:0}
.price-period{font-size:13px;color:#555;margin-top:5px;margin-bottom:16px}
.price-features{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:18px;flex:1}
.price-features li{font-size:13px;color:#aaa;display:flex;align-items:center;justify-content:flex-start;gap:8px}
.price-features li::before{content:'✓';color:var(--accent);font-weight:700;flex-shrink:0}
.pkg-row{display:flex;align-items:center;gap:6px}
.pkg-price{color:#ccc;font-weight:700;font-size:13px}
.ps-low{background:rgba(74,222,128,.12);color:#4ADE80;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}
.ps-mid{background:rgba(245,158,11,.12);color:#F59E0B;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}
.ps-best{background:rgba(255,92,53,.15);color:#FF7A5C;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}
.btn-buy{width:100%;height:44px;background:#252525;color:#fff;border:1.5px solid #333;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Geist',sans-serif;transition:background .15s,border-color .15s;margin-top:auto}
.btn-buy:hover{background:#2e2e2e;border-color:#555}
.btn-buy.primary{background:var(--accent);border-color:transparent}
.btn-buy.primary:hover{opacity:.88}

/* COMPARE */
.compare-table{width:100%;border-collapse:collapse;margin-top:32px}
.compare-table th{text-align:left;font-size:12px;font-weight:700;color:var(--muted);padding:12px 16px;border-bottom:1.5px solid #e8e8e6}
.compare-table th:not(:first-child){text-align:center}
.compare-table td{padding:11px 16px;font-size:13px;border-bottom:1px solid #f0f0ee}
.compare-table td:not(:first-child){text-align:center}
.compare-table tr:hover td{background:#fafaf8}
.col-us{font-weight:700;color:var(--accent)}
.check-yes{color:var(--green);font-size:15px;font-weight:700}
.check-no{color:#ccc;font-size:15px}
.price-cell{font-weight:700}

/* FAQ */
.faq-list{margin-top:32px;border:1.5px solid #e8e8e6;border-radius:18px;overflow:hidden}
.faq-item{border-bottom:1px solid #e8e8e6;background:#fff}
.faq-item:last-child{border-bottom:none}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;cursor:pointer;font-size:15px;font-weight:600;gap:14px;user-select:none;transition:background .15s}
.faq-q:hover{background:#fafaf8}
.faq-icon{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s;line-height:1}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-ans{font-size:14px;color:var(--muted);line-height:1.65;padding:0 22px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.faq-item.open .faq-ans{padding:0 22px 18px;max-height:300px}

/* CONTACTS */
.contacts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.contact-card{background:#fff;border:1.5px solid #e8e8e6;border-radius:18px;padding:22px;transition:border-color .2s}
.contact-card:hover{border-color:#aaa}
.contact-icon{font-size:24px;margin-bottom:8px}
.contact-title{font-size:14px;font-weight:700;margin-bottom:4px}
.contact-value{font-size:13px;color:var(--muted)}
.contact-value a{color:var(--accent);text-decoration:none;font-weight:600}
.contact-value a:hover{text-decoration:underline}

/* CTA */
.cta-section{max-width:660px;margin:0 auto;padding:68px 32px;text-align:center}
.cta-h2{font-size:44px;font-weight:900;letter-spacing:-2px;line-height:1.05;margin-bottom:14px}
.cta-sub{font-size:16px;color:var(--muted);margin-bottom:26px;line-height:1.6}
.cta-row{display:flex;gap:9px;max-width:500px;margin:0 auto}
.cta-input{flex:1;height:50px;border:2px solid #ddd;border-radius:12px;padding:0 16px;font-size:14px;font-family:'Geist',sans-serif;background:#fff;outline:none;transition:border-color .15s;color:var(--text)}
.cta-input::placeholder{color:#bbb}
.cta-input:focus{border-color:var(--accent)}
.cta-note{font-size:12px;color:var(--muted);margin-top:10px}

/* FOOTER */
footer{background:var(--nav);padding:26px 32px}
.footer-inner{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
.footer-logo{color:#fff;font-size:14px;font-weight:800}
.footer-logo span{color:var(--accent)}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-links a{color:#555;text-decoration:none;font-size:12px;transition:color .15s}
.footer-links a:hover{color:#aaa}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.footer-tg{display:flex;align-items:center;gap:6px;color:#aaa;text-decoration:none;font-size:12px;font-weight:500;transition:color .15s;min-width:110px;justify-content:flex-start}
.footer-tg:hover{color:var(--accent)}
.footer-copy{color:#444;font-size:12px}

/* MODAL */
#pkgModal{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);align-items:center;justify-content:center}
.modal-box{background:#1a1a1a;border-radius:22px;padding:26px;width:100%;max-width:390px;margin:16px;border:1.5px solid #2a2a2a;position:relative}
.modal-close{position:absolute;top:13px;right:13px;background:#2a2a2a;border:none;color:#aaa;width:29px;height:29px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}
.modal-ts{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#555;margin-bottom:6px}
.modal-tt{font-size:20px;font-weight:900;color:#fff;letter-spacing:-.5px;margin-bottom:18px}
.pkg-opt{cursor:pointer;display:block;margin-bottom:8px}
.pkg-opt:last-child{margin-bottom:0}
.pki{display:flex;align-items:center;justify-content:space-between;background:#222;border:1.5px solid #2e2e2e;border-radius:13px;padding:12px 14px;transition:border-color .15s,background .15s}
.pki:hover{border-color:#444;background:#252525}
.pkg-opt.sel .pki{border-color:var(--accent);background:#1e1510}
.pkl .t{color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}
.pkl .s{color:#555;font-size:11px;margin-top:2px}
.pkr .p{color:#fff;font-size:17px;font-weight:900;letter-spacing:-.5px;text-align:right}
.pkr .pp{color:#555;font-size:11px;text-align:right;margin-top:1px}
.pob{border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}
.pob-l{background:rgba(74,222,128,.12);color:#4ADE80}
.pob-m{background:rgba(245,158,11,.12);color:#F59E0B}
.pob-b{background:rgba(255,92,53,.15);color:#FF7A5C}
#pkgBuyBtn{width:100%;height:46px;background:#2a2a2a;color:#666;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:not-allowed;font-family:'Geist',sans-serif;margin-top:16px;transition:background .2s,color .2s}
#pkgBuyBtn.ready{background:var(--accent);color:#fff;cursor:pointer}
.modal-note{text-align:center;font-size:11px;color:#444;margin-top:9px}



@media(max-width:900px){
  .nav-links{gap:14px}
  .nav-links a{font-size:12px}
  .nav-right{gap:8px}
  .btn-nav{font-size:12px;padding:6px 12px}
  .hero{grid-template-columns:1fr}.hero-right{display:none}.hero-h1{font-size:38px}
  .pain-grid,.features-grid,.pricing-grid,.contacts-grid{grid-template-columns:1fr 1fr}
  .how-grid,.about-inner{grid-template-columns:1fr}
}
@media(max-width:500px){
  .about-inner{padding:0 16px;gap:24px}
  .about-stats{grid-template-columns:1fr 1fr}
  .about-section .sec-h2{font-size:28px}
  .about-stat-num{font-size:24px}
  .compare-table{font-size:11px;min-width:480px}
  .compare-table td,.compare-table th{padding:8px 6px;white-space:nowrap}
  #compare{padding-left:0!important;padding-right:0!important}
  #compare .sec-label,#compare .sec-h2{padding:0 16px}
}
@media(max-width:400px){
  .btn-nav{display:none}
  .sec-h2{font-size:26px!important}
  .features-grid{grid-template-columns:1fr}
  section{padding:0 12px}
  .section{padding:48px 0}
}
@media(max-width:600px){
  nav{padding:8px 16px;height:auto}
  .nav-links{display:none}
  .nav-right{gap:8px}
  .btn-nav{font-size:12px;padding:6px 12px}
  .pain-grid,.features-grid,.pricing-grid,.contacts-grid{grid-template-columns:1fr}
  .cta-row{flex-direction:column}
  .cta-input{width:100%!important;flex:none!important;box-sizing:border-box!important;height:48px!important;display:block!important}
  .grades-row{flex-wrap:wrap}
  .footer-inner{flex-direction:column;gap:10px;align-items:flex-start}
  .footer-right{align-items:flex-start}
  footer{padding:20px 16px}
  .hero-input-row{display:block!important}
  .hero-input{width:100%!important;flex:none!important;box-sizing:border-box!important;height:48px!important;display:block!important;margin-bottom:8px}
  .btn-check{width:100%!important;display:block!important}
}

/* ===== ADAPTIVE LANDING HEADER ===== */

nav{
  width:100%;
  max-width:100vw;
  height:100px;
  min-height:100px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(190px,260px) minmax(300px,1fr) 142px;
  align-items:center;
  column-gap:18px;
  padding:0 22px;
}

.nav-logo{
  min-width:0;
}

.nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  min-width:0;
  margin:0;
  padding:0;
}

.nav-links a{
  font-size:13px;
  line-height:1.2;
  white-space:nowrap;
  text-align:center;
}

.nav-actions{
  width:142px;
  align-items:stretch;
  gap:6px;
}

.nav-actions .btn-nav{
  width:142px;
  height:32px;
  padding:0 8px;
  font-size:11px;
  white-space:nowrap;
}

/* Небольшие ноутбуки и планшеты */
@media (max-width:1000px){
  nav{
    grid-template-columns:minmax(170px,220px) minmax(280px,1fr) 124px;
    column-gap:12px;
    padding:0 14px;
  }

  .nav-links{
    gap:18px;
  }

  .nav-links a{
    font-size:12px;
  }

  .nav-actions{
    width:124px;
  }

  .nav-actions .btn-nav{
    display:flex;
    width:124px;
    height:30px;
    padding:0 5px;
    font-size:10px;
  }

  .nav-tagline{
    font-size:11px;
  }
}

/* На узких экранах убираем подпись логотипа */
@media (max-width:760px){
  nav{
    grid-template-columns:155px minmax(250px,1fr) 112px;
    column-gap:8px;
    padding:0 10px;
  }

  

  .nav-links{
    gap:14px;
  }

  .nav-links a{
    font-size:11px;
  }

  .nav-actions{
    width:112px;
  }

  .nav-actions .btn-nav{
    display:flex;
    width:112px;
    height:29px;
    font-size:9px;
    padding:0 3px;
  }
}

/* Телефоны: оставляем логотип и действия */
@media (max-width:600px){
  nav{
    grid-template-columns:minmax(0,1fr) 118px;
    height:100px;
    min-height:100px;
    padding:0 12px;
  }

  .nav-links{
    display:none;
  }

  .nav-actions{
    width:118px;
  }

  .nav-actions .btn-nav{
    display:flex;
    width:118px;
    height:30px;
    font-size:9px;
  }
}

@media (max-width:600px){
  .nav-tagline{
    display:block;
    font-size:10px;
    line-height:1.25;
    margin-top:4px;
    white-space:normal;
  }

  .nav-name{
    font-size:17px;
  }
}

@media (max-width:400px){
  .nav-actions .btn-nav{
    display:flex;
  }

  .nav-tagline{
    display:block;
    font-size:9px;
    line-height:1.25;
  }

  .nav-name{
    font-size:16px;
  }
}

/* =========================================================
   AUDITKANALOV 2.0 — DESIGN TOKENS
========================================================= */

:root{
  --ak-bg:#f7f8fa;
  --ak-surface:#ffffff;
  --ak-surface-soft:#f4f6f8;
  --ak-border:#e4e7ec;
  --ak-border-strong:#d7dce3;

  --ak-text:#111418;
  --ak-muted:#69717d;
  --ak-muted-soft:#9299a3;

  --ak-green:#22a447;
  --ak-green-hover:#198b3b;
  --ak-green-soft:#eaf7ee;

  --ak-grade-ap:#159447;
  --ak-grade-a:#51ad3c;
  --ak-grade-b:#2f7df4;
  --ak-grade-c:#f59b0b;
  --ak-grade-d:#f05a1f;
  --ak-grade-f:#e52e38;

  --ak-shadow:
    0 22px 70px rgba(17,24,39,.08),
    0 4px 16px rgba(17,24,39,.04);

  --ak-radius-sm:10px;
  --ak-radius-md:14px;
  --ak-radius-lg:20px;
  --ak-radius-xl:26px;

  --ak-motion-fast:150ms;
  --ak-motion-base:200ms;
  --ak-motion-theme:300ms;
}

html[data-theme="dark"]{
  --ak-bg:#050a0e;
  --ak-surface:#091015;
  --ak-surface-soft:#0c141a;
  --ak-border:#263039;
  --ak-border-strong:#34404a;

  --ak-text:#f7f9fb;
  --ak-muted:#aab2bc;
  --ak-muted-soft:#737d88;

  --ak-green:#20ad4b;
  --ak-green-hover:#2bc25a;
  --ak-green-soft:rgba(32,173,75,.12);

  --ak-shadow:
    0 28px 90px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.025);
}

html{
  color-scheme:light;
}

html[data-theme="dark"]{
  color-scheme:dark;
}

body{
  background:var(--ak-bg) !important;
  color:var(--ak-text) !important;
  transition:
    background-color var(--ak-motion-theme) ease,
    color var(--ak-motion-theme) ease;
}

/* =========================================================
   HEADER
========================================================= */

.ak2-header{
  position:sticky;
  top:0;
  z-index:300;

  width:100%;
  height:74px;
  box-sizing:border-box;

  display:flex;
  align-items:center;

  background:color-mix(in srgb, var(--ak-bg) 89%, transparent);
  border-bottom:1px solid color-mix(in srgb, var(--ak-border) 72%, transparent);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  transition:
    background-color var(--ak-motion-theme) ease,
    border-color var(--ak-motion-theme) ease;
}

.ak2-header__inner{
  width:min(1450px, calc(100% - 64px));
  margin:0 auto;

  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:36px;
}

.ak2-brand{
  display:inline-flex;
  align-items:center;
  gap:13px;

  color:var(--ak-text);
  text-decoration:none;
  white-space:nowrap;
}

.ak2-brand__mark{
  display:grid;
  grid-template-columns:repeat(4, 18px);
  gap:4px;
  align-items:center;
}

.ak2-brand__cube{
  width:18px;
  height:18px;
  border-radius:4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30);
}

.ak2-brand__cube:nth-child(1){background:var(--ak-grade-f)}
.ak2-brand__cube:nth-child(2){background:var(--ak-grade-c)}
.ak2-brand__cube:nth-child(3){background:var(--ak-grade-b)}
.ak2-brand__cube:nth-child(4){background:var(--ak-grade-ap)}

.ak2-brand__name{
  font-size:24px;
  line-height:1;
  font-weight:850;
  letter-spacing:-1px;
}

.ak2-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:38px;
}

.ak2-nav a{
  position:relative;
  color:var(--ak-text);
  text-decoration:none;
  font-size:14px;
  line-height:20px;
  font-weight:560;
  opacity:.86;

  transition:
    opacity var(--ak-motion-fast) ease,
    color var(--ak-motion-fast) ease;
}

.ak2-nav a:hover{
  opacity:1;
}

.ak2-nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;

  width:0;
  height:2px;
  border-radius:999px;
  background:var(--ak-green);

  transform:translateX(-50%);
  transition:width var(--ak-motion-base) ease;
}

.ak2-nav a:hover::after{
  width:22px;
}

.ak2-header__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}

.ak2-theme-toggle{
  position:relative;

  width:78px;
  height:40px;
  padding:4px;

  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;

  border:1px solid var(--ak-border-strong);
  border-radius:999px;
  background:var(--ak-surface);
  color:var(--ak-text);
  cursor:pointer;

  transition:
    border-color var(--ak-motion-base) ease,
    background-color var(--ak-motion-theme) ease,
    transform var(--ak-motion-fast) ease;
}

.ak2-theme-toggle:hover{
  border-color:var(--ak-green);
}

.ak2-theme-toggle:active{
  transform:scale(.97);
}

.ak2-theme-toggle__thumb{
  position:absolute;
  top:4px;
  left:4px;

  width:31px;
  height:30px;
  border-radius:999px;

  background:var(--ak-green);
  box-shadow:0 4px 12px rgba(34,164,71,.26);

  transition:
    transform var(--ak-motion-theme) cubic-bezier(.2,.8,.2,1),
    background-color var(--ak-motion-theme) ease;
}

html[data-theme="dark"] .ak2-theme-toggle__thumb{
  transform:translateX(37px);
}

.ak2-theme-toggle__icon{
  position:relative;
  z-index:2;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:15px;
  line-height:1;
}

.ak2-theme-toggle__icon--active{
  color:#fff;
}

.ak2-header-btn{
  min-height:42px;
  padding:0 20px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid var(--ak-border-strong);
  border-radius:10px;

  background:var(--ak-surface);
  color:var(--ak-text);
  text-decoration:none;

  font-size:13px;
  font-weight:750;

  transition:
    transform var(--ak-motion-fast) ease,
    border-color var(--ak-motion-base) ease,
    background-color var(--ak-motion-theme) ease,
    color var(--ak-motion-theme) ease;
}

.ak2-header-btn:hover{
  transform:translateY(-1px);
  border-color:var(--ak-green);
}

.ak2-header-btn--primary{
  min-width:185px;

  border-color:var(--ak-green);
  background:var(--ak-green);
  color:#fff;

  box-shadow:0 10px 26px rgba(34,164,71,.18);
}

.ak2-header-btn--primary:hover{
  background:var(--ak-green-hover);
  border-color:var(--ak-green-hover);
}

/* =========================================================
   HERO
========================================================= */

.ak2-hero{
  width:min(1450px, calc(100% - 64px));
  margin:0 auto;
  padding:38px 0 28px;

  display:grid;
  grid-template-columns:minmax(410px, .78fr) minmax(700px, 1.42fr);
  align-items:stretch;
  gap:34px;
}

.ak2-hero__content{
  min-width:0;
  padding:34px 14px 24px 12px;

  display:flex;
  flex-direction:column;
  justify-content:center;
}

.ak2-kicker{
  width:max-content;
  max-width:100%;
  margin-bottom:22px;
  padding:8px 13px;

  display:inline-flex;
  align-items:center;
  gap:9px;

  border:1px solid color-mix(in srgb, var(--ak-green) 22%, var(--ak-border));
  border-radius:10px;
  background:var(--ak-green-soft);
  color:var(--ak-text);

  font-size:13px;
  line-height:18px;
  font-weight:650;
}

.ak2-kicker svg{
  width:18px;
  height:18px;
  color:var(--ak-green);
  flex:none;
}

.ak2-title{
  max-width:610px;
  margin:0;

  color:var(--ak-text);

  font-size:clamp(46px, 4vw, 67px);
  line-height:1.055;
  font-weight:880;
  letter-spacing:-3.4px;
}

.ak2-title__accent{
  display:block;
  color:var(--ak-green);
}

.ak2-subtitle{
  max-width:590px;
  margin:24px 0 28px;

  color:var(--ak-muted);

  font-size:17px;
  line-height:1.62;
  font-weight:430;
}

.ak2-platforms{
  width:min(100%, 460px);
  margin-bottom:18px;

  display:grid;
  grid-template-columns:1fr 1fr;

  border:1px solid var(--ak-border-strong);
  border-radius:11px;
  overflow:hidden;

  background:var(--ak-surface);
}

.ak2-platform{
  height:53px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  border:0;
  background:transparent;
  color:var(--ak-muted);
  cursor:pointer;

  font-family:inherit;
  font-size:15px;
  font-weight:700;

  transition:
    color var(--ak-motion-base) ease,
    background-color var(--ak-motion-base) ease,
    box-shadow var(--ak-motion-base) ease;
}

.ak2-platform + .ak2-platform{
  border-left:1px solid var(--ak-border);
}

.ak2-platform svg{
  width:21px;
  height:21px;
}

.ak2-platform.is-active{
  background:var(--ak-green);
  color:#fff;
  box-shadow:0 8px 22px rgba(34,164,71,.20);
}

.ak2-search{
  width:min(100%, 620px);
  display:flex;
  align-items:stretch;

  border:1px solid var(--ak-border-strong);
  border-radius:11px;
  background:var(--ak-surface);
  overflow:hidden;

  transition:
    border-color var(--ak-motion-base) ease,
    box-shadow var(--ak-motion-base) ease,
    background-color var(--ak-motion-theme) ease;
}

.ak2-search:focus-within{
  border-color:var(--ak-green);
  box-shadow:0 0 0 4px rgba(34,164,71,.10);
}

.ak2-search input{
  min-width:0;
  height:55px;
  flex:1;

  padding:0 17px;

  border:0;
  outline:0;
  background:transparent;
  color:var(--ak-text);

  font-family:inherit;
  font-size:14px;
  font-weight:540;
}

.ak2-search input::placeholder{
  color:var(--ak-muted-soft);
}

.ak2-search button{
  min-width:190px;
  padding:0 22px;

  border:0;
  background:var(--ak-green);
  color:#fff;
  cursor:pointer;

  font-family:inherit;
  font-size:14px;
  font-weight:780;

  transition:
    background-color var(--ak-motion-base) ease,
    transform var(--ak-motion-fast) ease,
    opacity var(--ak-motion-fast) ease;
}

.ak2-search button:hover{
  background:var(--ak-green-hover);
}

.ak2-search button:active{
  transform:scale(.98);
}

.ak2-search button:disabled{
  cursor:wait;
  opacity:.72;
}

.ak2-benefits{
  margin-top:22px;
  display:flex;
  align-items:center;
  gap:25px;
  flex-wrap:wrap;
}

.ak2-benefit{
  display:flex;
  align-items:center;
  gap:8px;

  color:var(--ak-text);
  font-size:12px;
  line-height:18px;
  font-weight:590;
}

.ak2-benefit svg{
  width:17px;
  height:17px;
  color:var(--ak-green);
  flex:none;
}

/* =========================================================
   LIVE RESULT CARD
========================================================= */

.ak2-report{
  position:relative;
  min-width:0;
  min-height:584px;
  padding:25px;

  display:flex;
  flex-direction:column;

  border:1px solid var(--ak-border-strong);
  border-radius:var(--ak-radius-xl);
  background:var(--ak-surface);
  box-shadow:var(--ak-shadow);
  overflow:hidden;

  transition:
    background-color var(--ak-motion-theme) ease,
    border-color var(--ak-motion-theme) ease,
    box-shadow var(--ak-motion-theme) ease;
}

html[data-theme="dark"] .ak2-report{
  box-shadow:
    0 30px 90px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.ak2-report::before{
  content:"";
  position:absolute;
  top:-140px;
  right:-130px;

  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(34,164,71,.08) 0,
    rgba(34,164,71,0) 70%
  );
  pointer-events:none;
}

.ak2-report__header{
  position:relative;
  z-index:1;

  padding-bottom:19px;

  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;

  border-bottom:1px solid var(--ak-border);
}

.ak2-channel{
  min-width:0;
  display:flex;
  align-items:center;
  gap:15px;
}

.ak2-channel__avatar{
  width:55px;
  height:55px;
  flex:none;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid color-mix(in srgb, var(--ak-green) 42%, transparent);
  border-radius:13px;
  background:
    linear-gradient(145deg, rgba(34,164,71,.33), rgba(15,83,37,.13)),
    var(--ak-surface-soft);
  color:var(--ak-text);

  font-size:25px;
  line-height:1;
  font-weight:760;
}

.ak2-channel__name-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.ak2-channel__name{
  max-width:420px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

  color:var(--ak-text);
  font-size:21px;
  line-height:28px;
  font-weight:820;
}

.ak2-channel__verified{
  width:18px;
  height:18px;
  color:var(--ak-grade-b);
}

.ak2-channel__meta{
  margin-top:3px;

  color:var(--ak-muted);
  font-size:12px;
  line-height:18px;
  font-weight:510;
}

.ak2-favorite{
  min-height:42px;
  padding:0 16px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  border:1px solid var(--ak-border-strong);
  border-radius:10px;
  background:transparent;
  color:var(--ak-text);
  cursor:pointer;

  font-family:inherit;
  font-size:13px;
  font-weight:700;

  transition:
    border-color var(--ak-motion-base) ease,
    background-color var(--ak-motion-base) ease,
    transform var(--ak-motion-fast) ease;
}

.ak2-favorite:hover{
  border-color:var(--ak-green);
  background:var(--ak-green-soft);
}

.ak2-favorite:active{
  transform:scale(.97);
}

.ak2-favorite svg{
  width:17px;
  height:17px;
}

.ak2-report__label{
  margin:17px 0 10px;

  color:var(--ak-muted);
  font-size:11px;
  line-height:16px;
  font-weight:650;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.ak2-grades{
  position:relative;
  z-index:1;

  display:grid;
  grid-template-columns:repeat(6, minmax(70px, 1fr));
  gap:10px;
}

.ak2-grade{
  position:relative;
  min-width:0;
  padding:9px 6px 12px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  border:1px solid transparent;
  border-radius:11px;

  transition:
    border-color var(--ak-motion-base) ease,
    background-color var(--ak-motion-base) ease,
    transform var(--ak-motion-base) ease;
}

.ak2-grade__letter{
  font-size:33px;
  line-height:40px;
  font-weight:850;
  letter-spacing:-1.2px;
}

.ak2-grade__cubes{
  margin-top:6px;
  display:grid;
  grid-template-columns:repeat(5, 18px);
  gap:3px;
}

.ak2-grade__cube{
  height:10px;
  border-radius:3px;
  opacity:.95;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}

.ak2-grade[data-grade="A+"]{color:var(--ak-grade-ap)}
.ak2-grade[data-grade="A"]{color:var(--ak-grade-a)}
.ak2-grade[data-grade="B"]{color:var(--ak-grade-b)}
.ak2-grade[data-grade="C"]{color:var(--ak-grade-c)}
.ak2-grade[data-grade="D"]{color:var(--ak-grade-d)}
.ak2-grade[data-grade="F"]{color:var(--ak-grade-f)}

.ak2-grade[data-grade="A+"] .ak2-grade__cube{background:var(--ak-grade-ap)}
.ak2-grade[data-grade="A"] .ak2-grade__cube{background:var(--ak-grade-a)}
.ak2-grade[data-grade="B"] .ak2-grade__cube{background:var(--ak-grade-b)}
.ak2-grade[data-grade="C"] .ak2-grade__cube{background:var(--ak-grade-c)}
.ak2-grade[data-grade="D"] .ak2-grade__cube{background:var(--ak-grade-d)}
.ak2-grade[data-grade="F"] .ak2-grade__cube{background:var(--ak-grade-f)}

.ak2-grade.is-selected{
  border-color:currentColor;
  background:color-mix(in srgb, currentColor 6%, transparent);
  transform:translateY(-1px);
}

.ak2-grade.is-selected::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;

  width:11px;
  height:11px;

  background:currentColor;
  transform:translateX(-50%) rotate(45deg);
}

.ak2-report__middle{
  position:relative;
  z-index:1;

  margin-top:17px;

  display:grid;
  grid-template-columns:minmax(0, 1.13fr) minmax(270px, .87fr);
  gap:12px;
}

.ak2-verdict{
  min-height:145px;
  padding:20px;

  border:1px solid var(--ak-border);
  border-radius:var(--ak-radius-md);
  background:var(--ak-surface-soft);
}

.ak2-verdict__title{
  color:var(--ak-grade-b);
  font-size:22px;
  line-height:28px;
  font-weight:820;
}

.ak2-verdict__text{
  max-width:530px;
  margin:8px 0 0;

  color:var(--ak-text);
  font-size:13px;
  line-height:1.58;
  font-weight:470;
}

.ak2-summary{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:8px;
}

.ak2-summary-card{
  min-height:68px;
  padding:12px 17px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  border:1px solid var(--ak-border);
  border-radius:var(--ak-radius-sm);
  background:var(--ak-surface-soft);
}

.ak2-summary-card__label{
  color:var(--ak-muted);
  font-size:12px;
  line-height:17px;
}

.ak2-summary-card__value{
  margin-top:2px;

  color:var(--ak-text);
  font-size:23px;
  line-height:27px;
  font-weight:820;
}

.ak2-summary-card__value--risk{
  color:var(--ak-grade-c);
  font-size:20px;
}

.ak2-summary-card svg{
  width:25px;
  height:25px;
  color:var(--ak-muted);
}

.ak2-reasons{
  position:relative;
  z-index:1;

  margin-top:12px;
  padding:14px 12px 12px;

  border:1px solid var(--ak-border);
  border-radius:var(--ak-radius-md);
  background:var(--ak-surface-soft);
}

.ak2-reasons__title{
  margin:0 0 10px 3px;

  color:var(--ak-text);
  font-size:13px;
  line-height:18px;
  font-weight:780;
}

.ak2-reasons__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
}

.ak2-reason{
  min-width:0;
  padding:4px 13px;

  display:grid;
  grid-template-columns:38px minmax(0, 1fr);
  align-items:center;
  gap:10px;

  border-right:1px solid var(--ak-border);
}

.ak2-reason:last-child{
  border-right:0;
}

.ak2-reason__icon{
  width:36px;
  height:36px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;
}

.ak2-reason__icon svg{
  width:20px;
  height:20px;
}

.ak2-reason__icon--red{
  background:rgba(229,46,56,.10);
  color:var(--ak-grade-f);
}

.ak2-reason__icon--amber{
  background:rgba(245,155,11,.11);
  color:var(--ak-grade-c);
}

.ak2-reason__icon--green{
  background:rgba(34,164,71,.11);
  color:var(--ak-green);
}

.ak2-reason__text{
  color:var(--ak-text);
  font-size:11px;
  line-height:1.45;
  font-weight:570;
}

/* =========================================================
   CARD STATES
========================================================= */

.ak2-report-state{
  opacity:1;
  transform:translateY(0);
  transition:
    opacity 240ms ease,
    transform 240ms ease;
}

.ak2-report-state.is-hiding{
  opacity:0;
  transform:translateY(7px);
}

.ak2-loading{
  position:absolute;
  inset:0;
  z-index:20;

  padding:28px;

  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  background:
    radial-gradient(
      circle at 50% 42%,
      color-mix(in srgb, var(--ak-green) 9%, transparent),
      transparent 38%
    ),
    color-mix(in srgb, var(--ak-surface) 95%, transparent);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.ak2-loading.is-active{
  display:flex;
  animation:ak2FadeIn 220ms ease both;
}

.ak2-loader{
  height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.ak2-loader__bar{
  width:15px;
  border-radius:5px;

  animation:ak2LoaderBars 900ms ease-in-out infinite;
  transform-origin:center bottom;
}

.ak2-loader__bar:nth-child(1){
  height:28px;
  background:var(--ak-grade-f);
  animation-delay:0ms;
}

.ak2-loader__bar:nth-child(2){
  height:42px;
  background:var(--ak-grade-c);
  animation-delay:110ms;
}

.ak2-loader__bar:nth-child(3){
  height:56px;
  background:var(--ak-grade-b);
  animation-delay:220ms;
}

.ak2-loader__bar:nth-child(4){
  height:70px;
  background:var(--ak-grade-ap);
  animation-delay:330ms;
}

.ak2-loading__title{
  margin-top:23px;

  color:var(--ak-text);
  font-size:20px;
  line-height:27px;
  font-weight:810;
}

.ak2-loading__step{
  min-height:22px;
  margin-top:8px;

  color:var(--ak-muted);
  font-size:13px;
  line-height:20px;
  font-weight:540;
  text-align:center;
}

.ak2-loading__progress{
  width:min(330px, 78%);
  height:5px;
  margin-top:20px;

  border-radius:999px;
  background:var(--ak-border);
  overflow:hidden;
}

.ak2-loading__progress-fill{
  width:0;
  height:100%;

  border-radius:inherit;
  background:
    linear-gradient(
      90deg,
      var(--ak-grade-f),
      var(--ak-grade-c),
      var(--ak-grade-b),
      var(--ak-grade-ap)
    );

  transition:width 700ms cubic-bezier(.2,.8,.2,1);
}

.ak2-loading__time{
  margin-top:10px;

  color:var(--ak-muted-soft);
  font-size:11px;
  line-height:16px;
  font-weight:530;
}

@keyframes ak2LoaderBars{
  0%,100%{
    transform:scaleY(.46);
    opacity:.62;
  }
  50%{
    transform:scaleY(1);
    opacity:1;
  }
}

@keyframes ak2FadeIn{
  from{opacity:0}
  to{opacity:1}
}

.ak2-report.is-result .ak2-grade__cube{
  animation:ak2CubeReveal 320ms ease both;
}

.ak2-report.is-result .ak2-grade__cube:nth-child(1){animation-delay:0ms}
.ak2-report.is-result .ak2-grade__cube:nth-child(2){animation-delay:60ms}
.ak2-report.is-result .ak2-grade__cube:nth-child(3){animation-delay:120ms}
.ak2-report.is-result .ak2-grade__cube:nth-child(4){animation-delay:180ms}
.ak2-report.is-result .ak2-grade__cube:nth-child(5){animation-delay:240ms}

@keyframes ak2CubeReveal{
  from{
    opacity:0;
    transform:translateY(5px) scale(.75);
  }
  to{
    opacity:.95;
    transform:none;
  }
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1180px){
  .ak2-header__inner,
  .ak2-hero{
    width:min(100% - 40px, 1080px);
  }

  .ak2-header__inner{
    grid-template-columns:auto auto;
  }

  .ak2-nav{
    display:none;
  }

  .ak2-hero{
    grid-template-columns:1fr;
    gap:24px;
  }

  .ak2-hero__content{
    padding:26px 4px 8px;
  }

  .ak2-title{
    max-width:760px;
  }

  .ak2-subtitle{
    max-width:720px;
  }

  .ak2-platforms{
    width:min(100%, 560px);
  }

  .ak2-search{
    width:min(100%, 720px);
  }
}

@media(max-width:760px){
  .ak2-header{
    height:66px;
  }

  .ak2-header__inner,
  .ak2-hero{
    width:calc(100% - 28px);
  }

  .ak2-header__inner{
    gap:12px;
  }

  .ak2-brand__mark{
    grid-template-columns:repeat(4, 12px);
    gap:3px;
  }

  .ak2-brand__cube{
    width:12px;
    height:12px;
    border-radius:3px;
  }

  .ak2-brand__name{
    font-size:18px;
  }

  .ak2-header-btn:not(.ak2-header-btn--primary){
    display:none;
  }

  .ak2-header-btn--primary{
    display:none;
  }

  .ak2-theme-toggle{
    width:70px;
    height:36px;
  }

  .ak2-theme-toggle__thumb{
    width:27px;
    height:26px;
  }

  html[data-theme="dark"] .ak2-theme-toggle__thumb{
    transform:translateX(34px);
  }

  .ak2-hero{
    padding:22px 0 24px;
  }

  .ak2-hero__content{
    padding:8px 0 0;
  }

  .ak2-title{
    font-size:39px;
    line-height:1.07;
    letter-spacing:-2.2px;
  }

  .ak2-subtitle{
    margin:18px 0 22px;
    font-size:15px;
  }

  .ak2-platforms{
    width:100%;
  }

  .ak2-search{
    width:100%;
    flex-direction:column;
    border-radius:13px;
    overflow:visible;
    border:0;
    background:transparent;
    gap:9px;
  }

  .ak2-search input{
    width:100%;
    box-sizing:border-box;
    border:1px solid var(--ak-border-strong);
    border-radius:11px;
    background:var(--ak-surface);
  }

  .ak2-search button{
    width:100%;
    min-height:52px;
    border-radius:11px;
  }

  .ak2-benefits{
    gap:13px 20px;
  }

  .ak2-report{
    min-height:0;
    padding:17px;
    border-radius:18px;
  }

  .ak2-report__header{
    align-items:center;
  }

  .ak2-channel__avatar{
    width:46px;
    height:46px;
    border-radius:11px;
    font-size:21px;
  }

  .ak2-channel__name{
    max-width:180px;
    font-size:17px;
  }

  .ak2-favorite{
    width:42px;
    padding:0;
    font-size:0;
  }

  .ak2-grades{
    grid-template-columns:repeat(3, 1fr);
  }

  .ak2-report__middle{
    grid-template-columns:1fr;
  }

  .ak2-reasons__grid{
    grid-template-columns:1fr 1fr;
  }

  .ak2-reason{
    border-right:0;
    border-bottom:1px solid var(--ak-border);
    padding:11px 9px;
  }

  .ak2-reason:nth-child(3),
  .ak2-reason:nth-child(4){
    border-bottom:0;
  }
}

@media(max-width:430px){
  .ak2-kicker{
    font-size:11px;
  }

  .ak2-title{
    font-size:34px;
  }

  .ak2-platform{
    font-size:13px;
  }

  .ak2-grades{
    gap:5px;
  }

  .ak2-grade__letter{
    font-size:27px;
  }

  .ak2-grade__cubes{
    grid-template-columns:repeat(5, 12px);
    gap:2px;
  }

  .ak2-grade__cube{
    height:8px;
  }

  .ak2-reasons__grid{
    grid-template-columns:1fr;
  }

  .ak2-reason,
  .ak2-reason:nth-child(3){
    border-bottom:1px solid var(--ak-border);
  }

  .ak2-reason:last-child{
    border-bottom:0;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}

/* =========================================================
   AUDITKANALOV 2.0 — HEADER И HERO: ФИНАЛЬНЫЕ ПРОПОРЦИИ
========================================================= */

/*
 Старый глобальный nav{} применялся к .ak2-nav
 и создавал чёрный прямоугольник внутри новой шапки.
*/
.ak2-header .ak2-nav{
  position:static !important;
  top:auto !important;
  z-index:auto !important;

  width:auto !important;
  height:auto !important;
  min-height:0 !important;

  padding:0 !important;
  margin:0 !important;

  display:flex !important;
  grid-template-columns:none !important;
  align-items:center !important;
  justify-content:center !important;
  gap:38px !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Убираем возможное влияние старых nav-стилей */
.ak2-header .ak2-nav a{
  display:inline-flex !important;
  align-items:center !important;

  width:auto !important;
  height:auto !important;
  min-height:0 !important;

  padding:0 !important;
  margin:0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Шапка остаётся светлой или тёмной согласно выбранной теме */
.ak2-header{
  background:color-mix(
    in srgb,
    var(--ak-bg) 94%,
    transparent
  ) !important;
}

html[data-theme="light"] .ak2-header{
  background:rgba(255,255,255,.91) !important;
}

html[data-theme="dark"] .ak2-header{
  background:rgba(5,10,14,.91) !important;
}

/* Контейнер шапки */
.ak2-header__inner{
  width:min(1480px, calc(100% - 72px)) !important;
  grid-template-columns:270px minmax(440px, 1fr) auto !important;
  gap:28px !important;
}

/* =========================================================
   HERO — ЛЕВАЯ ЧАСТЬ ШИРЕ, ПРАВАЯ КАРТОЧКА КОМПАКТНЕЕ
========================================================= */

.ak2-hero{
  width:min(1480px, calc(100% - 72px)) !important;

  grid-template-columns:
    minmax(520px, .93fr)
    minmax(650px, 1.35fr) !important;

  gap:42px !important;
  align-items:center !important;

  padding-top:30px !important;
  padding-bottom:30px !important;
}

.ak2-hero__content{
  padding:24px 0 25px 4px !important;
}

/* Заголовок занимает нормальную ширину */
.ak2-title{
  max-width:650px !important;

  font-size:clamp(48px, 3.55vw, 64px) !important;
  line-height:1.07 !important;
  letter-spacing:-3px !important;
}

/* Акцент не переносится отдельно после каждого слова */
.ak2-title__accent{
  display:block !important;
  white-space:normal !important;
}

.ak2-subtitle{
  max-width:610px !important;
  margin-top:22px !important;
  margin-bottom:25px !important;
}

/* Выбор платформ и строка поиска шире */
.ak2-platforms{
  width:min(100%, 480px) !important;
}

.ak2-search{
  width:min(100%, 650px) !important;
}

.ak2-benefits{
  margin-top:20px !important;
  gap:18px 24px !important;
}

/* =========================================================
   ПРАВАЯ КАРТОЧКА
========================================================= */

.ak2-report{
  min-height:0 !important;
  height:auto !important;

  padding:20px !important;
  border-radius:22px !important;
}

/* Шапка карточки компактнее */
.ak2-report__header{
  padding-bottom:14px !important;
}

.ak2-channel__avatar{
  width:50px !important;
  height:50px !important;
}

.ak2-channel__name{
  font-size:20px !important;
}

.ak2-favorite{
  min-height:39px !important;
}

/* Сокращаем вертикальные отступы */
.ak2-report__label{
  margin-top:13px !important;
  margin-bottom:5px !important;
}

/* Шкала оценок компактнее */
.ak2-grades{
  gap:6px !important;
}

.ak2-grade{
  padding:5px 4px 9px !important;
}

.ak2-grade__letter{
  font-size:29px !important;
  line-height:35px !important;
}

.ak2-grade__cubes{
  margin-top:3px !important;
  grid-template-columns:repeat(5, 16px) !important;
}

.ak2-grade__cube{
  height:8px !important;
}

/* Вердикт, цена и риск */
.ak2-report__middle{
  margin-top:12px !important;

  grid-template-columns:
    minmax(0, 1.12fr)
    minmax(245px, .88fr) !important;

  gap:9px !important;
}

.ak2-verdict{
  min-height:114px !important;
  padding:15px 17px !important;
}

.ak2-verdict__title{
  font-size:19px !important;
  line-height:24px !important;
}

.ak2-verdict__text{
  margin-top:5px !important;
  font-size:12px !important;
  line-height:1.48 !important;
}

.ak2-summary{
  gap:7px !important;
}

.ak2-summary-card{
  min-height:53px !important;
  padding:9px 14px !important;
}

.ak2-summary-card__label{
  font-size:11px !important;
}

.ak2-summary-card__value{
  font-size:21px !important;
  line-height:24px !important;
}

.ak2-summary-card__value--risk{
  font-size:18px !important;
}

/* Причины становятся компактной нижней плиткой */
.ak2-reasons{
  margin-top:8px !important;
  padding:10px 9px 8px !important;
}

.ak2-reasons__title{
  margin:0 0 6px 3px !important;
  font-size:12px !important;
}

.ak2-reason{
  min-height:49px !important;
  padding:3px 10px !important;

  grid-template-columns:31px minmax(0,1fr) !important;
  gap:8px !important;
}

.ak2-reason__icon{
  width:30px !important;
  height:30px !important;
}

.ak2-reason__icon svg{
  width:17px !important;
  height:17px !important;
}

.ak2-reason__text{
  font-size:10px !important;
  line-height:1.35 !important;
}

/* =========================================================
   СТАРЫЕ СЕКЦИИ НИЖЕ HERO
========================================================= */

/*
 Новая главная шире старых секций, но нижние блоки
 остаются аккуратно центрированными.
*/
.ak2-hero + .divider{
  margin-top:0 !important;
}

/* =========================================================
   АДАПТИВ
========================================================= */

@media(max-width:1320px){

  .ak2-header__inner,
  .ak2-hero{
    width:calc(100% - 42px) !important;
  }

  .ak2-header__inner{
    grid-template-columns:230px minmax(360px,1fr) auto !important;
  }

  .ak2-header .ak2-nav{
    gap:25px !important;
  }

  .ak2-hero{
    grid-template-columns:
      minmax(450px, .92fr)
      minmax(590px, 1.18fr) !important;

    gap:28px !important;
  }

  .ak2-title{
    font-size:clamp(44px, 3.7vw, 58px) !important;
  }
}

@media(max-width:1100px){

  .ak2-header__inner{
    grid-template-columns:auto auto !important;
  }

  .ak2-header .ak2-nav{
    display:none !important;
  }

  .ak2-hero{
    grid-template-columns:1fr !important;
  }

  .ak2-hero__content{
    max-width:780px !important;
  }

  .ak2-title{
    max-width:760px !important;
  }

  .ak2-report{
    width:100% !important;
    box-sizing:border-box !important;
  }
}

@media(max-width:760px){

  .ak2-header__inner,
  .ak2-hero{
    width:calc(100% - 28px) !important;
  }

  .ak2-hero{
    gap:21px !important;
    padding-top:20px !important;
  }

  .ak2-title{
    font-size:39px !important;
    letter-spacing:-2px !important;
  }

  .ak2-report{
    padding:16px !important;
  }

  .ak2-report__middle{
    grid-template-columns:1fr !important;
  }

  .ak2-reasons__grid{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:430px){

  .ak2-title{
    font-size:34px !important;
  }

  .ak2-reasons__grid{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   ФИНАЛЬНЫЙ HERO: ЗАГОЛОВОК И ПРОПОРЦИИ КОЛОНОК
========================================================= */

.ak2-hero{
  grid-template-columns:
    minmax(560px, 1.02fr)
    minmax(610px, 1.18fr) !important;

  gap:34px !important;
}

/*
 Каждая смысловая строка заголовка является отдельным блоком.
 Браузер больше не переносит слово «как» на следующую строку.
*/
.ak2-title{
  width:100% !important;
  max-width:680px !important;

  font-size:clamp(47px, 3.35vw, 62px) !important;
  line-height:1.075 !important;
  letter-spacing:-3px !important;
}

.ak2-title__line{
  display:block !important;
  white-space:nowrap !important;
}

.ak2-title__accent{
  color:var(--ak-green) !important;
}

/* Правая карточка немного уже */
.ak2-report{
  width:100% !important;
  max-width:790px !important;
  justify-self:end !important;
  box-sizing:border-box !important;
}

/* Левая часть получает больше полезной ширины */
.ak2-hero__content{
  min-width:0 !important;
  padding-left:4px !important;
}

/* Поле и переключатель не становятся слишком узкими */
.ak2-platforms{
  width:min(100%, 500px) !important;
}

.ak2-search{
  width:min(100%, 660px) !important;
}

/* Средние экраны */
@media(max-width:1320px){

  .ak2-hero{
    grid-template-columns:
      minmax(510px, 1fr)
      minmax(560px, 1.08fr) !important;

    gap:27px !important;
  }

  .ak2-title{
    max-width:620px !important;
    font-size:clamp(43px, 3.55vw, 55px) !important;
  }

  .ak2-report{
    max-width:720px !important;
  }
}

/* На планшете колонки переходят друг под друга */
@media(max-width:1100px){

  .ak2-hero{
    grid-template-columns:1fr !important;
  }

  .ak2-title{
    max-width:720px !important;
  }

  .ak2-report{
    max-width:none !important;
    justify-self:stretch !important;
  }
}

/* На телефоне разрешаем естественный перенос */
@media(max-width:620px){

  .ak2-title{
    font-size:39px !important;
    letter-spacing:-2px !important;
  }

  .ak2-title__line{
    white-space:normal !important;
  }
}

@media(max-width:430px){

  .ak2-title{
    font-size:34px !important;
  }
}

/* =========================================================
   ПЕРВЫЙ ЭКРАН ЗАНИМАЕТ ВСЮ ВИДИМУЮ ВЫСОТУ
========================================================= */

.ak2-hero{
  /*
    Высота окна минус шапка.
    Второй блок начинается ниже первого экрана.
  */
  min-height:calc(100svh - 74px) !important;
  box-sizing:border-box !important;

  padding-top:34px !important;
  padding-bottom:46px !important;

  align-items:center !important;
}

/*
  Карточка и левая часть остаются визуально
  центрированными внутри первого экрана.
*/
.ak2-hero__content{
  align-self:center !important;
}

.ak2-report{
  align-self:center !important;
}

/*
  Разделитель после Hero не поднимается
  внутрь первого экрана.
*/
.ak2-hero + .divider{
  margin-top:0 !important;
}

/*
  Нижняя секция получает небольшой верхний отступ,
  чтобы после прокрутки не прилипать к границе экрана.
*/
.ak2-hero + .divider + .wrap.section{
  padding-top:64px !important;
}

/* =========================================================
   НИЗКИЕ ЭКРАНЫ НОУТБУКОВ
========================================================= */

@media(max-height:820px) and (min-width:1101px){

  .ak2-hero{
    min-height:calc(100svh - 66px) !important;

    padding-top:22px !important;
    padding-bottom:30px !important;
  }

  .ak2-hero__content{
    transform:scale(.94);
    transform-origin:left center;
  }

  .ak2-report{
    transform:scale(.94);
    transform-origin:right center;
  }
}

@media(max-height:720px) and (min-width:1101px){

  .ak2-hero{
    min-height:calc(100svh - 62px) !important;
  }

  .ak2-hero__content{
    transform:scale(.88);
  }

  .ak2-report{
    transform:scale(.88);
  }
}

/* =========================================================
   ПЛАНШЕТЫ И МОБИЛЬНЫЕ
========================================================= */

@media(max-width:1100px){

  /*
    На планшетах блоки идут друг под другом,
    поэтому фиксировать их в одну высоту окна нельзя.
  */
  .ak2-hero{
    min-height:0 !important;
    padding-top:28px !important;
    padding-bottom:42px !important;
  }

  .ak2-hero__content,
  .ak2-report{
    transform:none !important;
  }

  .ak2-hero + .divider + .wrap.section{
    padding-top:48px !important;
  }
}

@media(max-width:760px){

  .ak2-hero{
    padding-top:22px !important;
    padding-bottom:34px !important;
  }

  .ak2-hero + .divider + .wrap.section{
    padding-top:38px !important;
  }
}

/* =========================================================
   КОМПАКТНЫЙ ПЕРВЫЙ ЭКРАН БЕЗ ПУСТЫХ ЗОН
========================================================= */

/*
  Отменяем предыдущую искусственную высоту 100svh.
  Высота Hero теперь определяется реальным содержимым.
*/
.ak2-hero{
  min-height:0 !important;
  height:auto !important;

  padding-top:42px !important;
  padding-bottom:42px !important;

  align-items:center !important;
}

/* Убираем масштабирование для низких экранов */
.ak2-hero__content,
.ak2-report{
  transform:none !important;
  align-self:center !important;
}

/*
  Немного увеличиваем карточку после отмены scale,
  чтобы она оставалась главным объектом справа.
*/
.ak2-report{
  max-width:810px !important;
}

/*
  Уменьшаем расстояние между Hero и разделителем.
*/
.ak2-hero + .divider{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/*
  Следующая секция начинается достаточно близко,
  но не прилипает к Hero.
*/
.ak2-hero + .divider + .wrap.section{
  padding-top:48px !important;
}

/* =========================================================
   НИЗКИЕ ЭКРАНЫ
========================================================= */

@media(max-height:820px) and (min-width:1101px){

  .ak2-hero{
    min-height:0 !important;
    padding-top:30px !important;
    padding-bottom:30px !important;
  }

  .ak2-hero__content,
  .ak2-report{
    transform:none !important;
  }
}

@media(max-height:720px) and (min-width:1101px){

  .ak2-hero{
    min-height:0 !important;
    padding-top:22px !important;
    padding-bottom:24px !important;
  }

  /*
    Только для очень низких экранов слегка уплотняем
    внутренние интервалы, но не масштабируем весь блок.
  */
  .ak2-kicker{
    margin-bottom:15px !important;
  }

  .ak2-subtitle{
    margin-top:16px !important;
    margin-bottom:18px !important;
  }

  .ak2-benefits{
    margin-top:14px !important;
  }

  .ak2-report{
    padding:17px !important;
  }
}

/* =========================================================
   ПЛАНШЕТЫ И МОБИЛЬНЫЕ
========================================================= */

@media(max-width:1100px){

  .ak2-hero{
    padding-top:30px !important;
    padding-bottom:38px !important;
  }

  .ak2-hero + .divider + .wrap.section{
    padding-top:44px !important;
  }
}

@media(max-width:760px){

  .ak2-hero{
    padding-top:22px !important;
    padding-bottom:30px !important;
  }

  .ak2-hero + .divider + .wrap.section{
    padding-top:36px !important;
  }
}

/* ===== Автономный модуль Hero ===== */

.ak2-hero-module {
  width: 100%;
  min-height: 100%;
}

.ak2-hero-module,
.ak2-hero-module *,
.ak2-hero-module *::before,
.ak2-hero-module *::after {
  box-sizing: border-box;
}
/* ==========================================================
   HERO — ОРАНЖЕВЫЙ ПЕРЕКЛЮЧАТЕЛЬ ТЕМЫ
========================================================== */

/* Рамка переключателя */
.ak2-theme-toggle{
    border:1.5px solid #FF7A1A !important;
}

/* Бегунок */
.ak2-theme-toggle__thumb{
    background:#FF7A1A !important;
    box-shadow:
        0 2px 8px rgba(255,122,26,.22);
}

/* Hover */
.ak2-theme-toggle:hover{
    border-color:#FF8C35 !important;
}

.ak2-theme-toggle:hover .ak2-theme-toggle__thumb{
    background:#FF8C35 !important;

    box-shadow:
        0 3px 10px rgba(255,122,26,.28);
}

/* ===== HERO DECISION DIVIDER FIX START ===== */

/*
  Между Hero и блоком «Как это работает» раньше накладывались:
  1. отдельный .divider;
  2. линия .ak-decision::before.

  Старый .divider скрываем только в этой конкретной границе.
*/

/* Убираем лишнюю первую линию */
.ak2-hero + .divider {
  height: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  overflow: hidden !important;
}

/* Оставляем одну аккуратную линию под бейджем */
html body .ak-decision::before {
  content: "" !important;
  display: block !important;

  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  border: 0 !important;
  box-shadow: none !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(47, 125, 244, 0.02) 7%,
    rgba(47, 125, 244, 0.08) 27%,
    rgba(47, 125, 244, 0.12) 50%,
    rgba(47, 125, 244, 0.08) 73%,
    rgba(47, 125, 244, 0.02) 93%,
    transparent 100%
  ) !important;

  opacity: 1 !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

/* Тёмная тема */
html[data-theme="dark"] body .ak-decision::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(92, 155, 247, 0.02) 7%,
    rgba(92, 155, 247, 0.085) 27%,
    rgba(92, 155, 247, 0.13) 50%,
    rgba(92, 155, 247, 0.085) 73%,
    rgba(92, 155, 247, 0.02) 93%,
    transparent 100%
  ) !important;
}

/* Бейдж остаётся поверх единственной линии */
html body .ak-decision__eyebrow {
  z-index: 20 !important;
}

@media (max-width: 760px) {
  html body .ak-decision::before {
    width: calc(100% - 28px) !important;
  }
}

/* ===== HERO DECISION DIVIDER FIX END ===== */

/* ===== 01_hero END ===== */

/* ===== 02_decision START ===== */
:root {
  --decision-bg: #f7f9fc;
  --decision-surface: #ffffff;
  --decision-surface-soft: #f8fafc;
  --decision-border: #e6eaf0;
  --decision-border-strong: #d8dee8;

  --decision-text: #07142f;
  --decision-muted: #637291;
  --decision-muted-soft: #9aa6ba;

  --decision-blue: #2f7df4;
  --decision-green: #0baa55;
  --decision-red: #f21d2f;
  --decision-orange: #ff9614;
  --decision-orange-dark: #f26a16;
  --decision-green-dark: #078d47;

  --decision-shadow:
    0 26px 70px rgba(25, 42, 70, 0.08),
    0 4px 18px rgba(25, 42, 70, 0.04);
}

html[data-theme="dark"] {
  --decision-bg: #060b10;
  --decision-surface: #0b1219;
  --decision-surface-soft: #0e1720;
  --decision-border: #26313d;
  --decision-border-strong: #344151;

  --decision-text: #f4f7fb;
  --decision-muted: #a6b1c0;
  --decision-muted-soft: #748195;

  --decision-shadow:
    0 30px 90px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.ak-decision {
  padding: 84px 24px 70px;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 50% 30%,
      rgba(47, 125, 244, 0.055),
      transparent 35%
    ),
    var(--decision-bg);

  color: var(--decision-text);
  font-family:
    Inter,
    Geist,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.ak-decision *,
.ak-decision *::before,
.ak-decision *::after {
  box-sizing: border-box;
}

.ak-decision__container {
  width: min(1360px, 100%);
  margin: 0 auto;
}

.ak-decision__header {
  max-width: 920px;
  margin: 0 auto 34px;
  text-align: center;
}

.ak-decision__eyebrow {
  width: max-content;
  margin: 0 auto 14px;
  padding: 6px 18px;

  border-radius: 999px;
  background: rgba(47, 125, 244, 0.08);
  color: var(--decision-blue);

  font-size: 12px;
  line-height: 16px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.ak-decision__title {
  margin: 0;
  color: var(--decision-text);

  font-size: clamp(38px, 4vw, 61px);
  line-height: 1.06;
  font-weight: 860;
  letter-spacing: -0.045em;
}

.ak-decision__subtitle {
  max-width: 830px;
  margin: 17px auto 0;

  color: var(--decision-muted);
  font-size: 19px;
  line-height: 1.5;
  font-weight: 450;
}

.ak-decision__panel {
  padding: 28px;

  display: grid;
  grid-template-columns:
    minmax(480px, 0.95fr)
    minmax(560px, 1.05fr);
  gap: 30px;

  /*
    Обе колонки фиксируем по верхнему краю.
    Рост правой live-карточки больше не должен
    вертикально сдвигать левый timeline.
  */
  align-items: start;

  border: 1px solid var(--decision-border);
  border-radius: 29px;
  background: color-mix(
    in srgb,
    var(--decision-surface) 92%,
    transparent
  );

  box-shadow: var(--decision-shadow);
}

.ak-decision__timeline {
  position: relative;
  padding: 5px 20px 5px 8px;
}

.ak-decision-step {
  position: relative;

  min-height: 106px;
  padding: 13px 52px 13px 0;

  display: grid;
  grid-template-columns: 48px 54px minmax(0, 1fr);
  align-items: center;
  column-gap: 15px;

  opacity: 0.5;
  transform: translateX(0);

  transition:
    opacity 260ms ease,
    transform 260ms ease;
}

.ak-decision-step.is-complete,
.ak-decision-step.is-active {
  opacity: 1;
}

.ak-decision-step.is-active {
  /*
    Активный этап больше не двигает строку.
    Состояние показываем цветом и cube-анимацией.
  */
  transform: translateX(0);
}

.ak-decision-step__number {
  color: var(--decision-muted);
  font-size: 15px;
  font-weight: 650;
  text-align: center;
}

.ak-decision-step__rail {
  position: relative;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

.ak-decision-step__rail::after {
  content: "";
  position: absolute;
  top: calc(50% + 20px);
  left: 50%;

  width: 1px;
  height: calc(100% - 11px);

  background:
    repeating-linear-gradient(
      to bottom,
      var(--decision-border-strong) 0 7px,
      transparent 7px 13px
    );

  transform: translateX(-50%);
}

.ak-decision-step:last-child
.ak-decision-step__rail::after {
  display: none;
}

.ak-decision-step__cube {
  position: relative;
  z-index: 2;

  width: 28px;
  height: 28px;

  border: 1px solid var(--decision-border);
  border-radius: 7px;
  background: var(--decision-surface-soft);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45);

  transition:
    background-color 260ms ease,
    border-color 260ms ease,
    box-shadow 260ms ease,
    transform 180ms ease;
}

.ak-decision-step.is-active
.ak-decision-step__cube {
  transform: scale(1.15);
}

.ak-decision-step[data-step="0"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="0"].is-active
.ak-decision-step__cube {
  background: var(--decision-red);
  border-color: var(--decision-red);
  box-shadow: 0 7px 18px rgba(242, 29, 47, 0.24);
}

.ak-decision-step[data-step="1"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="1"].is-active
.ak-decision-step__cube {
  background: var(--decision-orange);
  border-color: var(--decision-orange);
  box-shadow: 0 7px 18px rgba(255, 150, 20, 0.24);
}

.ak-decision-step[data-step="2"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="2"].is-active
.ak-decision-step__cube {
  background: var(--decision-orange-dark);
  border-color: var(--decision-orange-dark);
  box-shadow: 0 7px 18px rgba(242, 106, 22, 0.24);
}

.ak-decision-step[data-step="3"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="3"].is-active
.ak-decision-step__cube {
  background: var(--decision-blue);
  border-color: var(--decision-blue);
  box-shadow: 0 7px 18px rgba(47, 125, 244, 0.24);
}

.ak-decision-step[data-step="4"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="4"].is-active
.ak-decision-step__cube {
  background: var(--decision-green);
  border-color: var(--decision-green);
  box-shadow: 0 7px 18px rgba(11, 170, 85, 0.24);
}

.ak-decision-step[data-step="5"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="5"].is-active
.ak-decision-step__cube {
  background: var(--decision-green-dark);
  border-color: var(--decision-green-dark);
  box-shadow: 0 7px 18px rgba(7, 141, 71, 0.24);
}

.ak-decision-step__content h3 {
  margin: 0;
  color: var(--decision-text);

  font-size: 19px;
  line-height: 1.25;
  font-weight: 780;
  letter-spacing: -0.018em;
}

.ak-decision-step__content p {
  max-width: 310px;
  margin: 7px 0 0;

  color: var(--decision-muted);
  font-size: 15px;
  line-height: 1.42;
}

.ak-decision-step__status {
  position: absolute;
  top: 50%;
  right: 3px;

  width: 21px;
  height: 21px;

  border: 2px solid var(--decision-border-strong);
  border-radius: 50%;

  transform: translateY(-50%);
  transition:
    border-color 220ms ease,
    background-color 220ms ease,
    box-shadow 220ms ease;
}

.ak-decision-step.is-active
.ak-decision-step__status {
  border-color: var(--decision-blue);
  box-shadow: 0 0 0 5px rgba(47, 125, 244, 0.08);
}

.ak-decision-step.is-complete
.ak-decision-step__status {
  border-color: var(--decision-green);
  background: var(--decision-green);
}

.ak-decision-step.is-complete
.ak-decision-step__status::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 6px;

  width: 5px;
  height: 9px;

  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}

.ak-decision-report {
  min-width: 0;
  padding: 24px;

  border: 1px solid var(--decision-border);
  border-radius: 24px;
  background: var(--decision-surface);

  box-shadow:
    0 20px 55px rgba(26, 44, 75, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.ak-decision-report__platforms {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.ak-decision-platform {
  min-height: 51px;
  padding: 0 18px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  border: 1px solid var(--decision-border);
  border-radius: 999px;
  background: var(--decision-surface-soft);
  color: var(--decision-muted);

  font: inherit;
  font-size: 15px;
  font-weight: 650;
}

.ak-decision-platform svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}

.ak-decision-platform.is-active {
  border-color: var(--decision-blue);
  background: rgba(47, 125, 244, 0.045);
  color: var(--decision-blue);
}

.ak-decision-platform__vk {
  font-size: 17px;
  font-weight: 900;
}

.ak-decision-platform small {
  margin-left: 4px;
  padding: 3px 8px;

  border-radius: 999px;
  background: var(--decision-border);
  color: var(--decision-muted);

  font-size: 10px;
  font-weight: 700;
}

.ak-decision-report__channel {
  margin-top: 24px;
  padding: 4px 3px 22px;

  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;

  border-bottom: 1px dashed var(--decision-border);
}

.ak-decision-report__avatar {
  width: 48px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background:
    linear-gradient(
      145deg,
      #46b7ff,
      #8267ff 62%,
      #b35fff
    );
  color: #fff;

  font-size: 15px;
  font-weight: 800;
}

.ak-decision-report__name {
  color: var(--decision-text);
  font-size: 18px;
  line-height: 24px;
  font-weight: 780;
}

.ak-decision-report__handle {
  margin-top: 2px;
  color: var(--decision-muted-soft);
  font-size: 13px;
}

.ak-decision-report__demo {
  padding: 6px 10px;

  border-radius: 999px;
  background: var(--decision-surface-soft);
  color: var(--decision-muted);

  font-size: 11px;
  font-weight: 700;
}

.ak-decision-report__metrics {
  padding: 13px 0 10px;
}

.ak-decision-metric {
  min-height: 56px;

  display: grid;
  grid-template-columns: 42px auto minmax(25px, 1fr) auto;
  gap: 11px;
  align-items: center;

  opacity: 0.18;
  transform: translateY(5px);

  transition:
    opacity 300ms ease,
    transform 300ms ease;
}

.ak-decision-metric.is-visible {
  opacity: 1;
  transform: none;
}

.ak-decision-metric__icon {
  width: 36px;
  height: 36px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 9px;
  background: rgba(47, 125, 244, 0.07);
  color: var(--decision-blue);
}

.ak-decision-metric__icon svg {
  width: 20px;
  height: 20px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-decision-metric__currency {
  font-size: 21px;
  font-weight: 500;
}

.ak-decision-metric__label {
  color: var(--decision-text);
  font-size: 14px;
  font-weight: 650;
}

.ak-decision-metric__line {
  height: 1px;
  background: var(--decision-border);
}

.ak-decision-metric__value {
  color: var(--decision-text);
  font-size: 15px;
  font-weight: 760;
  white-space: nowrap;
}

.ak-decision-metric[data-metric="err"]
.ak-decision-metric__value {
  color: var(--decision-blue);
}

.ak-decision-metric[data-metric="activity"]
.ak-decision-metric__value,
.ak-decision-metric[data-metric="quality"]
.ak-decision-metric__value,
.ak-decision-metric[data-metric="risk"]
.ak-decision-metric__value {
  color: var(--decision-green);
}

.ak-decision-result {
  margin-top: 3px;
  padding: 18px 21px;

  display: grid;
  grid-template-columns: 125px minmax(0, 1fr);
  gap: 22px;
  align-items: center;

  border-radius: 18px;
  background:
    radial-gradient(
      circle at 18% 50%,
      rgba(11, 170, 85, 0.13),
      transparent 42%
    ),
    rgba(11, 170, 85, 0.045);

  opacity: 0;
  transform: translateY(9px) scale(0.985);

  transition:
    opacity 380ms ease,
    transform 380ms ease;
}

.ak-decision-result.is-visible {
  opacity: 1;
  transform: none;
}

.ak-decision-result__grade {
  width: 116px;
  height: 116px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 5px solid rgba(11, 170, 85, 0.22);
  border-top-color: var(--decision-green);
  border-bottom-color: var(--decision-green);
  border-radius: 50%;

  background: var(--decision-surface);
  color: var(--decision-green);

  box-shadow:
    0 12px 25px rgba(11, 170, 85, 0.13);
}

.ak-decision-result__grade span {
  font-size: 48px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -0.06em;
}

.ak-decision-result__copy strong {
  color: var(--decision-green);
  font-size: 25px;
  line-height: 1.2;
  font-weight: 820;
  letter-spacing: -0.025em;
}

.ak-decision-result__copy p {
  margin: 9px 0 0;
  color: var(--decision-muted);
  font-size: 15px;
  line-height: 1.45;
}

.ak-decision__footer {
  margin-top: 25px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  color: var(--decision-muted);
  font-size: 13px;
}

.ak-decision__footer svg {
  width: 19px;
  height: 19px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-decision__footer strong {
  color: var(--decision-blue);
  font-weight: 700;
}

@media (max-width: 1050px) {
  .ak-decision__panel {
    grid-template-columns: 1fr;
  }

  .ak-decision__timeline {
    padding-right: 8px;
  }

  .ak-decision-step {
    grid-template-columns: 48px 54px minmax(0, 1fr);
  }

  .ak-decision-report {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 680px) {
  .ak-decision {
    padding: 58px 14px 48px;
  }

  .ak-decision__title {
    font-size: 36px;
  }

  .ak-decision__subtitle {
    font-size: 16px;
  }

  .ak-decision__panel {
    padding: 15px;
    border-radius: 21px;
  }

  .ak-decision-step {
    min-height: 103px;
    padding-right: 35px;
    grid-template-columns: 34px 42px minmax(0, 1fr);
    column-gap: 10px;
  }

  .ak-decision-step__cube {
    width: 23px;
    height: 23px;
    border-radius: 6px;
  }

  .ak-decision-step__content h3 {
    font-size: 16px;
  }

  .ak-decision-step__content p {
    font-size: 13px;
  }

  .ak-decision-step__status {
    width: 18px;
    height: 18px;
  }

  .ak-decision-report {
    padding: 15px;
  }

  .ak-decision-platform {
    padding: 0 10px;
    font-size: 13px;
  }

  .ak-decision-platform small {
    display: none;
  }

  .ak-decision-metric {
    grid-template-columns: 37px auto minmax(8px, 1fr) auto;
    gap: 8px;
  }

  .ak-decision-metric__label,
  .ak-decision-metric__value {
    font-size: 12px;
  }

  .ak-decision-result {
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 14px;
  }

  .ak-decision-result__grade {
    width: 84px;
    height: 84px;
  }

  .ak-decision-result__grade span {
    font-size: 35px;
  }

  .ak-decision-result__copy strong {
    font-size: 20px;
  }

  .ak-decision-result__copy p {
    font-size: 13px;
  }

  .ak-decision__footer {
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-decision *,
  .ak-decision *::before,
  .ak-decision *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* =========================================================
   BLOCK 02 — УМЕНЬШЕННОЕ СВЕЧЕНИЕ КУБИКОВ
========================================================= */

/*
  Активный кубик увеличивается совсем немного.
  Это сохраняет ощущение текущего этапа,
  но убирает слишком яркий визуальный скачок.
*/
.ak-decision-step.is-active
.ak-decision-step__cube {
  transform: scale(1.08) !important;
}

/* Красный */
.ak-decision-step[data-step="0"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="0"].is-active
.ak-decision-step__cube {
  box-shadow:
    0 3px 8px rgba(242, 29, 47, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Оранжевый */
.ak-decision-step[data-step="1"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="1"].is-active
.ak-decision-step__cube {
  box-shadow:
    0 3px 8px rgba(255, 150, 20, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Тёмно-оранжевый */
.ak-decision-step[data-step="2"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="2"].is-active
.ak-decision-step__cube {
  box-shadow:
    0 3px 8px rgba(242, 106, 22, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Синий */
.ak-decision-step[data-step="3"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="3"].is-active
.ak-decision-step__cube {
  box-shadow:
    0 3px 8px rgba(47, 125, 244, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Зелёный */
.ak-decision-step[data-step="4"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="4"].is-active
.ak-decision-step__cube {
  box-shadow:
    0 3px 8px rgba(11, 170, 85, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Тёмно-зелёный */
.ak-decision-step[data-step="5"].is-complete
.ak-decision-step__cube,
.ak-decision-step[data-step="5"].is-active
.ak-decision-step__cube {
  box-shadow:
    0 3px 8px rgba(7, 141, 71, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/*
  В тёмной теме оставляем чуть больше свечения,
  иначе кубики могут выглядеть слишком плоскими.
*/
html[data-theme="dark"]
.ak-decision-step.is-active
.ak-decision-step__cube {
  filter: brightness(1.04);
}


/* =========================================================
   BLOCK 02 — НЕПОДВИЖНЫЕ СТРОКИ ТАЙМЛАЙНА
========================================================= */

/*
  Все этапы остаются строго на своих координатах.
  Во время анализа меняются только кубик и индикатор статуса.
*/
.ak-decision-step,
.ak-decision-step.is-active,
.ak-decision-step.is-complete {
  transform: none !important;
}

/*
  Активность подчёркивается только кубиком.
  scale не влияет на размеры сетки и не сдвигает текст.
*/
.ak-decision-step.is-active
.ak-decision-step__cube {
  transform: scale(1.08) !important;
}

/*
  Заголовки и описания не меняют положение,
  толщину или размер во время перехода между этапами.
*/
.ak-decision-step__content,
.ak-decision-step__content h3,
.ak-decision-step__content p,
.ak-decision-step__number,
.ak-decision-step__status {
  transform: none !important;
}

/*
  Убираем transition transform у всей строки.
  Плавное изменение остаётся только у прозрачности.
*/
.ak-decision-step {
  transition: opacity 260ms ease !important;
}

/*
  Кубик продолжает плавно менять цвет и слегка увеличиваться.
*/
.ak-decision-step__cube {
  transition:
    background-color 260ms ease,
    border-color 260ms ease,
    box-shadow 260ms ease,
    transform 180ms ease !important;
}


/* ==========================================================
   ЕДИНЫЙ ЗАГОЛОВОК НА РАЗДЕЛИТЕЛЕ — BLOCK 02
========================================================== */

.ak-decision {
  position: relative;
}

/* Тонкая линия над блоком */
.ak-decision::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;

  width: min(1320px, calc(100% - 48px));
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(15, 23, 42, 0.05) 10%,
    rgba(15, 23, 42, 0.10) 50%,
    rgba(15, 23, 42, 0.05) 90%,
    transparent 100%
  );

  transform: translateX(-50%);
  pointer-events: none;
}

/* Название располагается по центру линии */
.ak-decision__eyebrow {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 4;

  height: 32px;
  margin: 0;
  padding: 0 17px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(47, 125, 244, 0.14);
  border-radius: 999px;

  background: #EEF4FF;
  color: #2F7DF4;

  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;

  transform: translate(-50%, -50%);
  box-shadow: 0 4px 14px rgba(47, 125, 244, 0.07);
}

/* Компенсируем абсолютное положение названия */
.ak-decision__header {
  padding-top: 5px;
}

html[data-theme="dark"] .ak-decision::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.05) 10%,
    rgba(255, 255, 255, 0.10) 50%,
    rgba(255, 255, 255, 0.05) 90%,
    transparent 100%
  );
}

html[data-theme="dark"] .ak-decision__eyebrow {
  border-color: rgba(47, 125, 244, 0.30);
  background: #101D33;
  color: #6EA0F7;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}


/* ==========================================================
   BLOCK 02 — ОТСТУП ДЛЯ ЗАГОЛОВКА НА РАЗДЕЛИТЕЛЕ
========================================================== */

.ak-decision {
  padding-top: 42px !important;
}

.ak-decision__eyebrow {
  top: 16px !important;
  transform: translate(-50%, -50%) !important;
}

.ak-decision__header {
  padding-top: 0 !important;
}


/* ==========================================================
   BLOCK 02 — БЕЙДЖ ТОЧНО ПО ЦЕНТРУ РАЗДЕЛИТЕЛЯ
========================================================== */

.ak-decision {
  padding-top: 58px !important;
  overflow: visible !important;
}

.ak-decision__eyebrow {
  top: 0 !important;
  transform: translate(-50%, -50%) !important;
}


/* ==========================================================
   BLOCK 02 — ФИНАЛЬНЫЙ ГОЛУБОВАТЫЙ РАЗДЕЛИТЕЛЬ
========================================================== */

.ak-decision::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;

  display: block !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  border: 0 !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(47, 125, 244, 0.025) 8%,
    rgba(47, 125, 244, 0.11) 28%,
    rgba(47, 125, 244, 0.15) 50%,
    rgba(47, 125, 244, 0.11) 72%,
    rgba(47, 125, 244, 0.025) 92%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 5px rgba(47, 125, 244, 0.025) !important;

  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

html[data-theme="dark"] .ak-decision::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(81, 139, 226, 0.025) 8%,
    rgba(81, 139, 226, 0.09) 28%,
    rgba(81, 139, 226, 0.14) 50%,
    rgba(81, 139, 226, 0.09) 72%,
    rgba(81, 139, 226, 0.025) 92%,
    transparent 100%
  ) !important;
}

/* Нижняя информационная плашка */

.ak-decision__footer {
  padding: 14px 20px !important;

  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Светлая тема */

html:not([data-theme="dark"]) .ak-decision__footer {
  background:
    linear-gradient(
      180deg,
      #F5F6F8 0%,
      #EEF1F4 100%
    ) !important;

  border: 1px solid #E0E5EB !important;

  box-shadow:
    0 7px 22px rgba(15, 23, 42, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

/* Тёмная тема */

html[data-theme="dark"] .ak-decision__footer {
  background:
    linear-gradient(
      180deg,
      #111820 0%,
      #0D141B 100%
    ) !important;

  border: 1px solid #283440 !important;

  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}


/* ===== 02_decision END ===== */

/* ===== 03_reason START ===== */
:root {
  --reason-bg: #f7f9fc;
  --reason-surface: #ffffff;
  --reason-surface-soft: #f8fafc;
  --reason-border: #e3e8f0;
  --reason-border-strong: #d5dde9;

  --reason-text: #07142f;
  --reason-muted: #60708e;
  --reason-muted-soft: #8d99ad;

  --reason-blue: #2563eb;
  --reason-green: #0ba953;
  --reason-green-dark: #078841;
  --reason-orange: #f59e0b;
  --reason-red: #f04424;

  --reason-shadow:
    0 24px 65px rgba(23, 40, 70, 0.07),
    0 3px 14px rgba(23, 40, 70, 0.035);
}

html[data-theme="dark"] {
  --reason-bg: #060b10;
  --reason-surface: #0b1219;
  --reason-surface-soft: #101923;
  --reason-border: #27323e;
  --reason-border-strong: #344150;

  --reason-text: #f5f7fb;
  --reason-muted: #a5b0bf;
  --reason-muted-soft: #788597;

  --reason-shadow:
    0 28px 80px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.ak-reason {
  padding: 82px 24px 70px;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 18%,
      rgba(37, 99, 235, 0.045),
      transparent 34%
    ),
    var(--reason-bg);

  color: var(--reason-text);

  font-family:
    Inter,
    Geist,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.ak-reason *,
.ak-reason *::before,
.ak-reason *::after {
  box-sizing: border-box;
}

.ak-reason__container {
  width: min(1440px, 100%);
  margin: 0 auto;
}

.ak-reason__header {
  max-width: 960px;
  margin: 0 auto 34px;
  text-align: center;
}

.ak-reason__eyebrow {
  width: max-content;
  margin: 0 auto 13px;
  padding: 6px 17px;

  border-radius: 999px;
  background: rgba(37, 99, 235, 0.07);
  color: var(--reason-blue);

  font-size: 13px;
  font-weight: 750;
}

.ak-reason__title {
  margin: 0;

  color: var(--reason-text);
  font-size: clamp(37px, 4vw, 58px);
  line-height: 1.07;
  font-weight: 850;
  letter-spacing: -0.045em;
}

.ak-reason__subtitle {
  max-width: 780px;
  margin: 17px auto 0;

  color: var(--reason-muted);
  font-size: 18px;
  line-height: 1.5;
}

.ak-reason__layout {
  display: grid;
  grid-template-columns: minmax(310px, 0.68fr) minmax(650px, 1.72fr);
  gap: 22px;
  align-items: stretch;
}

.ak-reason-summary,
.ak-reason-factors {
  border: 1px solid var(--reason-border);
  border-radius: 23px;
  background: var(--reason-surface);
  box-shadow: var(--reason-shadow);
}

.ak-reason-summary {
  padding: 36px 30px 31px;
}

.ak-reason-summary__label {
  color: var(--reason-muted);
  font-size: 16px;
}

.ak-reason-summary__score {
  margin-top: 20px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.ak-reason-summary__score strong {
  color: var(--reason-green);
  font-size: 76px;
  line-height: 0.98;
  font-weight: 870;
  letter-spacing: -0.065em;
}

.ak-reason-summary__score span {
  color: #b8c0ce;
  font-size: 29px;
  font-weight: 650;
}

.ak-reason-summary__level {
  width: max-content;
  margin-top: 18px;
  padding: 9px 15px;

  display: flex;
  align-items: center;
  gap: 8px;

  border: 1px solid rgba(11, 169, 83, 0.12);
  border-radius: 12px;

  background: rgba(11, 169, 83, 0.08);
  color: var(--reason-green-dark);

  font-size: 15px;
  font-weight: 740;
}

.ak-reason-summary__level svg {
  width: 19px;
  height: 19px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-reason-summary__verdict {
  margin-top: 38px;
}

.ak-reason-summary__caption {
  color: var(--reason-muted);
  font-size: 15px;
}

.ak-reason-summary__verdict h3 {
  margin: 13px 0 0;

  color: var(--reason-text);
  font-size: 28px;
  line-height: 1.27;
  font-weight: 810;
  letter-spacing: -0.025em;
}

.ak-reason-summary__verdict p {
  margin: 14px 0 0;

  color: var(--reason-muted);
  font-size: 15px;
  line-height: 1.6;
}

.ak-reason-summary__risk {
  margin-top: 36px;
  padding: 18px;

  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 13px;

  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 14px;

  background: rgba(37, 99, 235, 0.045);
}

.ak-reason-summary__risk-icon {
  width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--reason-blue);
}

.ak-reason-summary__risk-icon svg {
  width: 31px;
  height: 31px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-reason-summary__risk strong {
  color: var(--reason-text);
  font-size: 14px;
  line-height: 1.45;
}

.ak-reason-summary__risk strong span {
  color: var(--reason-blue);
}

.ak-reason-summary__risk p {
  margin: 7px 0 0;

  color: var(--reason-muted);
  font-size: 13px;
  line-height: 1.5;
}

.ak-reason-factors {
  padding: 18px 25px 11px;
}

.ak-reason-factors__head {
  min-height: 43px;

  display: grid;
  grid-template-columns: minmax(390px, 1fr) 225px 135px;
  gap: 17px;
  align-items: center;

  color: var(--reason-muted);
  font-size: 13px;

  border-bottom: 1px solid var(--reason-border);
}

.ak-reason-factors__head span:nth-child(2),
.ak-reason-factors__head span:nth-child(3) {
  text-align: center;
}

.ak-reason-factor {
  min-height: 98px;

  display: grid;
  grid-template-columns:
    56px
    minmax(260px, 1fr)
    58px
    minmax(100px, 165px)
    125px;
  gap: 14px;
  align-items: center;

  border-bottom: 1px solid var(--reason-border);

  opacity: 0;
  transform: translateY(7px);

  transition:
    opacity 360ms ease,
    transform 360ms ease;
}

.ak-reason-factor:last-child {
  border-bottom: 0;
}

.ak-reason-factor.is-visible {
  opacity: 1;
  transform: none;
}

.ak-reason-factor__icon {
  width: 48px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(37, 99, 235, 0.09);
  border-radius: 12px;

  background: rgba(37, 99, 235, 0.06);
  color: var(--reason-blue);
}

.ak-reason-factor__icon svg {
  width: 25px;
  height: 25px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-reason-factor[data-tone="positive"]
.ak-reason-factor__icon {
  border-color: rgba(11, 169, 83, 0.10);
  background: rgba(11, 169, 83, 0.075);
  color: var(--reason-green);
}

.ak-reason-factor[data-tone="negative"]
.ak-reason-factor__icon,
.ak-reason-factor[data-tone="neutral"]
.ak-reason-factor__icon {
  border-color: rgba(245, 158, 11, 0.12);
  background: rgba(245, 158, 11, 0.075);
  color: var(--reason-orange);
}

.ak-reason-factor__currency {
  font-size: 28px;
  font-weight: 450;
}

.ak-reason-factor__copy h3 {
  margin: 0;

  color: var(--reason-text);
  font-size: 17px;
  line-height: 1.35;
  font-weight: 760;
}

.ak-reason-factor__copy p {
  margin: 5px 0 0;

  color: var(--reason-muted);
  font-size: 13px;
  line-height: 1.48;
}

.ak-reason-factor__value {
  font-size: 18px;
  text-align: center;
}

.ak-reason-factor[data-tone="positive"]
.ak-reason-factor__value {
  color: var(--reason-green);
}

.ak-reason-factor[data-tone="negative"]
.ak-reason-factor__value,
.ak-reason-factor[data-tone="neutral"]
.ak-reason-factor__value {
  color: var(--reason-red);
}

.ak-reason-factor__progress {
  height: 7px;
  overflow: hidden;

  border-radius: 999px;
  background: var(--reason-border);
}

.ak-reason-factor__progress span {
  display: block;
  width: 0;
  height: 100%;

  border-radius: inherit;
  background: var(--reason-green);

  transition: width 750ms cubic-bezier(.2,.7,.2,1);
}

.ak-reason-factor.is-visible
.ak-reason-factor__progress span {
  width: var(--reason-width);
}

.ak-reason-factor[data-tone="negative"]
.ak-reason-factor__progress span,
.ak-reason-factor[data-tone="neutral"]
.ak-reason-factor__progress span {
  background: var(--reason-orange);
}

.ak-reason-factor__badge {
  justify-self: center;
  min-width: 111px;
  padding: 7px 10px;

  border-radius: 10px;
  background: rgba(11, 169, 83, 0.08);
  color: var(--reason-green-dark);

  font-size: 12px;
  font-weight: 670;
  text-align: center;
}

.ak-reason-factor[data-tone="negative"]
.ak-reason-factor__badge {
  background: rgba(240, 68, 36, 0.07);
  color: var(--reason-red);
}

.ak-reason-factor[data-tone="neutral"]
.ak-reason-factor__badge {
  background: var(--reason-surface-soft);
  color: var(--reason-muted);
}

.ak-reason-conclusion {
  max-width: 1210px;
  margin: 28px auto 0;
  padding: 16px 23px;

  display: grid;
  grid-template-columns: 39px minmax(0, 1fr);
  gap: 14px;
  align-items: center;

  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 14px;

  background: rgba(37, 99, 235, 0.04);
}

.ak-reason-conclusion__icon {
  color: var(--reason-blue);
}

.ak-reason-conclusion__icon svg {
  width: 29px;
  height: 29px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-reason-conclusion p {
  margin: 0;

  color: var(--reason-text);
  font-size: 14px;
  line-height: 1.6;
}

.ak-reason-conclusion strong {
  color: var(--reason-blue);
}

@media (max-width: 1120px) {
  .ak-reason__layout {
    grid-template-columns: 1fr;
  }

  .ak-reason-summary {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 18px 35px;
  }

  .ak-reason-summary__label,
  .ak-reason-summary__score,
  .ak-reason-summary__level {
    grid-column: 1;
  }

  .ak-reason-summary__verdict {
    grid-column: 2;
    grid-row: 1 / span 3;
    margin-top: 0;
  }

  .ak-reason-summary__risk {
    grid-column: 1 / -1;
    margin-top: 10px;
  }
}

@media (max-width: 830px) {
  .ak-reason-factors__head {
    display: none;
  }

  .ak-reason-factor {
    padding: 17px 0;

    grid-template-columns: 48px minmax(0, 1fr) auto;
    grid-template-areas:
      "icon copy value"
      "icon progress badge";
  }

  .ak-reason-factor__icon {
    grid-area: icon;
  }

  .ak-reason-factor__copy {
    grid-area: copy;
  }

  .ak-reason-factor__value {
    grid-area: value;
  }

  .ak-reason-factor__progress {
    grid-area: progress;
  }

  .ak-reason-factor__badge {
    grid-area: badge;
  }
}

@media (max-width: 650px) {
  .ak-reason {
    padding: 58px 14px 48px;
  }

  .ak-reason__title {
    font-size: 35px;
  }

  .ak-reason__subtitle {
    font-size: 16px;
  }

  .ak-reason-summary {
    display: block;
    padding: 25px 20px;
  }

  .ak-reason-summary__verdict {
    margin-top: 32px;
  }

  .ak-reason-summary__score strong {
    font-size: 64px;
  }

  .ak-reason-factors {
    padding: 8px 16px;
  }

  .ak-reason-factor {
    grid-template-columns: 43px minmax(0, 1fr) auto;
    gap: 10px;
  }

  .ak-reason-factor__icon {
    width: 40px;
    height: 40px;
  }

  .ak-reason-factor__copy h3 {
    font-size: 15px;
  }

  .ak-reason-factor__copy p {
    font-size: 12px;
  }

  .ak-reason-factor__badge {
    min-width: 0;
    padding: 6px 8px;
    font-size: 10px;
  }

  .ak-reason-conclusion {
    padding: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-reason *,
  .ak-reason *::before,
  .ak-reason *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==========================================================
   BLOCK 03 — ЦЕНТРИРОВАНИЕ ИТОГОВОЙ ОЦЕНКИ
========================================================== */

.ak-reason-summary__label {
  text-align: center;
}

.ak-reason-summary__score {
  justify-content: center;
  text-align: center;
}

.ak-reason-summary__level {
  margin-left: auto;
  margin-right: auto;
}

/* На планшетах сохраняем центрирование в первой колонке */
@media (max-width: 1120px) {
  .ak-reason-summary__label,
  .ak-reason-summary__score,
  .ak-reason-summary__level {
    justify-self: stretch;
    text-align: center;
  }

  .ak-reason-summary__score {
    justify-content: center;
  }
}

/* На телефонах оценка также остаётся по центру */
@media (max-width: 650px) {
  .ak-reason-summary__label {
    text-align: center;
  }

  .ak-reason-summary__score {
    justify-content: center;
  }

  .ak-reason-summary__level {
    margin-left: auto;
    margin-right: auto;
  }
}


/* ==========================================================
   BLOCK 03 — ВЕРХНИЙ РАЗДЕЛИТЕЛЬ
========================================================== */

.ak-reason {
  position: relative;
}

.ak-reason::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;

  width: min(1320px, calc(100% - 48px));
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(15, 23, 42, 0.05) 10%,
    rgba(15, 23, 42, 0.10) 50%,
    rgba(15, 23, 42, 0.05) 90%,
    transparent 100%
  );

  transform: translateX(-50%);
  pointer-events: none;
}

html[data-theme="dark"] .ak-reason::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.05) 10%,
    rgba(255, 255, 255, 0.10) 50%,
    rgba(255, 255, 255, 0.05) 90%,
    transparent 100%
  );
}


/* ==========================================================
   ЕДИНЫЙ ЗАГОЛОВОК НА РАЗДЕЛИТЕЛЕ — BLOCK 03
========================================================== */

.ak-reason__eyebrow {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 4;

  width: max-content;
  height: 32px;
  margin: 0;
  padding: 0 17px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(47, 125, 244, 0.14);
  border-radius: 999px;

  background: #EEF4FF;
  color: #2F7DF4;

  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;

  transform: translate(-50%, -50%);
  box-shadow: 0 4px 14px rgba(47, 125, 244, 0.07);
}

.ak-reason__header {
  padding-top: 5px;
}

html[data-theme="dark"] .ak-reason__eyebrow {
  border-color: rgba(47, 125, 244, 0.30);
  background: #101D33;
  color: #6EA0F7;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}


/* ==========================================================
   BLOCK 03 — ОТСТУП ДЛЯ ЗАГОЛОВКА НА РАЗДЕЛИТЕЛЕ
========================================================== */

.ak-reason {
  padding-top: 42px !important;
}

.ak-reason__eyebrow {
  top: 16px !important;
  transform: translate(-50%, -50%) !important;
}

.ak-reason__header {
  padding-top: 0 !important;
}


/* ==========================================================
   BLOCK 03 — БЕЙДЖ ТОЧНО ПО ЦЕНТРУ РАЗДЕЛИТЕЛЯ
========================================================== */

.ak-reason {
  padding-top: 58px !important;
  overflow: visible !important;
}

.ak-reason__eyebrow {
  top: 0 !important;
  transform: translate(-50%, -50%) !important;
}


/* ==========================================================
   BLOCK 03 — ФИНАЛЬНЫЙ ПРИГЛУШЁННЫЙ РАЗДЕЛИТЕЛЬ
========================================================== */

.ak-reason::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;

  display: block !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  border: 0 !important;

  background: rgba(15, 23, 42, 0.055) !important;

  opacity: 1 !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

html[data-theme="dark"] .ak-reason::before {
  background: rgba(116, 135, 158, 0.075) !important;
}


/* Ярлык визуально перекрывает разделительную линию */
.ak-decision__eyebrow,
.ak-reason__eyebrow,
.ak-grades__eyebrow,
.ak-about__eyebrow {
  z-index: 20 !important;
}


/* ==========================================================
   BLOCK 03 — ФИНАЛЬНЫЙ ГОЛУБОВАТЫЙ РАЗДЕЛИТЕЛЬ
========================================================== */

.ak-reason::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;

  display: block !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  border: 0 !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(47, 125, 244, 0.025) 8%,
    rgba(47, 125, 244, 0.11) 28%,
    rgba(47, 125, 244, 0.15) 50%,
    rgba(47, 125, 244, 0.11) 72%,
    rgba(47, 125, 244, 0.025) 92%,
    transparent 100%
  ) !important;

  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

html[data-theme="dark"] .ak-reason::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(81, 139, 226, 0.025) 8%,
    rgba(81, 139, 226, 0.09) 28%,
    rgba(81, 139, 226, 0.14) 50%,
    rgba(81, 139, 226, 0.09) 72%,
    rgba(81, 139, 226, 0.025) 92%,
    transparent 100%
  ) !important;
}


/* ===== 03_reason END ===== */

/* ===== 04_grades START ===== */
:root {
  --grades-bg: #f7f9fc;
  --grades-surface: #ffffff;
  --grades-surface-soft: #f8fafc;
  --grades-border: #e1e7ef;
  --grades-text: #07142f;
  --grades-muted: #65728c;

  --grade-ap: #159447;
  --grade-a: #45bd56;
  --grade-b: #2f7df4;
  --grade-c: #ff9d18;
  --grade-d: #ff685c;
  --grade-f: #ef2638;

  --grade-current: var(--grade-ap);
  --grade-current-rgb: 21, 148, 71;

  --grades-shadow:
    0 24px 70px rgba(22, 39, 69, 0.08),
    0 3px 14px rgba(22, 39, 69, 0.035);
}

html[data-theme="dark"] {
  --grades-bg: #060b10;
  --grades-surface: #0b1219;
  --grades-surface-soft: #101923;
  --grades-border: #283440;
  --grades-text: #f4f7fb;
  --grades-muted: #a4afbe;

  --grades-shadow:
    0 30px 90px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.ak-grades {
  position: relative;

  padding: 82px 24px 72px;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 20%,
      rgba(47, 125, 244, 0.045),
      transparent 34%
    ),
    var(--grades-bg);

  color: var(--grades-text);

  font-family:
    Inter,
    Geist,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

/* Верхний разделитель */
.ak-grades::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;

  width: min(1320px, calc(100% - 48px));
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(15, 23, 42, 0.05) 10%,
    rgba(15, 23, 42, 0.10) 50%,
    rgba(15, 23, 42, 0.05) 90%,
    transparent 100%
  );

  transform: translateX(-50%);
  pointer-events: none;
}

html[data-theme="dark"] .ak-grades::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.05) 10%,
    rgba(255, 255, 255, 0.10) 50%,
    rgba(255, 255, 255, 0.05) 90%,
    transparent 100%
  );
}

.ak-grades *,
.ak-grades *::before,
.ak-grades *::after {
  box-sizing: border-box;
}

.ak-grades__container {
  width: min(1420px, 100%);
  margin: 0 auto;
}

.ak-grades__header {
  max-width: 900px;
  margin: 0 auto 35px;
  text-align: center;
}

.ak-grades__eyebrow {
  width: max-content;
  margin: 0 auto 14px;
  padding: 7px 18px;

  border-radius: 999px;
  background: rgba(47, 125, 244, 0.08);
  color: var(--grade-b);

  font-size: 12px;
  line-height: 16px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ak-grades__title {
  margin: 0;

  color: var(--grades-text);
  font-size: clamp(39px, 4vw, 60px);
  line-height: 1.06;
  font-weight: 860;
  letter-spacing: -0.045em;
}

.ak-grades__subtitle {
  max-width: 800px;
  margin: 17px auto 0;

  color: var(--grades-muted);
  font-size: 18px;
  line-height: 1.5;
}

.ak-grades__panel {
  padding: 28px;

  display: grid;
  grid-template-columns:
    minmax(470px, 0.92fr)
    minmax(610px, 1.08fr);
  gap: 28px;

  border: 1px solid var(--grades-border);
  border-radius: 27px;
  background: var(--grades-surface);

  box-shadow: var(--grades-shadow);
}

.ak-grades__scale {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ak-grade-row {
  width: 100%;
  min-height: 94px;
  padding: 0;

  display: grid;
  grid-template-columns: 120px 165px minmax(120px, 1fr) 44px;
  align-items: center;

  overflow: hidden;

  border: 1px solid var(--grades-border);
  border-radius: 15px;
  background: var(--grades-surface);
  color: var(--grades-text);

  font: inherit;
  text-align: left;
  cursor: pointer;

  transition:
    border-color 220ms ease,
    background-color 220ms ease,
    box-shadow 220ms ease;
}

.ak-grade-row:hover,
.ak-grade-row.is-active {
  border-color: var(--row-color);
  background: rgba(var(--row-rgb), 0.025);
}

.ak-grade-row.is-active {
  box-shadow:
    0 0 0 2px rgba(var(--row-rgb), 0.12);
}

.ak-grade-row[data-grade="ap"] {
  --row-color: var(--grade-ap);
  --row-rgb: 21, 148, 71;
}

.ak-grade-row[data-grade="a"] {
  --row-color: var(--grade-a);
  --row-rgb: 69, 189, 86;
}

.ak-grade-row[data-grade="b"] {
  --row-color: var(--grade-b);
  --row-rgb: 47, 125, 244;
}

.ak-grade-row[data-grade="c"] {
  --row-color: var(--grade-c);
  --row-rgb: 255, 157, 24;
}

.ak-grade-row[data-grade="d"] {
  --row-color: var(--grade-d);
  --row-rgb: 255, 104, 92;
}

.ak-grade-row[data-grade="f"] {
  --row-color: var(--grade-f);
  --row-rgb: 239, 38, 56;
}

.ak-grade-row__letter {
  align-self: stretch;

  display: flex;
  align-items: center;
  justify-content: center;

  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--row-color) 78%, white),
      var(--row-color)
    );
  color: #fff;

  font-size: 55px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -0.055em;
}

.ak-grade-row__range {
  padding-left: 30px;

  color: var(--grades-text);
  font-size: 17px;
  font-weight: 620;
  white-space: nowrap;
}

.ak-grade-row__label {
  color: var(--row-color);
  font-size: 17px;
  font-weight: 650;
}

.ak-grade-row__arrow {
  color: var(--row-color);
}

.ak-grade-row__arrow svg {
  width: 27px;
  height: 27px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-grade-preview {
  --grade-current: var(--grade-ap);
  --grade-current-rgb: 21, 148, 71;

  min-width: 0;
  padding: 27px 28px 25px;

  border: 1px solid rgba(var(--grade-current-rgb), 0.18);
  border-radius: 18px;

  background:
    radial-gradient(
      circle at 18% 20%,
      rgba(var(--grade-current-rgb), 0.10),
      transparent 45%
    ),
    var(--grades-surface);

  transition:
    border-color 240ms ease,
    background 240ms ease,
    opacity 140ms ease;
}

.ak-grade-preview[data-tone="ap"] {
  --grade-current: var(--grade-ap);
  --grade-current-rgb: 21, 148, 71;
}

.ak-grade-preview[data-tone="a"] {
  --grade-current: var(--grade-a);
  --grade-current-rgb: 69, 189, 86;
}

.ak-grade-preview[data-tone="b"] {
  --grade-current: var(--grade-b);
  --grade-current-rgb: 47, 125, 244;
}

.ak-grade-preview[data-tone="c"] {
  --grade-current: var(--grade-c);
  --grade-current-rgb: 255, 157, 24;
}

.ak-grade-preview[data-tone="d"] {
  --grade-current: var(--grade-d);
  --grade-current-rgb: 255, 104, 92;
}

.ak-grade-preview[data-tone="f"] {
  --grade-current: var(--grade-f);
  --grade-current-rgb: 239, 38, 56;
}

.ak-grade-preview.is-changing {
  opacity: 0.68;
}

.ak-grade-preview__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ak-grade-preview__demo,
.ak-grade-preview__badge {
  padding: 7px 13px;

  border: 1px solid rgba(var(--grade-current-rgb), 0.25);
  border-radius: 10px;

  color: var(--grade-current);
  font-size: 13px;
  font-weight: 700;
}

.ak-grade-preview__badge {
  border: 0;
  background: var(--grade-current);
  color: #fff;

  font-size: 17px;
  transition: background-color 220ms ease;
}

.ak-grade-preview__hero {
  margin-top: 25px;

  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 25px;
  align-items: center;
}

.ak-grade-preview__letter {
  color: var(--grade-current);

  font-size: 106px;
  line-height: 0.95;
  font-weight: 870;
  letter-spacing: -0.075em;

  transform-origin: left center;

  transition:
    color 220ms ease,
    transform 220ms ease;
}

.ak-grade-preview.is-changing
.ak-grade-preview__letter {
  transform: scale(1.04);
}

.ak-grade-preview__err {
  margin-top: 12px;

  display: flex;
  align-items: baseline;
  gap: 10px;
}

.ak-grade-preview__err span {
  color: var(--grades-text);
  font-size: 30px;
  font-weight: 730;
}

.ak-grade-preview__err strong {
  color: var(--grade-current);
  font-size: 34px;
  font-weight: 800;

  transition: color 220ms ease;
}

.ak-grade-preview__status {
  width: max-content;
  margin-top: 12px;
  padding: 7px 13px;

  border: 1px solid rgba(var(--grade-current-rgb), 0.22);
  border-radius: 10px;

  background: rgba(var(--grade-current-rgb), 0.055);
  color: var(--grade-current);

  font-size: 14px;
  font-weight: 700;
}

.ak-grade-preview__ring {
  position: relative;

  width: 220px;
  height: 220px;
}

.ak-grade-preview__ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.ak-grade-preview__ring-track,
.ak-grade-preview__ring-progress {
  fill: none;
  stroke-width: 10;
}

.ak-grade-preview__ring-track {
  stroke: rgba(var(--grade-current-rgb), 0.10);
}

.ak-grade-preview__ring-progress {
  stroke: var(--grade-current);
  stroke-linecap: round;

  stroke-dasharray: 307.88;
  stroke-dashoffset: 116.99;

  transition:
    stroke 220ms ease,
    stroke-dashoffset 520ms cubic-bezier(.2,.7,.2,1);
}

.ak-grade-preview__ring-copy {
  position: absolute;
  inset: 0;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
}

.ak-grade-preview__ring-copy strong {
  color: var(--grade-current);
  font-size: 48px;
  line-height: 1;
  font-weight: 840;
}

.ak-grade-preview__ring-copy span {
  margin-top: 7px;

  color: var(--grades-muted);
  font-size: 12px;
  line-height: 1.35;
  text-transform: uppercase;
}

.ak-grade-preview__reasons {
  margin-top: 17px;

  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ak-grade-preview__reason {
  display: flex;
  align-items: center;
  gap: 10px;

  color: var(--grades-text);
  font-size: 14px;
  line-height: 1.4;
}

.ak-grade-preview__reason svg {
  width: 21px;
  height: 21px;
  flex: 0 0 auto;

  fill: none;
  stroke: var(--grade-current);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-grade-preview__divider {
  height: 1px;
  margin: 24px 0 17px;
  background: var(--grades-border);
}

.ak-grade-preview__metrics-title {
  color: var(--grades-text);
  font-size: 14px;
  font-weight: 760;
}

.ak-grade-preview__metrics {
  margin-top: 15px;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.ak-grade-metric {
  min-width: 0;
  padding: 0 14px;

  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 9px;
  align-items: center;

  border-right: 1px solid var(--grades-border);
}

.ak-grade-metric:first-child {
  padding-left: 0;
}

.ak-grade-metric:last-child {
  padding-right: 0;
  border-right: 0;
}

.ak-grade-metric__icon {
  width: 35px;
  height: 35px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 9px;
  background: rgba(var(--grade-current-rgb), 0.07);
  color: var(--grade-current);
}

.ak-grade-metric__icon svg {
  width: 21px;
  height: 21px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-grade-metric strong,
.ak-grade-metric span {
  display: block;
  white-space: nowrap;
}

.ak-grade-metric strong {
  color: var(--grades-text);
  font-size: 13px;
  line-height: 1.3;
}

.ak-grade-metric span {
  margin-top: 3px;
  color: var(--grades-muted);
  font-size: 10px;
}

.ak-grade-preview__conclusion {
  margin-top: 24px;
  padding: 14px 17px;

  display: flex;
  align-items: center;
  gap: 11px;

  border-radius: 12px;
  background: rgba(var(--grade-current-rgb), 0.075);
  color: var(--grade-current);

  font-size: 13px;
  line-height: 1.45;
  font-weight: 650;
}

.ak-grade-preview__conclusion svg {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 1120px) {
  .ak-grades__panel {
    grid-template-columns: 1fr;
  }

  .ak-grades__scale {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .ak-grade-preview {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 720px) {
  .ak-grades {
    padding: 58px 14px 48px;
  }

  .ak-grades__title {
    font-size: 36px;
  }

  .ak-grades__subtitle {
    font-size: 16px;
  }

  .ak-grades__panel {
    padding: 15px;
  }

  .ak-grades__scale {
    grid-template-columns: 1fr;
  }

  .ak-grade-row {
    min-height: 78px;
    grid-template-columns: 88px 130px minmax(90px, 1fr) 32px;
  }

  .ak-grade-row__letter {
    font-size: 42px;
  }

  .ak-grade-row__range,
  .ak-grade-row__label {
    font-size: 14px;
  }

  .ak-grade-row__range {
    padding-left: 18px;
  }

  .ak-grade-preview {
    padding: 20px 16px;
  }

  .ak-grade-preview__hero {
    grid-template-columns: 1fr;
  }

  .ak-grade-preview__ring {
    width: 190px;
    height: 190px;
    margin: 0 auto;
  }

  .ak-grade-preview__letter {
    font-size: 82px;
  }

  .ak-grade-preview__metrics {
    grid-template-columns: 1fr 1fr;
    gap: 18px 0;
  }

  .ak-grade-metric:nth-child(2) {
    border-right: 0;
  }
}

@media (max-width: 440px) {
  .ak-grade-row {
    grid-template-columns: 72px 112px minmax(75px, 1fr) 27px;
  }

  .ak-grade-row__letter {
    font-size: 35px;
  }

  .ak-grade-row__range,
  .ak-grade-row__label {
    font-size: 12px;
  }

  .ak-grade-preview__metrics {
    grid-template-columns: 1fr;
  }

  .ak-grade-metric,
  .ak-grade-metric:nth-child(2) {
    padding: 0;
    border-right: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-grades *,
  .ak-grades *::before,
  .ak-grades *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==========================================================
   BLOCK 04 — КОНТРАСТНЫЕ ЦВЕТА ОЦЕНОК C, D И F
========================================================== */

.ak-grades {
  --grade-c: #F28C00;
  --grade-d: #F4513D;
  --grade-f: #D91F32;
}

/* Насыщенные цветные зоны букв */
.ak-grade-row[data-grade="c"]
.ak-grade-row__letter {
  background: linear-gradient(
    145deg,
    #FFB229 0%,
    #F28C00 100%
  );
}

.ak-grade-row[data-grade="d"]
.ak-grade-row__letter {
  background: linear-gradient(
    145deg,
    #FF7566 0%,
    #F4513D 100%
  );
}

.ak-grade-row[data-grade="f"]
.ak-grade-row__letter {
  background: linear-gradient(
    145deg,
    #F33B4C 0%,
    #D91F32 100%
  );
}

/* Более контрастные подписи и стрелки */
.ak-grade-row[data-grade="c"]
.ak-grade-row__label,
.ak-grade-row[data-grade="c"]
.ak-grade-row__arrow {
  color: #D97706;
}

.ak-grade-row[data-grade="d"]
.ak-grade-row__label,
.ak-grade-row[data-grade="d"]
.ak-grade-row__arrow {
  color: #E23B2A;
}

.ak-grade-row[data-grade="f"]
.ak-grade-row__label,
.ak-grade-row[data-grade="f"]
.ak-grade-row__arrow {
  color: #C9172A;
}

/* Чёткая рамка активного уровня */
.ak-grade-row[data-grade="c"]:hover,
.ak-grade-row[data-grade="c"].is-active {
  border-color: #F28C00;
  background: rgba(242, 140, 0, 0.055);
}

.ak-grade-row[data-grade="d"]:hover,
.ak-grade-row[data-grade="d"].is-active {
  border-color: #F4513D;
  background: rgba(244, 81, 61, 0.055);
}

.ak-grade-row[data-grade="f"]:hover,
.ak-grade-row[data-grade="f"].is-active {
  border-color: #D91F32;
  background: rgba(217, 31, 50, 0.06);
}

/* Контраст сохраняется в тёмной теме */
html[data-theme="dark"]
.ak-grade-row[data-grade="c"]
.ak-grade-row__label,
html[data-theme="dark"]
.ak-grade-row[data-grade="c"]
.ak-grade-row__arrow {
  color: #FFAD24;
}

html[data-theme="dark"]
.ak-grade-row[data-grade="d"]
.ak-grade-row__label,
html[data-theme="dark"]
.ak-grade-row[data-grade="d"]
.ak-grade-row__arrow {
  color: #FF7566;
}

html[data-theme="dark"]
.ak-grade-row[data-grade="f"]
.ak-grade-row__label,
html[data-theme="dark"]
.ak-grade-row[data-grade="f"]
.ak-grade-row__arrow {
  color: #FF5363;
}

/* Немного увеличиваем ширину текста описания */
.ak-grades__subtitle {
  max-width: 940px;
}


/* ==========================================================
   BLOCK 04 — УТВЕРЖДЁННАЯ ПАЛИТРА ШКАЛЫ ОЦЕНОК
========================================================== */

.ak-grades {
  --grade-ap: #1A7F4B;
  --grade-a:  #1E9658;
  --grade-b:  #1A4FA8;
  --grade-c:  #C87700;
  --grade-d:  #C0392B;
  --grade-f:  #8B0000;
}

/* A+ */
.ak-grade-row[data-grade="ap"] {
  --row-color: #1A7F4B;
  --row-rgb: 26, 127, 75;
}

.ak-grade-row[data-grade="ap"]
.ak-grade-row__letter {
  background: linear-gradient(
    145deg,
    #259B61 0%,
    #1A7F4B 100%
  );
}

/* A */
.ak-grade-row[data-grade="a"] {
  --row-color: #1E9658;
  --row-rgb: 30, 150, 88;
}

.ak-grade-row[data-grade="a"]
.ak-grade-row__letter {
  background: linear-gradient(
    145deg,
    #32B56F 0%,
    #1E9658 100%
  );
}

/* B */
.ak-grade-row[data-grade="b"] {
  --row-color: #1A4FA8;
  --row-rgb: 26, 79, 168;
}

.ak-grade-row[data-grade="b"]
.ak-grade-row__letter {
  background: linear-gradient(
    145deg,
    #2D6FD0 0%,
    #1A4FA8 100%
  );
}

/* C */
.ak-grade-row[data-grade="c"] {
  --row-color: #C87700;
  --row-rgb: 200, 119, 0;
}

.ak-grade-row[data-grade="c"]
.ak-grade-row__letter {
  background: linear-gradient(
    145deg,
    #E99613 0%,
    #C87700 100%
  );
}

/* D */
.ak-grade-row[data-grade="d"] {
  --row-color: #C0392B;
  --row-rgb: 192, 57, 43;
}

.ak-grade-row[data-grade="d"]
.ak-grade-row__letter {
  background: linear-gradient(
    145deg,
    #DA5143 0%,
    #C0392B 100%
  );
}

/* F */
.ak-grade-row[data-grade="f"] {
  --row-color: #8B0000;
  --row-rgb: 139, 0, 0;
}

.ak-grade-row[data-grade="f"]
.ak-grade-row__letter {
  background: linear-gradient(
    145deg,
    #B31217 0%,
    #8B0000 100%
  );
}

/* Контраст подписей и стрелок */
.ak-grade-row[data-grade="ap"]
.ak-grade-row__label,
.ak-grade-row[data-grade="ap"]
.ak-grade-row__arrow {
  color: #1A7F4B;
}

.ak-grade-row[data-grade="a"]
.ak-grade-row__label,
.ak-grade-row[data-grade="a"]
.ak-grade-row__arrow {
  color: #1E9658;
}

.ak-grade-row[data-grade="b"]
.ak-grade-row__label,
.ak-grade-row[data-grade="b"]
.ak-grade-row__arrow {
  color: #1A4FA8;
}

.ak-grade-row[data-grade="c"]
.ak-grade-row__label,
.ak-grade-row[data-grade="c"]
.ak-grade-row__arrow {
  color: #C87700;
}

.ak-grade-row[data-grade="d"]
.ak-grade-row__label,
.ak-grade-row[data-grade="d"]
.ak-grade-row__arrow {
  color: #C0392B;
}

.ak-grade-row[data-grade="f"]
.ak-grade-row__label,
.ak-grade-row[data-grade="f"]
.ak-grade-row__arrow {
  color: #8B0000;
}

/* Активная карточка справа */
.ak-grade-preview[data-tone="ap"] {
  --grade-current: #1A7F4B;
  --grade-current-rgb: 26, 127, 75;
}

.ak-grade-preview[data-tone="a"] {
  --grade-current: #1E9658;
  --grade-current-rgb: 30, 150, 88;
}

.ak-grade-preview[data-tone="b"] {
  --grade-current: #1A4FA8;
  --grade-current-rgb: 26, 79, 168;
}

.ak-grade-preview[data-tone="c"] {
  --grade-current: #C87700;
  --grade-current-rgb: 200, 119, 0;
}

.ak-grade-preview[data-tone="d"] {
  --grade-current: #C0392B;
  --grade-current-rgb: 192, 57, 43;
}

.ak-grade-preview[data-tone="f"] {
  --grade-current: #8B0000;
  --grade-current-rgb: 139, 0, 0;
}

/* Более заметное активное состояние */
.ak-grade-row:hover,
.ak-grade-row.is-active {
  border-color: var(--row-color) !important;
  background: rgba(var(--row-rgb), 0.055) !important;
}

.ak-grade-row.is-active {
  box-shadow:
    0 0 0 2px rgba(var(--row-rgb), 0.15),
    0 8px 24px rgba(var(--row-rgb), 0.08);
}

/* Тёмная тема */
html[data-theme="dark"]
.ak-grade-row[data-grade="ap"]
.ak-grade-row__label,
html[data-theme="dark"]
.ak-grade-row[data-grade="ap"]
.ak-grade-row__arrow {
  color: #3FB878;
}

html[data-theme="dark"]
.ak-grade-row[data-grade="a"]
.ak-grade-row__label,
html[data-theme="dark"]
.ak-grade-row[data-grade="a"]
.ak-grade-row__arrow {
  color: #49C982;
}

html[data-theme="dark"]
.ak-grade-row[data-grade="b"]
.ak-grade-row__label,
html[data-theme="dark"]
.ak-grade-row[data-grade="b"]
.ak-grade-row__arrow {
  color: #5D91E8;
}

html[data-theme="dark"]
.ak-grade-row[data-grade="c"]
.ak-grade-row__label,
html[data-theme="dark"]
.ak-grade-row[data-grade="c"]
.ak-grade-row__arrow {
  color: #E7A13A;
}

html[data-theme="dark"]
.ak-grade-row[data-grade="d"]
.ak-grade-row__label,
html[data-theme="dark"]
.ak-grade-row[data-grade="d"]
.ak-grade-row__arrow {
  color: #E57064;
}

html[data-theme="dark"]
.ak-grade-row[data-grade="f"]
.ak-grade-row__label,
html[data-theme="dark"]
.ak-grade-row[data-grade="f"]
.ak-grade-row__arrow {
  color: #D84A4A;
}


/* ==========================================================
   ЕДИНЫЙ ЗАГОЛОВОК НА РАЗДЕЛИТЕЛЕ — BLOCK 04
========================================================== */

.ak-grades__eyebrow {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 4;

  width: max-content;
  height: 32px;
  margin: 0;
  padding: 0 17px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(47, 125, 244, 0.14);
  border-radius: 999px;

  background: #EEF4FF;
  color: #2F7DF4;

  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;

  transform: translate(-50%, -50%);
  box-shadow: 0 4px 14px rgba(47, 125, 244, 0.07);
}

.ak-grades__header {
  padding-top: 5px;
}

html[data-theme="dark"] .ak-grades__eyebrow {
  border-color: rgba(47, 125, 244, 0.30);
  background: #101D33;
  color: #6EA0F7;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}


/* ==========================================================
   BLOCK 04 — ОТСТУП ДЛЯ ЗАГОЛОВКА НА РАЗДЕЛИТЕЛЕ
========================================================== */

.ak-grades {
  padding-top: 42px !important;
}

.ak-grades__eyebrow {
  top: 16px !important;
  transform: translate(-50%, -50%) !important;
}

.ak-grades__header {
  padding-top: 0 !important;
}


/* ==========================================================
   BLOCK 04 — БЕЙДЖ ТОЧНО ПО ЦЕНТРУ РАЗДЕЛИТЕЛЯ
========================================================== */

.ak-grades {
  padding-top: 58px !important;
  overflow: visible !important;
}

.ak-grades__eyebrow {
  top: 0 !important;
  transform: translate(-50%, -50%) !important;
}


/* ==========================================================
   BLOCK 04 — ИТОГОВАЯ ПОДСКАЗКА ПОД ШКАЛОЙ
========================================================== */

.ak-grades-hint {
  width: min(1210px, calc(100% - 48px));
  margin: 28px auto 0;
  padding: 16px 22px;

  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  align-items: center;

  border: 1px solid rgba(47, 125, 244, 0.18);
  border-radius: 14px;

  background:
    linear-gradient(
      90deg,
      rgba(47, 125, 244, 0.055),
      rgba(47, 125, 244, 0.025)
    );

  color: var(--grades-text);
}

.ak-grades-hint__icon {
  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;
  background: rgba(47, 125, 244, 0.08);
  color: #2F7DF4;
}

.ak-grades-hint__icon svg {
  width: 22px;
  height: 22px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-grades-hint p {
  margin: 0;

  color: var(--grades-text);
  font-size: 14px;
  line-height: 1.6;
}

.ak-grades-hint strong {
  color: #2F7DF4;
  font-weight: 760;
}

html[data-theme="dark"] .ak-grades-hint {
  border-color: rgba(47, 125, 244, 0.28);

  background:
    linear-gradient(
      90deg,
      rgba(47, 125, 244, 0.10),
      rgba(47, 125, 244, 0.035)
    );
}

html[data-theme="dark"] .ak-grades-hint__icon {
  background: rgba(47, 125, 244, 0.14);
  color: #6EA0F7;
}

html[data-theme="dark"] .ak-grades-hint strong {
  color: #6EA0F7;
}

@media (max-width: 650px) {
  .ak-grades-hint {
    width: calc(100% - 8px);
    margin-top: 20px;
    padding: 14px;

    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px;
  }

  .ak-grades-hint__icon {
    width: 30px;
    height: 30px;
  }

  .ak-grades-hint p {
    font-size: 12px;
    line-height: 1.55;
  }
}


/* ==========================================================
   BLOCK 04 — ФИНАЛЬНЫЙ ПРИГЛУШЁННЫЙ РАЗДЕЛИТЕЛЬ
========================================================== */

.ak-grades::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;

  display: block !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  border: 0 !important;

  background: rgba(15, 23, 42, 0.055) !important;

  opacity: 1 !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

html[data-theme="dark"] .ak-grades::before {
  background: rgba(116, 135, 158, 0.075) !important;
}


/* Ярлык визуально перекрывает разделительную линию */
.ak-decision__eyebrow,
.ak-reason__eyebrow,
.ak-grades__eyebrow,
.ak-about__eyebrow {
  z-index: 20 !important;
}


/* ==========================================================
   BLOCK 04 — ФИНАЛЬНЫЙ ГОЛУБОВАТЫЙ РАЗДЕЛИТЕЛЬ
========================================================== */

.ak-grades::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;

  display: block !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  border: 0 !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(47, 125, 244, 0.025) 8%,
    rgba(47, 125, 244, 0.11) 28%,
    rgba(47, 125, 244, 0.15) 50%,
    rgba(47, 125, 244, 0.11) 72%,
    rgba(47, 125, 244, 0.025) 92%,
    transparent 100%
  ) !important;

  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

html[data-theme="dark"] .ak-grades::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(81, 139, 226, 0.025) 8%,
    rgba(81, 139, 226, 0.09) 28%,
    rgba(81, 139, 226, 0.14) 50%,
    rgba(81, 139, 226, 0.09) 72%,
    rgba(81, 139, 226, 0.025) 92%,
    transparent 100%
  ) !important;
}


/* ===== 04_grades END ===== */

/* ===== 05_about START ===== */
:root {
  --about-bg: #f7f9fc;
  --about-surface: #ffffff;
  --about-surface-soft: #f8fafc;
  --about-border: #e1e7ef;

  --about-text: #07142f;
  --about-muted: #65728c;

  --about-blue: #2f7df4;

  --about-red: #c0392b;
  --about-red-rgb: 192, 57, 43;

  --about-orange: #c87700;
  --about-orange-rgb: 200, 119, 0;

  --about-card-blue: #1a4fa8;
  --about-card-blue-rgb: 26, 79, 168;

  --about-green: #1e9658;
  --about-green-rgb: 30, 150, 88;

  --about-shadow:
    0 24px 70px rgba(20, 38, 68, 0.07),
    0 3px 14px rgba(20, 38, 68, 0.035);
}

html[data-theme="dark"] {
  --about-bg: #060b10;
  --about-surface: #0b1219;
  --about-surface-soft: #101923;
  --about-border: #283440;

  --about-text: #f4f7fb;
  --about-muted: #a4afbe;

  --about-shadow:
    0 30px 90px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.ak-about {
  position: relative;

  padding: 58px 24px 72px;
  overflow: visible;

  background:
    radial-gradient(
      circle at 15% 14%,
      rgba(47, 125, 244, 0.045),
      transparent 31%
    ),
    radial-gradient(
      circle at 88% 26%,
      rgba(30, 150, 88, 0.035),
      transparent 28%
    ),
    var(--about-bg);

  color: var(--about-text);

  font-family:
    Inter,
    Geist,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

/* Разделительная линия */
.ak-about::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;

  width: min(1320px, calc(100% - 48px));
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(15, 23, 42, 0.05) 10%,
    rgba(15, 23, 42, 0.10) 50%,
    rgba(15, 23, 42, 0.05) 90%,
    transparent 100%
  );

  transform: translateX(-50%);
  pointer-events: none;
}

html[data-theme="dark"] .ak-about::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.05) 10%,
    rgba(255, 255, 255, 0.10) 50%,
    rgba(255, 255, 255, 0.05) 90%,
    transparent 100%
  );
}

.ak-about *,
.ak-about *::before,
.ak-about *::after {
  box-sizing: border-box;
}

.ak-about__container {
  width: min(1420px, 100%);
  margin: 0 auto;
}

.ak-about__header {
  max-width: 1080px;
  margin: 0 auto 34px;
  text-align: center;
}

.ak-about__eyebrow {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 5;

  width: max-content;
  height: 32px;
  margin: 0;
  padding: 0 17px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(47, 125, 244, 0.16);
  border-radius: 999px;

  background: #eef4ff;
  color: #2f7df4;

  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;

  transform: translate(-50%, -50%);

  box-shadow:
    0 4px 14px rgba(47, 125, 244, 0.07);
}

html[data-theme="dark"] .ak-about__eyebrow {
  border-color: rgba(47, 125, 244, 0.30);
  background: #101d33;
  color: #6ea0f7;
}

.ak-about__title {
  margin: 0;

  color: var(--about-text);
  font-size: clamp(42px, 5vw, 72px);
  line-height: 1.03;
  font-weight: 870;
  letter-spacing: -0.055em;
}

.ak-about__title span {
  color: var(--about-blue);
}

.ak-about__top {
  display: grid;
  grid-template-columns:
    minmax(430px, 0.94fr)
    minmax(580px, 1.06fr);
  gap: 28px;
  align-items: stretch;
}

.ak-about-story {
  position: relative;
  min-height: 380px;
  padding: 42px 38px 36px;

  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 25px;

  border: 1px solid rgba(47, 125, 244, 0.16);
  border-radius: 23px;

  background:
    linear-gradient(
      145deg,
      rgba(47, 125, 244, 0.035),
      transparent 55%
    ),
    var(--about-surface);

  box-shadow: var(--about-shadow);
}

.ak-about-story__icon,
.ak-about-story__spark {
  width: 64px;
  height: 64px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(47, 125, 244, 0.18);
  border-radius: 16px;

  background: rgba(47, 125, 244, 0.06);
  color: var(--about-blue);
}

.ak-about-story__icon svg,
.ak-about-story__spark svg {
  width: 34px;
  height: 34px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-about-story__content p {
  margin: 0 0 22px;

  color: var(--about-text);
  font-size: 16px;
  line-height: 1.65;
}

.ak-about-story__content p:last-child {
  margin-bottom: 0;
}

.ak-about-story__accent {
  font-weight: 650;
}

.ak-about-story__accent strong {
  color: var(--about-blue);
}

.ak-about-story__spark {
  position: absolute;
  left: 38px;
  bottom: 35px;

  width: 58px;
  height: 58px;
}

.ak-about-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.ak-about-stat {
  --stat-color: var(--about-red);
  --stat-rgb: var(--about-red-rgb);

  position: relative;
  min-height: 180px;
  padding: 26px;

  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 20px;
  align-items: center;

  overflow: hidden;

  border: 1px solid rgba(var(--stat-rgb), 0.17);
  border-radius: 20px;

  background:
    radial-gradient(
      circle at 20% 25%,
      rgba(var(--stat-rgb), 0.10),
      transparent 43%
    ),
    var(--about-surface);

  box-shadow:
    0 18px 48px rgba(var(--stat-rgb), 0.07),
    0 2px 9px rgba(15, 23, 42, 0.03);

  transition:
    transform 230ms ease,
    border-color 230ms ease,
    box-shadow 230ms ease;
}

.ak-about-stat:hover {
  transform: translateY(-4px);

  border-color: rgba(var(--stat-rgb), 0.34);

  box-shadow:
    0 24px 55px rgba(var(--stat-rgb), 0.13),
    0 3px 12px rgba(15, 23, 42, 0.04);
}

.ak-about-stat[data-tone="red"] {
  --stat-color: var(--about-red);
  --stat-rgb: var(--about-red-rgb);
}

.ak-about-stat[data-tone="orange"] {
  --stat-color: var(--about-orange);
  --stat-rgb: var(--about-orange-rgb);
}

.ak-about-stat[data-tone="blue"] {
  --stat-color: var(--about-card-blue);
  --stat-rgb: var(--about-card-blue-rgb);
}

.ak-about-stat[data-tone="green"] {
  --stat-color: var(--about-green);
  --stat-rgb: var(--about-green-rgb);
}

.ak-about-stat::after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 15px;

  width: 5px;
  height: 5px;

  border-radius: 50%;
  background: var(--stat-color);

  box-shadow:
    0 0 10px rgba(var(--stat-rgb), 0.85);
}

.ak-about-stat__icon {
  width: 68px;
  height: 68px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--stat-color) 75%, white),
      var(--stat-color)
    );

  color: #fff;

  box-shadow:
    0 10px 24px rgba(var(--stat-rgb), 0.23);
}

.ak-about-stat__icon svg {
  width: 34px;
  height: 34px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-about-stat__currency {
  font-size: 37px;
  font-weight: 550;
}

.ak-about-stat__copy strong,
.ak-about-stat__copy span {
  display: block;
}

.ak-about-stat__copy strong {
  color: var(--stat-color);

  font-size: clamp(34px, 3vw, 48px);
  line-height: 1;
  font-weight: 860;
  letter-spacing: -0.045em;
}

.ak-about-stat__copy span {
  margin-top: 15px;

  color: var(--about-text);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 620;
}

.ak-about-contrast {
  position: relative;
  margin-top: 22px;

  display: grid;
  grid-template-columns: 1fr 1fr;

  border: 1px solid var(--about-border);
  border-radius: 23px;
  overflow: visible;

  background: var(--about-surface);
  box-shadow: var(--about-shadow);
}

.ak-about-side {
  padding: 28px 34px 30px;
}

.ak-about-side--problem {
  border-right: 1px dashed rgba(47, 125, 244, 0.35);

  background:
    linear-gradient(
      145deg,
      rgba(var(--about-red-rgb), 0.045),
      transparent 68%
    );
}

.ak-about-side--solution {
  background:
    linear-gradient(
      145deg,
      rgba(var(--about-green-rgb), 0.045),
      transparent 68%
    );
}

.ak-about-side__title {
  display: flex;
  align-items: center;
  gap: 11px;

  font-size: 15px;
  font-weight: 820;
  text-transform: uppercase;
}

.ak-about-side--problem .ak-about-side__title {
  color: var(--about-red);
}

.ak-about-side--solution .ak-about-side__title {
  color: var(--about-green);
}

.ak-about-side__title-icon {
  width: 28px;
  height: 28px;
}

.ak-about-side__title-icon svg {
  width: 100%;
  height: 100%;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-about-side__items {
  margin-top: 26px;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.ak-about-item {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
}

.ak-about-item__icon {
  width: 44px;
  height: 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
}

.ak-about-side--problem .ak-about-item__icon {
  background: rgba(var(--about-red-rgb), 0.08);
  color: var(--about-red);
}

.ak-about-side--solution .ak-about-item__icon {
  background: rgba(var(--about-green-rgb), 0.09);
  color: var(--about-green);
}

.ak-about-item__icon svg {
  width: 24px;
  height: 24px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-about-item strong {
  color: var(--about-text);
  font-size: 14px;
  line-height: 1.4;
}

.ak-about-item p {
  margin: 7px 0 0;

  color: var(--about-text);
  font-size: 13px;
  line-height: 1.5;
}

.ak-about-contrast__arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;

  width: 46px;
  height: 46px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid var(--about-border);
  border-radius: 50%;

  background: var(--about-surface);
  color: var(--about-text);

  transform: translate(-50%, -50%);

  box-shadow:
    0 8px 24px rgba(15, 23, 42, 0.08);
}

.ak-about-contrast__arrow svg {
  width: 23px;
  height: 23px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-about-hint {
  margin-top: 20px;
  min-height: 136px;
  padding: 23px 31px;

  display: grid;
  grid-template-columns: 145px minmax(0, 1.45fr) 1px minmax(240px, 0.75fr);
  gap: 27px;
  align-items: center;

  overflow: hidden;

  border: 1px solid rgba(47, 125, 244, 0.35);
  border-radius: 22px;

  background:
    radial-gradient(
      circle at 12% 50%,
      rgba(255, 255, 255, 0.13),
      transparent 16%
    ),
    linear-gradient(
      115deg,
      #1476ef 0%,
      #0b5ee8 48%,
      #0954d1 100%
    );

  color: #fff;

  box-shadow:
    0 18px 45px rgba(20, 100, 230, 0.20);
}

.ak-about-hint__visual {
  position: relative;
  width: 110px;
  height: 92px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.ak-about-hint__orbit {
  position: absolute;

  width: 105px;
  height: 60px;

  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 50%;

  transform: rotate(-18deg);
}

.ak-about-hint__orbit::before,
.ak-about-hint__orbit::after {
  content: "";
  position: absolute;

  width: 6px;
  height: 6px;

  border-radius: 50%;
  background: #fff;

  box-shadow:
    0 0 12px rgba(255, 255, 255, 0.95);
}

.ak-about-hint__orbit::before {
  top: 7px;
  right: 19px;
}

.ak-about-hint__orbit::after {
  bottom: 8px;
  left: 13px;
}

.ak-about-hint__icon {
  position: relative;
  z-index: 2;

  width: 66px;
  height: 66px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: #fff;
  color: var(--about-blue);

  box-shadow:
    0 12px 30px rgba(0, 37, 110, 0.24);
}

.ak-about-hint__icon svg {
  width: 34px;
  height: 34px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-about-hint__main strong {
  display: block;

  color: #fff;
  font-size: 20px;
  line-height: 1.45;
  font-weight: 790;
}

.ak-about-hint__divider {
  width: 1px;
  height: 65px;

  background: rgba(255, 255, 255, 0.28);
}

.ak-about-hint p {
  margin: 0;

  color: rgba(255, 255, 255, 0.88);
  font-size: 14px;
  line-height: 1.55;
}

.ak-about-story,
.ak-about-stat,
.ak-about-contrast,
.ak-about-hint {
  opacity: 0;
  transform: translateY(10px);

  transition:
    opacity 420ms ease,
    transform 420ms ease;
}

.ak-about.is-visible .ak-about-story,
.ak-about.is-visible .ak-about-stat,
.ak-about.is-visible .ak-about-contrast,
.ak-about.is-visible .ak-about-hint {
  opacity: 1;
  transform: none;
}

.ak-about.is-visible .ak-about-stat:nth-child(1) {
  transition-delay: 90ms;
}

.ak-about.is-visible .ak-about-stat:nth-child(2) {
  transition-delay: 150ms;
}

.ak-about.is-visible .ak-about-stat:nth-child(3) {
  transition-delay: 210ms;
}

.ak-about.is-visible .ak-about-stat:nth-child(4) {
  transition-delay: 270ms;
}

.ak-about.is-visible .ak-about-contrast {
  transition-delay: 330ms;
}

.ak-about.is-visible .ak-about-hint {
  transition-delay: 400ms;
}

@media (max-width: 1100px) {
  .ak-about__top {
    grid-template-columns: 1fr;
  }

  .ak-about-story {
    min-height: auto;
  }

  .ak-about-contrast {
    grid-template-columns: 1fr;
  }

  .ak-about-side--problem {
    border-right: 0;
    border-bottom: 1px dashed rgba(47, 125, 244, 0.35);
  }

  .ak-about-contrast__arrow {
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .ak-about-hint {
    grid-template-columns: 100px minmax(0, 1fr);
  }

  .ak-about-hint__divider {
    display: none;
  }

  .ak-about-hint p {
    grid-column: 2;
  }
}

@media (max-width: 760px) {
  .ak-about {
    padding: 58px 14px 48px;
  }

  .ak-about__title {
    font-size: 39px;
  }

  .ak-about-stats {
    grid-template-columns: 1fr;
  }

  .ak-about-stat {
    min-height: 145px;
  }

  .ak-about-side {
    padding: 24px 20px;
  }

  .ak-about-side__items {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .ak-about-contrast__arrow {
    display: none;
  }

  .ak-about-hint {
    padding: 20px;

    grid-template-columns: 1fr;
    text-align: center;
  }

  .ak-about-hint__visual {
    margin: 0 auto;
  }

  .ak-about-hint p {
    grid-column: auto;
  }
}

@media (max-width: 520px) {
  .ak-about-story {
    padding: 25px 20px 110px;

    grid-template-columns: 1fr;
  }

  .ak-about-story__spark {
    left: 20px;
    bottom: 26px;
  }

  .ak-about-stat {
    padding: 20px;

    grid-template-columns: 60px minmax(0, 1fr);
  }

  .ak-about-stat__icon {
    width: 56px;
    height: 56px;
  }

  .ak-about-stat__copy strong {
    font-size: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-about *,
  .ak-about *::before,
  .ak-about *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==========================================================
   BLOCK 05 — ПРОПОРЦИИ УТВЕРЖДЁННОГО МАКЕТА
========================================================== */

.ak-about {
  padding-top: 64px !important;
  padding-bottom: 76px !important;
}

.ak-about__container {
  width: min(1360px, 100%) !important;
}

/* Заголовок компактнее */
.ak-about__header {
  max-width: 980px !important;
  margin-bottom: 28px !important;
}

.ak-about__title {
  font-size: clamp(42px, 4.35vw, 66px) !important;
  line-height: 1.01 !important;
  letter-spacing: -0.052em !important;
}

/* Верхняя сетка как в макете */
.ak-about__top {
  grid-template-columns:
    minmax(500px, 1fr)
    minmax(560px, 1fr) !important;

  gap: 28px !important;
}

/* Левая история */
.ak-about-story {
  min-height: 360px !important;
  padding: 37px 34px 34px !important;

  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 24px !important;

  border-radius: 22px !important;
}

.ak-about-story__content p {
  margin-bottom: 18px !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

.ak-about-story__icon {
  width: 62px !important;
  height: 62px !important;
}

.ak-about-story__spark {
  left: 34px !important;
  bottom: 32px !important;

  width: 56px !important;
  height: 56px !important;
}

/* Четыре плитки строго 2 × 2 */
.ak-about-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;

  gap: 18px !important;
}

.ak-about-stat {
  min-height: 171px !important;
  padding: 24px 22px !important;

  grid-template-columns: 70px minmax(0, 1fr) !important;
  gap: 18px !important;

  border-radius: 19px !important;
}

.ak-about-stat__icon {
  width: 64px !important;
  height: 64px !important;
  border-radius: 16px !important;
}

.ak-about-stat__copy strong {
  font-size: clamp(35px, 3vw, 46px) !important;
}

.ak-about-stat__copy span {
  margin-top: 12px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* Нижняя сравнительная карточка */
.ak-about-contrast {
  margin-top: 20px !important;
  border-radius: 21px !important;
}

.ak-about-side {
  min-height: 218px !important;
  padding: 25px 31px 27px !important;
}

.ak-about-side__title {
  font-size: 14px !important;
}

.ak-about-side__items {
  margin-top: 23px !important;
  gap: 22px !important;
}

.ak-about-item {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 11px !important;
}

.ak-about-item__icon {
  width: 42px !important;
  height: 42px !important;
}

.ak-about-item strong {
  font-size: 13px !important;
}

.ak-about-item p {
  margin-top: 5px !important;
  font-size: 12px !important;
  line-height: 1.48 !important;
}

/* Нижняя синяя плашка полностью видна */
.ak-about-hint {
  width: 100% !important;
  min-height: 126px !important;

  margin-top: 18px !important;
  padding: 21px 28px !important;

  grid-template-columns:
    130px
    minmax(0, 1.45fr)
    1px
    minmax(250px, 0.7fr) !important;

  gap: 25px !important;
  border-radius: 20px !important;
}

.ak-about-hint__visual {
  width: 105px !important;
  height: 86px !important;
}

.ak-about-hint__main strong {
  font-size: 18px !important;
  line-height: 1.42 !important;
}

.ak-about-hint p {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Тень должна быть мягкой, а не массивной */
.ak-about-story,
.ak-about-stat,
.ak-about-contrast {
  box-shadow:
    0 20px 55px rgba(20, 38, 68, 0.065),
    0 2px 10px rgba(20, 38, 68, 0.025) !important;
}

/* Ноутбуки */
@media (max-width: 1280px) {
  .ak-about__container {
    width: min(1220px, 100%) !important;
  }

  .ak-about__top {
    grid-template-columns:
      minmax(430px, 0.96fr)
      minmax(520px, 1.04fr) !important;
  }

  .ak-about-stat {
    grid-template-columns: 62px minmax(0, 1fr) !important;
  }

  .ak-about-stat__icon {
    width: 58px !important;
    height: 58px !important;
  }

  .ak-about-stat__copy strong {
    font-size: 38px !important;
  }
}

/* Планшеты */
@media (max-width: 1050px) {
  .ak-about__top {
    grid-template-columns: 1fr !important;
  }

  .ak-about-story {
    min-height: auto !important;
  }

  .ak-about-hint {
    grid-template-columns: 100px minmax(0, 1fr) !important;
  }
}

/* Телефоны */
@media (max-width: 700px) {
  .ak-about {
    padding:
      58px
      14px
      48px !important;
  }

  .ak-about__title {
    font-size: 37px !important;
  }

  .ak-about-stats {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }

  .ak-about-stat {
    min-height: 135px !important;
  }

  .ak-about-side {
    min-height: auto !important;
  }

  .ak-about-side__items {
    grid-template-columns: 1fr !important;
  }

  .ak-about-hint {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================
   BLOCK 05 — ФИНАЛЬНЫЙ ОБЪЁМНЫЙ ДИЗАЙН
   Утверждённый вариант
========================================================== */

/* ----------------------------------------------------------
   1. Карточка с описанием сервиса
---------------------------------------------------------- */

.ak-about-story {
  position: relative !important;
  isolation: isolate;

  border:
    1px solid rgba(47, 125, 244, 0.16) !important;

  background:
    radial-gradient(
      circle at 14% 18%,
      rgba(47, 125, 244, 0.085) 0,
      rgba(47, 125, 244, 0.025) 26%,
      transparent 53%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(248, 251, 255, 0.96) 55%,
      rgba(243, 248, 255, 0.92) 100%
    ) !important;

  box-shadow:
    0 24px 55px rgba(28, 55, 95, 0.09),
    0 7px 18px rgba(28, 55, 95, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 -1px 0 rgba(47, 125, 244, 0.045) !important;

  transform:
    perspective(1200px)
    translateZ(0);

  transition:
    transform 260ms ease,
    border-color 260ms ease,
    box-shadow 720ms cubic-bezier(.22, .78, .2, 1) !important;
}

.ak-about-story:hover {
  transform:
    perspective(1200px)
    translateY(-3px)
    rotateX(0.35deg) !important;

  border-color:
    rgba(47, 125, 244, 0.25) !important;

  box-shadow:
    0 31px 68px rgba(28, 55, 95, 0.13),
    0 10px 24px rgba(28, 55, 95, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

/* Мягкий блик внутри карточки */
.ak-about-story::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;

  border-radius: inherit;

  background:
    linear-gradient(
      125deg,
      rgba(255, 255, 255, 0.58) 0%,
      transparent 34%,
      transparent 72%,
      rgba(47, 125, 244, 0.035) 100%
    );

  pointer-events: none;
}

/* ----------------------------------------------------------
   2. Статистические плитки — цветной фон и объём
---------------------------------------------------------- */

.ak-about-stat {
  position: relative !important;
  isolation: isolate;

  overflow: hidden !important;

  border:
    1px solid rgba(var(--stat-rgb), 0.19) !important;

  background:
    radial-gradient(
      circle at 16% 24%,
      rgba(var(--stat-rgb), 0.115) 0%,
      rgba(var(--stat-rgb), 0.045) 27%,
      transparent 54%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(var(--stat-rgb), 0.055) 0%,
      transparent 36%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.985) 0%,
      rgba(var(--stat-rgb), 0.026) 100%
    ) !important;

  box-shadow:
    0 22px 46px rgba(var(--stat-rgb), 0.085),
    0 7px 17px rgba(15, 23, 42, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.97),
    inset 0 -1px 0 rgba(var(--stat-rgb), 0.05) !important;

  transform:
    perspective(900px)
    translateY(0)
    rotateX(0deg);

  transition:
    transform 240ms cubic-bezier(.2, .7, .2, 1),
    border-color 240ms ease,
    box-shadow 240ms ease,
    background 240ms ease !important;
}

.ak-about-stat:hover {
  z-index: 3;

  transform:
    perspective(900px)
    translateY(-7px)
    rotateX(1.1deg) !important;

  border-color:
    rgba(var(--stat-rgb), 0.34) !important;

  box-shadow:
    0 30px 62px rgba(var(--stat-rgb), 0.155),
    0 11px 25px rgba(15, 23, 42, 0.065),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

/* Верхний мягкий световой блик */
.ak-about-stat::before {
  content: "";
  position: absolute;
  top: -38px;
  left: -24px;
  z-index: -1;

  width: 145px;
  height: 100px;

  border-radius: 50%;

  background:
    rgba(var(--stat-rgb), 0.10);

  filter: blur(24px);
  pointer-events: none;
}

/* Основная цветная точка справа снизу */
.ak-about-stat::after {
  content: "";
  position: absolute;
  right: 16px !important;
  bottom: 15px !important;

  width: 6px !important;
  height: 6px !important;

  border-radius: 50%;

  background:
    var(--stat-color) !important;

  box-shadow:
    0 0 0 4px rgba(var(--stat-rgb), 0.045),
    0 0 13px rgba(var(--stat-rgb), 0.75) !important;
}

/* Дополнительные декоративные вкрапления */
.ak-about-stat__copy::after {
  content: "";
  position: absolute;
  right: 39px;
  bottom: 29px;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  background:
    rgba(var(--stat-rgb), 0.48);

  box-shadow:
    -18px -11px 0 -1px rgba(var(--stat-rgb), 0.20),
    12px -17px 0 -1px rgba(var(--stat-rgb), 0.16),
    -4px -30px 0 -1px rgba(var(--stat-rgb), 0.12);

  pointer-events: none;
}

/* Иконка более объёмная */
.ak-about-stat__icon {
  position: relative;

  border:
    1px solid rgba(255, 255, 255, 0.68);

  background:
    linear-gradient(
      145deg,
      color-mix(
        in srgb,
        var(--stat-color) 66%,
        white
      ) 0%,
      var(--stat-color) 100%
    ) !important;

  box-shadow:
    0 14px 27px rgba(var(--stat-rgb), 0.25),
    0 5px 10px rgba(var(--stat-rgb), 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.52),
    inset 0 -3px 6px rgba(0, 0, 0, 0.08) !important;

  transition:
    transform 240ms ease,
    box-shadow 240ms ease !important;
}

.ak-about-stat:hover
.ak-about-stat__icon {
  transform:
    translateY(-2px)
    scale(1.035);

  box-shadow:
    0 18px 34px rgba(var(--stat-rgb), 0.31),
    0 7px 14px rgba(var(--stat-rgb), 0.17),
    inset 0 1px 0 rgba(255, 255, 255, 0.60) !important;
}

/* Цифры сохраняют фирменный цвет */
.ak-about-stat__copy strong {
  color:
    var(--stat-color) !important;

  text-shadow:
    0 7px 21px rgba(var(--stat-rgb), 0.09);
}

/* ----------------------------------------------------------
   3. Блок «проблема → решение»
---------------------------------------------------------- */

.ak-about-contrast {
  position: relative;
  isolation: isolate;

  overflow: visible !important;

  border:
    1px solid rgba(47, 125, 244, 0.12) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.97),
      rgba(248, 251, 255, 0.96)
    ) !important;

  box-shadow:
    0 25px 58px rgba(20, 38, 68, 0.085),
    0 7px 17px rgba(20, 38, 68, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;

  transform:
    perspective(1300px)
    translateZ(0);

  transition:
    transform 260ms ease,
    box-shadow 720ms cubic-bezier(.22, .78, .2, 1) !important;
}

.ak-about-contrast:hover {
  transform:
    perspective(1300px)
    translateY(-3px);

  box-shadow:
    0 31px 68px rgba(20, 38, 68, 0.115),
    0 9px 22px rgba(20, 38, 68, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

/* Левая половина */
.ak-about-side--problem {
  border-right:
    1px dashed rgba(47, 125, 244, 0.30) !important;

  background:
    radial-gradient(
      circle at 15% 25%,
      rgba(var(--about-red-rgb), 0.075),
      transparent 39%
    ),
    linear-gradient(
      145deg,
      rgba(var(--about-red-rgb), 0.040),
      rgba(255, 255, 255, 0.20)
    ) !important;
}

/* Правая половина */
.ak-about-side--solution {
  background:
    radial-gradient(
      circle at 84% 25%,
      rgba(var(--about-green-rgb), 0.075),
      transparent 39%
    ),
    linear-gradient(
      145deg,
      rgba(var(--about-green-rgb), 0.038),
      rgba(255, 255, 255, 0.20)
    ) !important;
}

/* ----------------------------------------------------------
   4. Заголовки половин строго по центру
---------------------------------------------------------- */

.ak-about-side__title {
  width: 100%;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 10px !important;

  text-align: center !important;
}

/* Сохраняем иконку рядом с заголовком */
.ak-about-side__title-icon {
  flex: 0 0 auto;
}

/* Элементы под заголовками */
.ak-about-side__items {
  align-items: start;
}

/* Карточки элементов слегка объёмные */
.ak-about-item__icon {
  border:
    1px solid rgba(255, 255, 255, 0.62);

  box-shadow:
    0 9px 20px rgba(15, 23, 42, 0.065),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);

  transition:
    transform 220ms ease,
    box-shadow 220ms ease;
}

.ak-about-item:hover
.ak-about-item__icon {
  transform:
    translateY(-3px)
    scale(1.035);

  box-shadow:
    0 13px 25px rgba(15, 23, 42, 0.095),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

/* Центральная стрелка */
.ak-about-contrast__arrow {
  border:
    1px solid rgba(47, 125, 244, 0.15) !important;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f2f6fc
    ) !important;

  box-shadow:
    0 11px 25px rgba(20, 38, 68, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

/* ----------------------------------------------------------
   5. Тёмная тема
---------------------------------------------------------- */

html[data-theme="dark"]
.ak-about-story {
  background:
    radial-gradient(
      circle at 14% 18%,
      rgba(47, 125, 244, 0.13),
      transparent 45%
    ),
    linear-gradient(
      145deg,
      #0d151e,
      #091119
    ) !important;

  border-color:
    rgba(47, 125, 244, 0.25) !important;

  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"]
.ak-about-stat {
  background:
    radial-gradient(
      circle at 16% 24%,
      rgba(var(--stat-rgb), 0.16),
      transparent 48%
    ),
    linear-gradient(
      145deg,
      #0d151e,
      #091119
    ) !important;

  border-color:
    rgba(var(--stat-rgb), 0.30) !important;

  box-shadow:
    0 25px 58px rgba(0, 0, 0, 0.30),
    0 8px 18px rgba(var(--stat-rgb), 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

html[data-theme="dark"]
.ak-about-contrast {
  background:
    linear-gradient(
      145deg,
      #0c141d,
      #081018
    ) !important;

  border-color:
    rgba(255, 255, 255, 0.075) !important;

  box-shadow:
    0 28px 68px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

html[data-theme="dark"]
.ak-about-side--problem {
  background:
    radial-gradient(
      circle at 15% 25%,
      rgba(var(--about-red-rgb), 0.13),
      transparent 43%
    ) !important;
}

html[data-theme="dark"]
.ak-about-side--solution {
  background:
    radial-gradient(
      circle at 84% 25%,
      rgba(var(--about-green-rgb), 0.13),
      transparent 43%
    ) !important;
}

/* ----------------------------------------------------------
   6. Мобильные устройства
---------------------------------------------------------- */

@media (max-width: 760px) {
  .ak-about-stat:hover,
  .ak-about-story:hover,
  .ak-about-contrast:hover {
    transform:
      translateY(-2px) !important;
  }

  .ak-about-side__title {
    justify-content:
      flex-start !important;

    text-align:
      left !important;
  }
}

/* На устройствах без мыши не оставляем hover-залипание */
@media (hover: none) {
  .ak-about-stat:hover,
  .ak-about-story:hover,
  .ak-about-contrast:hover {
    transform:
      none !important;
  }
}


/* ==========================================================
   BLOCK 05 — ФИНАЛЬНЫЕ ДЕТАЛИ УТВЕРЖДЁННОГО ДИЗАЙНА
========================================================== */

/* ----------------------------------------------------------
   1. Подписи в четырёх статистических плитках
---------------------------------------------------------- */

.ak-about-stat__copy span {
  margin-top: 13px !important;

  color: var(--about-text) !important;

  font-size: 16px !important;
  line-height: 1.42 !important;
  font-weight: 670 !important;
  letter-spacing: -0.012em;
}

/* Цифры сохраняем крупными */
.ak-about-stat__copy strong {
  font-size: clamp(40px, 3.2vw, 52px) !important;
  line-height: 0.98 !important;
  font-weight: 870 !important;
}

/* ----------------------------------------------------------
   2. Рамки иконок статистических плиток
   Теперь рамка соответствует цвету каждой плитки
---------------------------------------------------------- */

.ak-about-stat__icon {
  border:
    1.5px solid rgba(var(--stat-rgb), 0.42) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.97) 0%,
      rgba(var(--stat-rgb), 0.10) 100%
    ) !important;

  color:
    var(--stat-color) !important;

  box-shadow:
    0 13px 26px rgba(var(--stat-rgb), 0.15),
    0 4px 11px rgba(var(--stat-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -2px 5px rgba(var(--stat-rgb), 0.045) !important;
}

.ak-about-stat:hover
.ak-about-stat__icon {
  border-color:
    rgba(var(--stat-rgb), 0.65) !important;

  transform:
    translateY(-3px)
    scale(1.045) !important;

  box-shadow:
    0 18px 34px rgba(var(--stat-rgb), 0.21),
    0 6px 15px rgba(var(--stat-rgb), 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

/* SVG и знак рубля наследуют цвет плитки */
.ak-about-stat__icon svg {
  stroke:
    var(--stat-color) !important;
}

.ak-about-stat__currency {
  color:
    var(--stat-color) !important;
}

/* ----------------------------------------------------------
   3. Заголовки «Проблема / Решение»
---------------------------------------------------------- */

.ak-about-side__title {
  min-height: 38px;

  justify-content: center !important;

  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: -0.015em !important;
  text-align: center !important;
}

/* Круглая иконка заголовка чуть крупнее */
.ak-about-side__title-icon {
  width: 32px !important;
  height: 32px !important;

  flex: 0 0 32px !important;
}

/* ----------------------------------------------------------
   4. Иконки элементов в блоках проблема / решение
   Рамки — строго под цвет стороны
---------------------------------------------------------- */

.ak-about-side--problem
.ak-about-item__icon {
  border:
    1.5px solid rgba(var(--about-red-rgb), 0.42) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.94),
      rgba(var(--about-red-rgb), 0.11)
    ) !important;

  color:
    var(--about-red) !important;

  box-shadow:
    0 10px 22px rgba(var(--about-red-rgb), 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.ak-about-side--solution
.ak-about-item__icon {
  border:
    1.5px solid rgba(var(--about-green-rgb), 0.42) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.94),
      rgba(var(--about-green-rgb), 0.11)
    ) !important;

  color:
    var(--about-green) !important;

  box-shadow:
    0 10px 22px rgba(var(--about-green-rgb), 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

/* Цветные рамки у главных иконок заголовков */
.ak-about-side--problem
.ak-about-side__title-icon {
  padding: 4px;

  border:
    1.5px solid rgba(var(--about-red-rgb), 0.56);

  border-radius: 50%;
}

.ak-about-side--solution
.ak-about-side__title-icon {
  padding: 4px;

  border:
    1.5px solid rgba(var(--about-green-rgb), 0.56);

  border-radius: 50%;
}

/* Тексты элементов чуть крупнее */
.ak-about-item strong {
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 760 !important;
}

.ak-about-item p {
  margin-top: 6px !important;

  font-size: 14px !important;
  line-height: 1.48 !important;
}

/* ----------------------------------------------------------
   5. Нижняя синяя плашка — один в один по композиции
---------------------------------------------------------- */

.ak-about-hint {
  position: relative;
  isolation: isolate;

  width: 100% !important;
  min-height: 142px !important;

  margin-top: 20px !important;
  padding: 22px 32px !important;

  display: grid !important;

  grid-template-columns:
    150px
    minmax(0, 1.52fr)
    1px
    minmax(260px, 0.72fr) !important;

  gap: 28px !important;
  align-items: center !important;

  overflow: hidden !important;

  border:
    1px solid rgba(255, 255, 255, 0.13) !important;

  border-radius: 21px !important;

  background:
    radial-gradient(
      circle at 9% 46%,
      rgba(255, 255, 255, 0.15) 0%,
      transparent 18%
    ),
    radial-gradient(
      circle at 93% 56%,
      rgba(81, 156, 255, 0.22) 0%,
      transparent 24%
    ),
    linear-gradient(
      110deg,
      #1177f1 0%,
      #0864eb 43%,
      #0757d8 100%
    ) !important;

  color: #ffffff !important;

  box-shadow:
    0 22px 48px rgba(10, 91, 220, 0.23),
    0 8px 20px rgba(10, 91, 220, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.17),
    inset 0 -1px 0 rgba(0, 50, 150, 0.15) !important;
}

/* Мягкий блик сверху */
.ak-about-hint::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;

  background:
    linear-gradient(
      125deg,
      rgba(255, 255, 255, 0.12) 0%,
      transparent 30%,
      transparent 75%,
      rgba(255, 255, 255, 0.035) 100%
    );

  pointer-events: none;
}

/* Декоративный график справа */
.ak-about-hint::after {
  content: "";
  position: absolute;
  right: 28px;
  bottom: 19px;
  z-index: 0;

  width: 154px;
  height: 76px;

  opacity: 0.48;

  background:
    linear-gradient(
      135deg,
      transparent 0 54%,
      rgba(255, 255, 255, 0.68) 55% 56%,
      transparent 57% 100%
    ),
    linear-gradient(
      153deg,
      transparent 0 47%,
      rgba(255, 255, 255, 0.38) 48% 49%,
      transparent 50% 100%
    );

  clip-path:
    polygon(
      0 100%,
      0 82%,
      17% 82%,
      31% 68%,
      44% 69%,
      58% 46%,
      71% 48%,
      84% 26%,
      100% 4%,
      100% 100%
    );

  pointer-events: none;
}

/* Левая планета */
.ak-about-hint__visual {
  position: relative;
  z-index: 2;

  width: 126px !important;
  height: 100px !important;

  display: flex;
  align-items: center;
  justify-content: center;
}

.ak-about-hint__orbit {
  width: 122px !important;
  height: 67px !important;

  border:
    1px solid rgba(255, 255, 255, 0.54) !important;

  box-shadow:
    0 0 20px rgba(255, 255, 255, 0.08);
}

.ak-about-hint__icon {
  width: 72px !important;
  height: 72px !important;

  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #eef5ff 100%
    ) !important;

  color:
    #176fe8 !important;

  box-shadow:
    0 15px 34px rgba(0, 43, 130, 0.29),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

/* Основной текст */
.ak-about-hint__main {
  position: relative;
  z-index: 2;
}

.ak-about-hint__main strong {
  display: block;

  max-width: 710px;

  color: #ffffff !important;

  font-size: 21px !important;
  line-height: 1.43 !important;
  font-weight: 810 !important;
  letter-spacing: -0.018em;
}

/* Вертикальный разделитель */
.ak-about-hint__divider {
  position: relative;
  z-index: 2;

  width: 1px !important;
  height: 74px !important;

  background:
    rgba(255, 255, 255, 0.34) !important;
}

/* Правый текст */
.ak-about-hint p {
  position: relative;
  z-index: 2;

  max-width: 285px;
  margin: 0 !important;

  color:
    rgba(255, 255, 255, 0.91) !important;

  font-size: 14px !important;
  line-height: 1.58 !important;
  font-weight: 520;
}

/* ----------------------------------------------------------
   6. Тёмная тема
---------------------------------------------------------- */

html[data-theme="dark"]
.ak-about-stat__icon {
  border-color:
    rgba(var(--stat-rgb), 0.52) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(var(--stat-rgb), 0.18)
    ) !important;
}

html[data-theme="dark"]
.ak-about-side--problem
.ak-about-item__icon {
  background:
    rgba(var(--about-red-rgb), 0.13) !important;
}

html[data-theme="dark"]
.ak-about-side--solution
.ak-about-item__icon {
  background:
    rgba(var(--about-green-rgb), 0.13) !important;
}

/* Синяя плашка остаётся фирменной и в тёмной теме */
html[data-theme="dark"]
.ak-about-hint {
  border-color:
    rgba(255, 255, 255, 0.10) !important;

  background:
    radial-gradient(
      circle at 9% 46%,
      rgba(255, 255, 255, 0.12),
      transparent 19%
    ),
    linear-gradient(
      110deg,
      #0965db 0%,
      #0754bd 48%,
      #06439b 100%
    ) !important;
}

/* ----------------------------------------------------------
   7. Адаптив
---------------------------------------------------------- */

@media (max-width: 1100px) {
  .ak-about-hint {
    grid-template-columns:
      110px
      minmax(0, 1fr) !important;

    gap: 22px !important;
  }

  .ak-about-hint__divider {
    display: none !important;
  }

  .ak-about-hint p {
    grid-column: 2;

    max-width: 100%;
  }

  .ak-about-hint::after {
    opacity: 0.22;
  }
}

@media (max-width: 760px) {
  .ak-about-stat__copy span {
    font-size: 15px !important;
  }

  .ak-about-side__title {
    justify-content: flex-start !important;

    font-size: 16px !important;
    text-align: left !important;
  }

  .ak-about-hint {
    padding: 22px 18px !important;

    grid-template-columns: 1fr !important;

    text-align: center;
  }

  .ak-about-hint__visual {
    margin: 0 auto;
  }

  .ak-about-hint__main strong {
    font-size: 18px !important;
  }

  .ak-about-hint p {
    grid-column: auto;

    max-width: 420px;
    margin: 0 auto !important;
  }

  .ak-about-hint::after {
    display: none;
  }
}


/* ==========================================================
   BLOCK 05 — МЯГКОЕ СВЕЧЕНИЕ АКЦЕНТА В ЗАГОЛОВКЕ
========================================================== */

.ak-about__title span {
  position: relative;
  display: inline-block;

  color: #2F7DF4 !important;

  text-shadow:
    0 0 10px rgba(47, 125, 244, 0.16),
    0 0 24px rgba(47, 125, 244, 0.10),
    0 7px 24px rgba(47, 125, 244, 0.08);

  transition:
    text-shadow 260ms ease,
    filter 260ms ease;
}

/* Очень мягкий фоновой ореол */
.ak-about__title span::after {
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 5%;
  z-index: -1;

  height: 34%;

  border-radius: 999px;
  background: rgba(47, 125, 244, 0.10);

  filter: blur(22px);
  opacity: 0.72;

  pointer-events: none;
}

/* Небольшое усиление при наведении на заголовок */
.ak-about__title:hover span {
  text-shadow:
    0 0 12px rgba(47, 125, 244, 0.21),
    0 0 29px rgba(47, 125, 244, 0.14),
    0 8px 27px rgba(47, 125, 244, 0.10);
}

/* В тёмной теме свечение чуть заметнее */
html[data-theme="dark"] .ak-about__title span {
  color: #5D91E8 !important;

  text-shadow:
    0 0 11px rgba(93, 145, 232, 0.27),
    0 0 27px rgba(47, 125, 244, 0.18),
    0 8px 29px rgba(47, 125, 244, 0.13);
}

html[data-theme="dark"] .ak-about__title span::after {
  background: rgba(47, 125, 244, 0.18);
  opacity: 0.78;
}


/* ==========================================================
   BLOCK 05 — КОНТРАСТНАЯ СТРЕЛКА В ТЁМНОЙ ТЕМЕ
========================================================== */

html[data-theme="dark"] .ak-about-contrast__arrow {
  border: 1.5px solid rgba(93, 145, 232, 0.72) !important;

  background:
    linear-gradient(
      145deg,
      #172334 0%,
      #0d1724 100%
    ) !important;

  color: #8CB4FF !important;

  box-shadow:
    0 0 0 4px rgba(47, 125, 244, 0.10),
    0 10px 28px rgba(0, 0, 0, 0.42),
    0 0 22px rgba(47, 125, 244, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .ak-about-contrast__arrow svg {
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
    filter: none !important;

  box-shadow:
    0 0 0 5px rgba(47, 125, 244, 0.13),
    0 13px 32px rgba(0, 0, 0, 0.46),
    0 0 28px rgba(47, 125, 244, 0.28) !important;
}


/* ==========================================================
   BLOCK 05 — СВЕЧЕНИЕ ЗАГОЛОВКОВ «ПРОБЛЕМА / РЕШЕНИЕ»
========================================================== */

.ak-about-side__title {
  position: relative;
  isolation: isolate;
}

/* Красный заголовок */
.ak-about-side--problem .ak-about-side__title {
  text-shadow:
    0 0 9px rgba(192, 57, 43, 0.15),
    0 0 20px rgba(192, 57, 43, 0.08);
}

/* Зелёный заголовок */
.ak-about-side--solution .ak-about-side__title {
  text-shadow:
    0 0 9px rgba(30, 150, 88, 0.16),
    0 0 20px rgba(30, 150, 88, 0.09);
}

/* Мягкий ореол под текстом */
.ak-about-side__title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  z-index: -1;

  width: min(82%, 420px);
  height: 18px;

  border-radius: 999px;
  transform: translateX(-50%);

  filter: blur(17px);
  opacity: 0.58;

  pointer-events: none;
}

.ak-about-side--problem .ak-about-side__title::after {
  background: rgba(192, 57, 43, 0.12);
}

.ak-about-side--solution .ak-about-side__title::after {
  background: rgba(30, 150, 88, 0.13);
}

/* Небольшое усиление при наведении на соответствующую половину */
.ak-about-side--problem:hover .ak-about-side__title {
  text-shadow:
    0 0 11px rgba(192, 57, 43, 0.21),
    0 0 25px rgba(192, 57, 43, 0.12);
}

.ak-about-side--solution:hover .ak-about-side__title {
  text-shadow:
    0 0 11px rgba(30, 150, 88, 0.22),
    0 0 25px rgba(30, 150, 88, 0.13);
}

/* В тёмной теме свечение немного заметнее */
html[data-theme="dark"]
.ak-about-side--problem .ak-about-side__title {
  text-shadow:
    0 0 10px rgba(229, 112, 100, 0.30),
    0 0 25px rgba(192, 57, 43, 0.20);
}

html[data-theme="dark"]
.ak-about-side--solution .ak-about-side__title {
  text-shadow:
    0 0 10px rgba(73, 201, 130, 0.30),
    0 0 25px rgba(30, 150, 88, 0.20);
}

html[data-theme="dark"]
.ak-about-side--problem .ak-about-side__title::after {
  background: rgba(192, 57, 43, 0.20);
  opacity: 0.72;
}

html[data-theme="dark"]
.ak-about-side--solution .ak-about-side__title::after {
  background: rgba(30, 150, 88, 0.21);
  opacity: 0.72;
}

/* ==========================================================
   BLOCK 05 — ФИНАЛЬНЫЙ ПРИГЛУШЁННЫЙ РАЗДЕЛИТЕЛЬ
========================================================== */

.ak-about::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;

  display: block !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  border: 0 !important;

  background: rgba(15, 23, 42, 0.055) !important;

  opacity: 1 !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

html[data-theme="dark"] .ak-about::before {
  background: rgba(116, 135, 158, 0.075) !important;
}


/* Ярлык визуально перекрывает разделительную линию */
.ak-decision__eyebrow,
.ak-reason__eyebrow,
.ak-grades__eyebrow,
.ak-about__eyebrow {
  z-index: 20 !important;
}


/* ==========================================================
   BLOCK 05 — ФИНАЛЬНЫЙ ГОЛУБОВАТЫЙ РАЗДЕЛИТЕЛЬ
========================================================== */

.ak-about::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;

  display: block !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  border: 0 !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(47, 125, 244, 0.025) 8%,
    rgba(47, 125, 244, 0.11) 28%,
    rgba(47, 125, 244, 0.15) 50%,
    rgba(47, 125, 244, 0.11) 72%,
    rgba(47, 125, 244, 0.025) 92%,
    transparent 100%
  ) !important;

  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

html[data-theme="dark"] .ak-about::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(81, 139, 226, 0.025) 8%,
    rgba(81, 139, 226, 0.09) 28%,
    rgba(81, 139, 226, 0.14) 50%,
    rgba(81, 139, 226, 0.09) 72%,
    rgba(81, 139, 226, 0.025) 92%,
    transparent 100%
  ) !important;
}


/* ===== 05_about END ===== */

/* ===== 06_pricing START ===== */
/* ==========================================================
   AUDITKANALOV — BLOCK 06 / PRICING
========================================================== */

:root {
  --ak-pricing-bg: #f7f9fc;
  --ak-pricing-surface: #ffffff;
  --ak-pricing-surface-soft: #f8fafc;

  --ak-pricing-border: #dfe5ee;
  --ak-pricing-border-strong: #cbd5e1;

  --ak-pricing-text: #07142f;
  --ak-pricing-muted: #64748b;
  --ak-pricing-muted-soft: #94a3b8;

  --ak-pricing-blue: #2f7df4;
  --ak-pricing-divider: #6ea0f7;
  --ak-pricing-green: #0baa55;
  --ak-pricing-purple: #8e4de8;
  --ak-pricing-orange: #f58216;

  --ak-pricing-shadow:
    0 22px 64px rgba(22, 42, 74, 0.075),
    0 4px 16px rgba(22, 42, 74, 0.04);
}

html[data-theme="dark"] {
  --ak-pricing-bg: #080d13;
  --ak-pricing-surface: #0d151e;
  --ak-pricing-surface-soft: #111b26;

  --ak-pricing-border: #263342;
  --ak-pricing-border-strong: #36475a;

  --ak-pricing-text: #f3f7fc;
  --ak-pricing-muted: #a5b1c1;
  --ak-pricing-muted-soft: #768498;

  --ak-pricing-shadow:
    0 24px 72px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.ak-pricing {
  position: relative;

  padding: 76px 24px 72px;

  background: transparent;
  color: var(--ak-pricing-text);

  font-family:
    Inter,
    Geist,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

/* Утверждённый разделитель секции */

.ak-pricing::before {
  content: "";

  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;

  display: block;

  width: min(1040px, calc(100% - 48px));
  height: 1px;

  border: 0;
  background: #6ea0f7;

  opacity: 0.58;
  transform: translateX(-50%);
  pointer-events: none;
}

html[data-theme="dark"] .ak-pricing::before {
  opacity: 0.72;
}

.ak-pricing *,
.ak-pricing *::before,
.ak-pricing *::after {
  box-sizing: border-box;
}

.ak-pricing__container {
  width: min(1320px, 100%);
  margin: 0 auto;
}

/* ==========================================================
   HEADER
========================================================== */

.ak-pricing__header {
  position: relative;

  max-width: 920px;
  margin: 0 auto 28px;

  text-align: center;
}

.ak-pricing__eyebrow {
  position: absolute;
  top: -76px;
  left: 50%;
  z-index: 20;

  width: max-content;
  height: 32px;

  padding: 0 17px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(47, 125, 244, 0.2);
  border-radius: 999px;

  background: #eef4ff;
  color: #2f7df4;

  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;

  transform: translate(-50%, -50%);

  box-shadow:
    0 4px 14px rgba(47, 125, 244, 0.07);
}

html[data-theme="dark"] .ak-pricing__eyebrow {
  border-color: rgba(47, 125, 244, 0.34);
  background: #101d33;
  color: #6ea0f7;

  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.18);
}

.ak-pricing__title {
  margin: 0;

  color: var(--ak-pricing-text);

  font-size: clamp(38px, 4vw, 61px);
  line-height: 1.04;
  font-weight: 860;
  letter-spacing: -0.045em;
}

.ak-pricing__subtitle {
  max-width: 720px;
  margin: 18px auto 0;

  color: var(--ak-pricing-muted);

  font-size: 18px;
  line-height: 1.55;
  font-weight: 450;
}

/* ==========================================================
   TABS
========================================================== */

.ak-pricing-tabs {
  width: min(680px, 100%);
  min-height: 52px;

  margin: 0 auto 26px;
  padding: 4px;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  border: 1px solid var(--ak-pricing-border);
  border-radius: 15px;

  background: color-mix(
    in srgb,
    var(--ak-pricing-surface-soft) 92%,
    transparent
  );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.ak-pricing-tabs__button {
  min-height: 42px;

  padding: 8px 16px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  border: 1px solid transparent;
  border-radius: 11px;

  background: transparent;
  color: var(--ak-pricing-muted);

  font: inherit;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 750;

  cursor: pointer;

  transition:
    color 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.ak-pricing-tabs__button:hover {
  color: var(--ak-pricing-text);
}

.ak-pricing-tabs__button.is-active {
  border-color: color-mix(
    in srgb,
    var(--ak-pricing-border) 82%,
    transparent
  );

  background: var(--ak-pricing-surface);
  color: var(--ak-pricing-blue);

  box-shadow:
    0 7px 22px rgba(24, 44, 76, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="dark"] .ak-pricing-tabs__button.is-active {
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.ak-pricing-tabs__button:focus-visible {
  outline: 3px solid rgba(47, 125, 244, 0.22);
  outline-offset: 2px;
}

.ak-pricing-tabs__icon {
  width: 20px;
  height: 20px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ak-pricing-tabs__icon svg {
  width: 100%;
  height: 100%;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ==========================================================
   PANELS
========================================================== */

.ak-pricing-panel {
  animation: akPricingPanelIn 260ms ease both;
}

.ak-pricing-panel[hidden] {
  display: none !important;
}

@keyframes akPricingPanelIn {
  from {
    opacity: 0;
    transform: translateY(7px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ak-pricing__group-title {
  margin: 0 0 15px;

  color: var(--ak-pricing-text);

  font-size: 20px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: -0.015em;
}

.ak-pricing__group-title--secondary {
  margin-top: 30px;
}

/* ==========================================================
   MAIN CARDS
========================================================== */

.ak-pricing-grid {
  display: grid;
  align-items: stretch;
}

.ak-pricing-grid--main {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.ak-price-card {
  --ak-card-accent: var(--ak-pricing-blue);
  --ak-card-accent-rgb: 47, 125, 244;

  position: relative;
  isolation: isolate;

  min-width: 0;
  min-height: 450px;
  padding: 25px 24px 22px;

  display: flex;
  flex-direction: column;

  border: 1px solid var(--ak-pricing-border);
  border-radius: 22px;

  background:
    linear-gradient(
      145deg,
      rgba(var(--ak-card-accent-rgb), 0.025),
      transparent 34%
    ),
    var(--ak-pricing-surface);

  box-shadow: var(--ak-pricing-shadow);

  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.ak-price-card:hover {
  transform: translateY(-5px);

  border-color: color-mix(
    in srgb,
    var(--ak-card-accent) 42%,
    var(--ak-pricing-border)
  );

  box-shadow:
    0 28px 74px rgba(22, 42, 74, 0.11),
    0 8px 22px rgba(22, 42, 74, 0.06);
}

html[data-theme="dark"] .ak-price-card:hover {
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.ak-price-card--green {
  --ak-card-accent: #0baa55;
  --ak-card-accent-rgb: 11, 170, 85;
}

.ak-price-card--featured {
  --ak-card-accent: #2f7df4;
  --ak-card-accent-rgb: 47, 125, 244;

  border-color: rgba(47, 125, 244, 0.92);

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(47, 125, 244, 0.11),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(47, 125, 244, 0.055),
      transparent 43%
    ),
    var(--ak-pricing-surface);

  box-shadow:
    0 26px 72px rgba(47, 125, 244, 0.13),
    0 6px 20px rgba(30, 67, 128, 0.075);
}

html[data-theme="dark"] .ak-price-card--featured {
  box-shadow:
    0 30px 82px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(47, 125, 244, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.ak-price-card__badge {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;

  height: 25px;
  padding: 0 13px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;

  background: #2f7df4;
  color: #ffffff;

  font-size: 10px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  white-space: nowrap;

  transform: translate(-50%, -50%);

  box-shadow:
    0 5px 14px rgba(47, 125, 244, 0.25);
}

.ak-price-card__top {
  min-width: 0;

  display: flex;
  align-items: center;
  gap: 16px;
}

.ak-price-card__icon {
  flex: 0 0 auto;

  width: 58px;
  height: 58px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(var(--ak-card-accent-rgb), 0.08);
  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      rgba(var(--ak-card-accent-rgb), 0.15),
      rgba(var(--ak-card-accent-rgb), 0.055)
    );

  color: var(--ak-card-accent);
}

.ak-price-card__icon svg {
  width: 30px;
  height: 30px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-price-card__heading {
  min-width: 0;
}

.ak-price-card__title {
  margin: 0;

  color: var(--ak-pricing-text);

  font-size: 20px;
  line-height: 1.25;
  font-weight: 820;
  letter-spacing: -0.025em;
}

.ak-price-card__description {
  margin: 7px 0 0;

  color: var(--ak-pricing-muted);

  font-size: 14px;
  line-height: 1.45;
}

.ak-price-card__price {
  min-height: 79px;
  margin-top: 21px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
}

.ak-price-card__price strong {
  color: var(--ak-pricing-text);

  font-size: clamp(34px, 3vw, 43px);
  line-height: 1;
  font-weight: 860;
  letter-spacing: -0.045em;
}

.ak-price-card__price--accent strong {
  color: #2f7df4;
}

.ak-price-card__discount {
  padding: 5px 10px;

  border: 1px solid rgba(11, 170, 85, 0.1);
  border-radius: 999px;

  background: rgba(11, 170, 85, 0.11);
  color: #078d47;

  font-size: 12px;
  line-height: 1;
  font-weight: 800;
}

html[data-theme="dark"] .ak-price-card__discount {
  background: rgba(27, 201, 104, 0.12);
  color: #5be79b;
}

.ak-price-card__divider {
  width: 100%;
  height: 1px;
  margin: 6px 0 19px;

  background: var(--ak-pricing-border);
}

.ak-price-card__body {
  flex: 1 1 auto;
  min-height: 0;
}

.ak-price-card__features {
  margin: 0;
  padding: 0;

  display: grid;
  gap: 11px;

  list-style: none;
}

.ak-price-card__features li {
  position: relative;

  min-width: 0;
  padding-left: 25px;

  color: var(--ak-pricing-text);

  font-size: 13px;
  line-height: 1.45;
  font-weight: 540;
}

.ak-price-card__features li::before {
  content: "✓";

  position: absolute;
  top: 0;
  left: 0;

  color: var(--ak-card-accent);

  font-size: 16px;
  line-height: 1.25;
  font-weight: 900;
}

.ak-price-card__footer {
  flex: 0 0 auto;
  margin-top: 25px;
}

.ak-price-card__button {
  width: 100%;
  min-height: 46px;

  padding: 11px 17px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;

  border: 1px solid var(--ak-card-accent);
  border-radius: 12px;

  background: transparent;
  color: var(--ak-card-accent);

  text-decoration: none;

  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;

  cursor: pointer;

  transition:
    color 180ms ease,
    background 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.ak-price-card__button:hover {
  transform: translateY(-1px);

  background: rgba(var(--ak-card-accent-rgb), 0.06);

  box-shadow:
    0 8px 20px rgba(var(--ak-card-accent-rgb), 0.12);
}

.ak-price-card__button--primary {
  border-color: #2f7df4;

  background:
    linear-gradient(
      135deg,
      #2f7df4,
      #1768e5
    );

  color: #ffffff;

  box-shadow:
    0 9px 23px rgba(47, 125, 244, 0.21);
}

.ak-price-card__button--primary:hover {
  background:
    linear-gradient(
      135deg,
      #3b86f7,
      #1e70eb
    );

  box-shadow:
    0 12px 28px rgba(47, 125, 244, 0.28);
}

.ak-price-card__button:focus-visible {
  outline: 3px solid rgba(var(--ak-card-accent-rgb), 0.2);
  outline-offset: 3px;
}

/* ==========================================================
   FUTURE CARDS
========================================================== */

.ak-pricing-grid--future {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.ak-future-card {
  --ak-future-accent: #8e4de8;
  --ak-future-accent-rgb: 142, 77, 232;

  min-width: 0;
  min-height: 270px;
  padding: 23px;

  display: grid;
  grid-template-columns: minmax(220px, 0.86fr) minmax(240px, 1.14fr);
  grid-template-areas:
    "product features"
    "footer features";
  column-gap: 26px;
  row-gap: 18px;

  border: 1px solid var(--ak-pricing-border);
  border-radius: 20px;

  background:
    linear-gradient(
      145deg,
      rgba(var(--ak-future-accent-rgb), 0.035),
      transparent 46%
    ),
    var(--ak-pricing-surface);

  box-shadow: var(--ak-pricing-shadow);

  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.ak-future-card:hover {
  transform: translateY(-4px);

  border-color: rgba(var(--ak-future-accent-rgb), 0.32);

  box-shadow:
    0 27px 70px rgba(22, 42, 74, 0.1),
    0 7px 20px rgba(var(--ak-future-accent-rgb), 0.06);
}

.ak-future-card--orange {
  --ak-future-accent: #f58216;
  --ak-future-accent-rgb: 245, 130, 22;
}

.ak-future-card__product {
  grid-area: product;

  min-width: 0;

  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.ak-future-card__icon {
  flex: 0 0 auto;

  width: 72px;
  height: 72px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 19px;

  background:
    linear-gradient(
      145deg,
      rgba(var(--ak-future-accent-rgb), 0.18),
      rgba(var(--ak-future-accent-rgb), 0.065)
    );

  color: var(--ak-future-accent);
}

.ak-future-card__icon svg {
  width: 39px;
  height: 39px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-future-card__intro {
  min-width: 0;
}

.ak-future-card__status {
  width: max-content;
  max-width: 100%;

  padding: 5px 9px;

  display: inline-flex;
  align-items: center;

  border-radius: 999px;

  background: rgba(var(--ak-future-accent-rgb), 0.13);
  color: var(--ak-future-accent);

  font-size: 9px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ak-future-card__title {
  margin: 12px 0 0;

  color: var(--ak-pricing-text);

  font-size: 20px;
  line-height: 1.2;
  font-weight: 830;
  letter-spacing: -0.025em;
}

.ak-future-card__description {
  margin: 6px 0 0;

  color: var(--ak-pricing-muted);

  font-size: 13px;
  line-height: 1.45;
}

.ak-future-card__price {
  margin-top: 13px;

  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 7px;

  color: var(--ak-future-accent);
}

.ak-future-card__price strong {
  font-size: 27px;
  line-height: 1;
  font-weight: 860;
  letter-spacing: -0.035em;
}

.ak-future-card__price span {
  font-size: 12px;
  font-weight: 750;
}

.ak-future-card__features-wrap {
  grid-area: features;

  min-width: 0;
  padding-left: 26px;

  border-left: 1px solid var(--ak-pricing-border);
}

.ak-future-card__features {
  margin: 0;
  padding: 2px 0 0;

  display: grid;
  gap: 10px;

  list-style: none;
}

.ak-future-card__features li {
  position: relative;

  min-width: 0;
  padding-left: 24px;

  color: var(--ak-pricing-text);

  font-size: 12px;
  line-height: 1.45;
  font-weight: 540;
}

.ak-future-card__features li::before {
  content: "✓";

  position: absolute;
  top: 0;
  left: 0;

  color: var(--ak-future-accent);

  font-size: 15px;
  line-height: 1.2;
  font-weight: 900;
}

.ak-future-card__footer {
  grid-area: footer;
  align-self: end;
}

.ak-future-card__button {
  min-height: 42px;
  padding: 10px 16px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  border: 1px solid var(--ak-future-accent);
  border-radius: 11px;

  background: transparent;
  color: var(--ak-future-accent);

  font: inherit;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;

  cursor: pointer;

  transition:
    background 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.ak-future-card__button:hover {
  transform: translateY(-1px);

  background: rgba(var(--ak-future-accent-rgb), 0.06);

  box-shadow:
    0 8px 20px rgba(var(--ak-future-accent-rgb), 0.1);
}

/* ==========================================================
   SUBSCRIPTIONS PANEL
========================================================== */

.ak-pricing-subscriptions {
  min-height: 330px;
  padding: 40px;

  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(380px, 1.12fr);
  gap: 40px;
  align-items: center;

  border: 1px solid var(--ak-pricing-border);
  border-radius: 24px;

  background:
    radial-gradient(
      circle at 80% 10%,
      rgba(47, 125, 244, 0.1),
      transparent 34%
    ),
    var(--ak-pricing-surface);

  box-shadow: var(--ak-pricing-shadow);
}

.ak-pricing-subscriptions__label {
  padding: 6px 11px;

  display: inline-flex;

  border-radius: 999px;

  background: rgba(47, 125, 244, 0.1);
  color: var(--ak-pricing-blue);

  font-size: 11px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ak-pricing-subscriptions__copy h3 {
  max-width: 520px;
  margin: 17px 0 0;

  color: var(--ak-pricing-text);

  font-size: clamp(30px, 3vw, 45px);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -0.04em;
}

.ak-pricing-subscriptions__copy p {
  max-width: 550px;
  margin: 16px 0 0;

  color: var(--ak-pricing-muted);

  font-size: 16px;
  line-height: 1.6;
}

.ak-pricing-subscriptions__cards {
  display: grid;
  gap: 13px;
}

.ak-pricing-subscriptions__option {
  width: 100%;
  min-height: 82px;
  padding: 17px 19px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  border: 1px solid var(--ak-pricing-border);
  border-radius: 16px;

  background: color-mix(
    in srgb,
    var(--ak-pricing-surface-soft) 94%,
    transparent
  );

  color: var(--ak-pricing-text);

  text-align: left;
  font: inherit;

  cursor: pointer;

  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.ak-pricing-subscriptions__option:hover {
  transform: translateX(3px);

  border-color: rgba(47, 125, 244, 0.34);
  background: rgba(47, 125, 244, 0.055);

  box-shadow:
    0 10px 26px rgba(47, 125, 244, 0.08);
}

.ak-pricing-subscriptions__option span:first-child {
  display: grid;
  gap: 6px;
}

.ak-pricing-subscriptions__option strong {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 820;
}

.ak-pricing-subscriptions__option small {
  color: var(--ak-pricing-muted);

  font-size: 13px;
  line-height: 1.3;
}

/* ==========================================================
   BOTTOM NOTE
========================================================== */

.ak-pricing-note {
  min-height: 42px;
  margin-top: 24px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  color: var(--ak-pricing-muted);

  font-size: 13px;
  line-height: 1.45;
  text-align: center;
}

.ak-pricing-note svg {
  flex: 0 0 auto;

  width: 18px;
  height: 18px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ==========================================================
   TOAST
========================================================== */

.ak-pricing-toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1000;

  max-width: min(390px, calc(100vw - 32px));
  padding: 13px 16px;

  border: 1px solid rgba(47, 125, 244, 0.24);
  border-radius: 13px;

  background: var(--ak-pricing-surface);
  color: var(--ak-pricing-text);

  font-size: 13px;
  line-height: 1.45;
  font-weight: 650;

  box-shadow:
    0 20px 55px rgba(15, 31, 58, 0.18);

  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);

  transition:
    opacity 180ms ease,
    visibility 180ms ease,
    transform 180ms ease;
}

.ak-pricing-toast.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 1100px) {
  .ak-pricing-grid--main {
    gap: 17px;
  }

  .ak-price-card {
    padding-right: 20px;
    padding-left: 20px;
  }

  .ak-pricing-grid--future {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .ak-pricing-grid--main {
    grid-template-columns: 1fr;
  }

  .ak-price-card {
    min-height: 0;
  }

  .ak-pricing-subscriptions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .ak-pricing {
    padding: 66px 16px 56px;
  }

  .ak-pricing::before {
    width: calc(100% - 28px);
  }

  .ak-pricing__eyebrow {
    top: -66px;
  }

  .ak-pricing__title {
    font-size: clamp(34px, 10vw, 45px);
  }

  .ak-pricing__subtitle {
    font-size: 16px;
  }

  .ak-pricing-tabs {
    grid-template-columns: 1fr;
  }

  .ak-pricing-tabs__button {
    width: 100%;
  }

  .ak-future-card {
    grid-template-columns: 1fr;
    grid-template-areas:
      "product"
      "features"
      "footer";
  }

  .ak-future-card__features-wrap {
    padding: 18px 0 0;

    border-top: 1px solid var(--ak-pricing-border);
    border-left: 0;
  }

  .ak-pricing-subscriptions {
    padding: 26px 20px;
  }
}

@media (max-width: 480px) {
  .ak-price-card {
    padding: 22px 18px 19px;
  }

  .ak-price-card__icon {
    width: 52px;
    height: 52px;
  }

  .ak-price-card__title {
    font-size: 18px;
  }

  .ak-future-card {
    padding: 20px 17px;
  }

  .ak-future-card__product {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .ak-future-card__icon {
    width: 58px;
    height: 58px;
  }

  .ak-future-card__icon svg {
    width: 32px;
    height: 32px;
  }

  .ak-future-card__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-pricing *,
  .ak-pricing *::before,
  .ak-pricing *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ===== 06_pricing END ===== */


/* ==========================================================
   AUDITKANALOV — ФИНАЛЬНЫЕ РАЗДЕЛИТЕЛИ СЕКЦИЙ

   Этот файл подключается последним после CSS всех блоков.
========================================================== */

/*
  Спокойная тонкая линия с настоящим разрывом под ярлыком.
  Центральный участок 43–57% полностью прозрачный.
*/
.ak-decision::before,
.ak-reason::before,
.ak-grades::before,
.ak-about::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;

  display: block !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  border: 0 !important;
  opacity: 1 !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(15, 23, 42, 0.025) 7%,
    rgba(15, 23, 42, 0.085) 38%,
    rgba(15, 23, 42, 0.085) 43%,
    transparent 43%,
    transparent 57%,
    rgba(15, 23, 42, 0.085) 57%,
    rgba(15, 23, 42, 0.085) 62%,
    rgba(15, 23, 42, 0.025) 93%,
    transparent 100%
  ) !important;

  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

/* Тёмная тема — приглушённая серо-синяя линия */
html[data-theme="dark"] .ak-decision::before,
html[data-theme="dark"] .ak-reason::before,
html[data-theme="dark"] .ak-grades::before,
html[data-theme="dark"] .ak-about::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(119, 139, 164, 0.018) 7%,
    rgba(119, 139, 164, 0.085) 38%,
    rgba(119, 139, 164, 0.085) 43%,
    transparent 43%,
    transparent 57%,
    rgba(119, 139, 164, 0.085) 57%,
    rgba(119, 139, 164, 0.085) 62%,
    rgba(119, 139, 164, 0.018) 93%,
    transparent 100%
  ) !important;
}

/* Все ярлыки находятся точно в центре разделителя */
.ak-decision__eyebrow,
.ak-reason__eyebrow,
.ak-grades__eyebrow,
.ak-about__eyebrow {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 10 !important;

  width: max-content !important;
  min-width: 0 !important;
  height: 32px !important;

  margin: 0 !important;
  padding: 0 17px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 1px solid rgba(47, 125, 244, 0.20) !important;
  border-radius: 999px !important;

  background: #eef4ff !important;
  color: #2f7df4 !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  transform: translate(-50%, -50%) !important;

  box-shadow:
    0 3px 12px rgba(47, 125, 244, 0.06) !important;
}

/* Ярлык тёмной темы — как на втором скриншоте */
html[data-theme="dark"] .ak-decision__eyebrow,
html[data-theme="dark"] .ak-reason__eyebrow,
html[data-theme="dark"] .ak-grades__eyebrow,
html[data-theme="dark"] .ak-about__eyebrow {
  border-color: rgba(47, 125, 244, 0.43) !important;

  background: #101a2b !important;
  color: #78a7ff !important;

  box-shadow:
    0 3px 13px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

@media (max-width: 760px) {
  .ak-decision::before,
  .ak-reason::before,
  .ak-grades::before,
  .ak-about::before {
    width: calc(100% - 28px) !important;

    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(15, 23, 42, 0.07) 34%,
      transparent 34%,
      transparent 66%,
      rgba(15, 23, 42, 0.07) 66%,
      transparent 100%
    ) !important;
  }

  html[data-theme="dark"] .ak-decision::before,
  html[data-theme="dark"] .ak-reason::before,
  html[data-theme="dark"] .ak-grades::before,
  html[data-theme="dark"] .ak-about::before {
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(119, 139, 164, 0.075) 34%,
      transparent 34%,
      transparent 66%,
      rgba(119, 139, 164, 0.075) 66%,
      transparent 100%
    ) !important;
  }
}

/* ==========================================================
   DARK THEME — ВОЗВРАЩАЕМ ПРЕЖНИЙ ВИД ЯРЛЫКОВ
   Без широкой тёмной подложки вокруг разделителя
========================================================== */

html[data-theme="dark"] .ak-decision__eyebrow,
html[data-theme="dark"] .ak-reason__eyebrow,
html[data-theme="dark"] .ak-grades__eyebrow,
html[data-theme="dark"] .ak-about__eyebrow {
  background: #101D33 !important;

  border:
    1px solid rgba(47, 125, 244, 0.30) !important;

  color: #6EA0F7 !important;

  /*
    Только мягкая тень самого ярлыка.
    Удалён внешний ореол:
    0 0 0 10px #0b0e12
  */
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.18) !important;
}

/* ===== SOFT BLUE DIVIDERS START ===== */

/*
  Постоянный разделитель всех секций:
  тонкий, приглушённый, слегка голубоватый.
  Ярлык остаётся поверх линии.
*/

.ak-decision::before,
.ak-reason::before,
.ak-grades::before,
.ak-about::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 1 !important;

  display: block !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(47, 125, 244, 0.025) 6%,
    rgba(47, 125, 244, 0.11) 22%,
    rgba(47, 125, 244, 0.14) 50%,
    rgba(47, 125, 244, 0.11) 78%,
    rgba(47, 125, 244, 0.025) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 5px rgba(47, 125, 244, 0.025) !important;

  opacity: 1 !important;
  transform: translateX(-50%) !important;

  pointer-events: none !important;
}

/* В тёмной теме линия немного заметнее */
html[data-theme="dark"] .ak-decision::before,
html[data-theme="dark"] .ak-reason::before,
html[data-theme="dark"] .ak-grades::before,
html[data-theme="dark"] .ak-about::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(77, 139, 235, 0.025) 6%,
    rgba(77, 139, 235, 0.12) 22%,
    rgba(77, 139, 235, 0.18) 50%,
    rgba(77, 139, 235, 0.12) 78%,
    rgba(77, 139, 235, 0.025) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 7px rgba(47, 125, 244, 0.04) !important;
}

/* Ярлыки всегда находятся над линией */
.ak-decision__eyebrow,
.ak-reason__eyebrow,
.ak-grades__eyebrow,
.ak-about__eyebrow {
  z-index: 20 !important;
}

@media (max-width: 760px) {
  .ak-decision::before,
  .ak-reason::before,
  .ak-grades::before,
  .ak-about::before {
    width: calc(100% - 28px) !important;
  }
}

/* ===== SOFT BLUE DIVIDERS END ===== */

/* ===== DECISION DIVIDER FINAL START ===== */

/*
  Только граница между Hero и блоком «Как это работает».
  Другие секции и бейджи не затрагиваются.
*/

html body .ak-decision::before {
  content: "" !important;
  display: block !important;

  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  box-shadow: none !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(47, 125, 244, 0.015) 6%,
    rgba(47, 125, 244, 0.065) 25%,
    rgba(47, 125, 244, 0.10) 50%,
    rgba(47, 125, 244, 0.065) 75%,
    rgba(47, 125, 244, 0.015) 94%,
    transparent 100%
  ) !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

/* В тёмной теме линия остаётся голубой, но не яркой */
html[data-theme="dark"] body .ak-decision::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(93, 145, 232, 0.018) 6%,
    rgba(93, 145, 232, 0.07) 25%,
    rgba(93, 145, 232, 0.115) 50%,
    rgba(93, 145, 232, 0.07) 75%,
    rgba(93, 145, 232, 0.018) 94%,
    transparent 100%
  ) !important;

  box-shadow: none !important;
}

/* Сам бейдж «Как это работает» не меняем */
html body .ak-decision__eyebrow {
  z-index: 20 !important;
}

@media (max-width: 760px) {
  html body .ak-decision::before {
    width: calc(100% - 28px) !important;
  }
}

/* ===== DECISION DIVIDER FINAL END ===== */

/* ===== AK PRICING NOTE FINAL START ===== */

/*
  Нижняя информационная плашка блока «Тарифы».
  Единый стиль с информационной плашкой блока Decision.
*/

html body .ak-pricing-note {
  width: 100% !important;
  min-height: 50px !important;

  margin: 24px 0 0 !important;
  padding: 14px 20px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  border-radius: 16px !important;
  overflow: hidden !important;

  color: var(--ak-pricing-muted) !important;

  font-size: 13px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

/* Светлая тема */

html:not([data-theme="dark"]) body .ak-pricing-note {
  background:
    linear-gradient(
      180deg,
      #F5F7FA 0%,
      #EEF2F6 100%
    ) !important;

  border: 1px solid #DCE3EB !important;

  box-shadow:
    0 8px 24px rgba(15, 23, 42, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;

  color: #64748B !important;
}

/* Тёмная тема */

html[data-theme="dark"] body .ak-pricing-note {
  background:
    linear-gradient(
      180deg,
      #111922 0%,
      #0D151D 100%
    ) !important;

  border: 1px solid #2A3745 !important;

  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;

  color: #A6B1C0 !important;
}

html body .ak-pricing-note svg {
  flex: 0 0 auto !important;

  width: 18px !important;
  height: 18px !important;

  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@media (max-width: 700px) {
  html body .ak-pricing-note {
    padding: 13px 16px !important;
    border-radius: 14px !important;
  }
}

/* ===== AK PRICING NOTE FINAL END ===== */

/* ===== AK PRICING NOTE MATCH DECISION START ===== */

/*
  Плашка под тарифами полностью повторяет стиль
  информационной плашки блока «Как это работает».
*/

html body .ak-pricing-note {
  width: 100% !important;
  min-height: 50px !important;

  margin: 25px 0 0 !important;
  padding: 14px 20px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  border-radius: 16px !important;
  overflow: hidden !important;

  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 450 !important;
  text-align: center !important;
}

/* Светлая тема — как у блока Decision */

html:not([data-theme="dark"]) body .ak-pricing-note {
  background:
    linear-gradient(
      180deg,
      #F5F6F8 0%,
      #EEF1F4 100%
    ) !important;

  border: 1px solid #E0E5EB !important;

  color: #637291 !important;

  box-shadow:
    0 7px 22px rgba(15, 23, 42, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

/* Тёмная тема — как у блока Decision */

html[data-theme="dark"] body .ak-pricing-note {
  background:
    linear-gradient(
      180deg,
      #111820 0%,
      #0D141B 100%
    ) !important;

  border: 1px solid #283440 !important;

  color: #A6B1C0 !important;

  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

/* Иконка */

html body .ak-pricing-note svg {
  flex: 0 0 auto !important;

  width: 19px !important;
  height: 19px !important;

  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Выделение ключевой части текста синим */

html body .ak-pricing-note strong {
  color: #2F7DF4 !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] body .ak-pricing-note strong {
  color: #6EA0F7 !important;
}

@media (max-width: 700px) {
  html body .ak-pricing-note {
    min-height: 48px !important;
    padding: 13px 16px !important;
    border-radius: 16px !important;
  }
}

/* ===== AK PRICING NOTE MATCH DECISION END ===== */

/* ==========================================================
   BLOCK 07 — COMPARISON
========================================================== */

.ak-compare {
  --ak-compare-blue: #2f7df4;
  --ak-compare-blue-soft: #eef4ff;
  --ak-compare-blue-border: #6ea0f7;

  --ak-compare-orange: #f97316;
  --ak-compare-orange-soft: #fff3e8;

  --ak-compare-text: #07142f;
  --ak-compare-muted: #64748b;
  --ak-compare-border: #e4eaf2;
  --ak-compare-surface: rgba(255, 255, 255, 0.94);
  --ak-compare-row: rgba(255, 255, 255, 0.42);
  --ak-compare-no-bg: #f1f3f6;
  --ak-compare-no-text: #8792a2;

  position: relative;
  padding: 96px 24px 92px;
  overflow: hidden;

  color: var(--ak-compare-text);
  font-family:
    Inter,
    Geist,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

html[data-theme="dark"] .ak-compare {
  --ak-compare-text: #f4f7fb;
  --ak-compare-muted: #9caabc;
  --ak-compare-border: rgba(71,85,105,.22);
  --ak-compare-surface: rgba(11, 18, 25, 0.94);
  --ak-compare-row: rgba(12, 21, 30, 0.34);
  --ak-compare-blue-soft: rgba(47, 125, 244, 0.10);
  --ak-compare-no-bg: #19232e;
  --ak-compare-no-text: #748195;
}

.ak-compare *,
.ak-compare *::before,
.ak-compare *::after {
  box-sizing: border-box;
}

.ak-compare__container {
  width: min(1420px, 100%);
  margin: 0 auto;
}

.ak-compare__header {
  max-width: 1180px;
  margin: 0 auto 34px;
  text-align: center;
}

.ak-compare__eyebrow {
  width: max-content;
  margin: 0 auto 16px;
  padding: 7px 18px;

  border: 1px solid rgba(47, 125, 244, 0.18);
  border-radius: 999px;

  background: var(--ak-compare-blue-soft);
  color: var(--ak-compare-blue);

  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ak-compare__title {
  margin: 0;

  color: var(--ak-compare-text);

  font-size: clamp(36px, 4.3vw, 64px);
  line-height: 1.02;
  font-weight: 860;
  letter-spacing: -0.045em;
}

.ak-compare__title span {
  color: var(--ak-compare-blue);
}

.ak-compare__subtitle {
  margin: 20px auto 0;

  color: var(--ak-compare-muted);

  font-size: clamp(16px, 1.7vw, 22px);
  line-height: 1.5;
  font-weight: 450;
}

.ak-compare__scroll {
  width: 100%;
}

.ak-compare-table {
  width: 100%;
  min-width: 1120px;

  border: 1px solid var(--ak-compare-border);
  border-radius: 26px;

  background: var(--ak-compare-surface);

  box-shadow:
    0 28px 70px rgba(24, 45, 75, 0.09),
    0 5px 18px rgba(24, 45, 75, 0.045);

  overflow: hidden;
}

/*
  Первая колонка шире.
  ТРИ КОЛОНКИ СЕРВИСОВ СТРОГО ОДИНАКОВОЙ ШИРИНЫ:
  repeat(3, minmax(0, 1fr))
*/
.ak-compare-row {
  display: grid;
  grid-template-columns:
    minmax(390px, 1.45fr)
    repeat(3, minmax(0, 1fr));

  min-height: 72px;

  border-bottom: 0.5px solid rgba(148,163,184,.22);
}

.ak-compare-row:last-child {
  border-bottom: 0;
}

.ak-compare-cell {
  min-width: 0;
  padding: 15px 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-right: 1px solid var(--ak-compare-border);

  text-align: center;
  font-size: 15px;
  line-height: 1.35;
}

.ak-compare-cell:last-child {
  border-right: 0;
}

.ak-compare-cell--feature {
  justify-content: flex-start;
  gap: 15px;

  text-align: left;
  font-weight: 560;
}

.ak-compare-row--head {
  min-height: 88px;
  background:
    linear-gradient(
      180deg,
      rgba(247, 250, 255, 0.95),
      rgba(242, 247, 253, 0.64)
    );
}

html[data-theme="dark"] .ak-compare-row--head {
  background:
    linear-gradient(
      180deg,
      rgba(17, 27, 38, 0.96),
      rgba(12, 21, 30, 0.88)
    );
}

.ak-compare-row--head .ak-compare-cell {
  font-size: 17px;
  font-weight: 800;
}

.ak-compare-cell--ak {
  position: relative;

  background:
    linear-gradient(
      180deg,
      rgba(238, 244, 255, 0.78),
      rgba(245, 249, 255, 0.58)
    );

  border-left: 1.5px solid var(--ak-compare-blue-border);
  border-right: 1.5px solid var(--ak-compare-blue-border);
}

html[data-theme="dark"] .ak-compare-cell--ak {
  background:
    linear-gradient(
      180deg,
      rgba(47, 125, 244, 0.105),
      rgba(47, 125, 244, 0.045)
    );
}

.ak-compare-cell--ak-head {
  min-height: 88px;

  flex-direction: column;
  gap: 8px;

  border-top: 1.5px solid var(--ak-compare-blue);
  border-radius: 24px 24px 0 0;

  color: var(--ak-compare-blue);
}

.ak-compare-cell--ak-head strong {
  font-size: 21px;
  line-height: 1;
  font-weight: 820;
}

.ak-compare__best {
  padding: 7px 12px;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  border-radius: 999px;
  background: var(--ak-compare-blue);
  color: #ffffff;

  font-size: 12px;
  line-height: 1;
  font-weight: 750;

  box-shadow:
    0 8px 18px rgba(47, 125, 244, 0.18);
}

.ak-compare-icon {
  flex: 0 0 auto;

  width: 42px;
  height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;

  background:
    linear-gradient(
      145deg,
      rgba(47, 125, 244, 0.13),
      rgba(110, 160, 247, 0.055)
    );

  color: var(--ak-compare-blue);
}

.ak-compare-icon svg {
  width: 24px;
  height: 24px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-compare-status {
  width: 31px;
  height: 31px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  font-size: 17px;
  line-height: 1;
  font-weight: 850;
}

.ak-compare-status.is-yes {
  background: var(--ak-compare-blue);
  color: #ffffff;

  box-shadow:
    0 6px 14px rgba(47, 125, 244, 0.17);
}

.ak-compare-status.is-no {
  background: var(--ak-compare-no-bg);
  color: var(--ak-compare-no-text);
}

.ak-compare-row--price {
  min-height: 112px;

  border-top: 1.5px solid rgba(94, 116, 145, 0.36);
  border-bottom: 0;
}

.ak-compare-cell--price-title {
  font-size: 19px;
  font-weight: 820;
}

.ak-compare-price {
  gap: 5px;
  white-space: nowrap;
}

.ak-compare-price strong {
  color: var(--ak-compare-text);
  font-size: 24px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -0.035em;
}

.ak-compare-price span {
  color: var(--ak-compare-text);
  font-size: 14px;
  font-weight: 700;
}

.ak-compare-cell--ak-price {
  padding: 11px 16px;

  border-bottom: 1.5px solid var(--ak-compare-blue);
  border-radius: 0 0 24px 24px;
}

.ak-compare-price-card {
  width: 100%;
  min-height: 86px;
  padding: 11px 16px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  border: 1px solid rgba(249, 115, 22, 0.66);
  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      var(--ak-compare-orange-soft),
      rgba(255, 247, 237, 0.74)
    );

  color: var(--ak-compare-orange);

  box-shadow:
    0 10px 25px rgba(249, 115, 22, 0.08);
}

.ak-compare-price-card__from {
  align-self: flex-start;
  margin-top: 7px;

  font-size: 14px;
  font-weight: 850;
  text-transform: uppercase;
}

.ak-compare-price-card strong {
  font-size: clamp(30px, 3vw, 43px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.045em;
  white-space: nowrap;
}

.ak-compare-price-card__period {
  align-self: flex-end;
  margin-bottom: 8px;

  font-size: 14px;
  font-weight: 780;
  white-space: nowrap;
}

html[data-theme="dark"] .ak-compare-price-card {
  background:
    linear-gradient(
      145deg,
      rgba(249, 115, 22, 0.16),
      rgba(249, 115, 22, 0.075)
    );
}

@media (max-width: 1180px) {
  .ak-compare__scroll {
    overflow-x: auto;
    padding: 4px 4px 20px;

    scrollbar-width: thin;
    scrollbar-color:
      rgba(47, 125, 244, 0.35)
      transparent;
  }

  .ak-compare-table {
    min-width: 1060px;
  }

  .ak-compare-row {
    grid-template-columns:
      minmax(350px, 1.35fr)
      repeat(3, minmax(220px, 1fr));
  }
}

@media (max-width: 760px) {
  .ak-compare {
    padding: 74px 14px 70px;
  }

  .ak-compare__header {
    margin-bottom: 26px;
  }

  .ak-compare__title {
    font-size: 34px;
    line-height: 1.04;
  }

  .ak-compare__subtitle {
    font-size: 15px;
  }

  .ak-compare-table {
    min-width: 940px;
    border-radius: 20px;
  }

  .ak-compare-row {
    grid-template-columns:
      minmax(310px, 1.35fr)
      repeat(3, minmax(200px, 1fr));

    min-height: 66px;
  }

  .ak-compare-cell {
    padding: 13px 17px;
    font-size: 14px;
  }

  .ak-compare-icon {
    width: 38px;
    height: 38px;
  }

  .ak-compare-icon svg {
    width: 22px;
    height: 22px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .ak-compare-status,
  .ak-compare-price-card,
  .ak-compare-cell--ak {
    transition:
      transform 180ms ease,
      box-shadow 180ms ease,
      background-color 180ms ease;
  }

  .ak-compare-row:hover .ak-compare-status.is-yes {
    transform: scale(1.07);
  }

  .ak-compare-row:hover .ak-compare-cell--ak {
    background-color: rgba(47, 125, 244, 0.04);
  }
}

/* ===== 07_compare END ===== */

/* ==========================================================
   BLOCK 07 — ФИНАЛЬНЫЙ РАЗДЕЛИТЕЛЬ И РАМКА AUDITKANALOV
========================================================== */

/*
  Секция начинается сразу после предыдущего блока.
  Верхний разделитель расположен на верхней границе секции,
  как у блоков «Тарифы», «Шкала оценки» и остальных.
*/
.ak-compare {
  position: relative !important;

  padding-top: 72px !important;
  margin-top: 28px !important;

  overflow: visible !important;
}

/* Единый фирменный разделитель */
.ak-compare::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;

  display: block !important;

  width: min(1320px, calc(100% - 48px)) !important;
  height: 1px !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.18) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.18) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(110, 160, 247, 0.12) !important;

  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

/* В тёмной теме линия остаётся хорошо видимой */
html[data-theme="dark"] .ak-compare::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.22) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.22) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 10px rgba(110, 160, 247, 0.16) !important;
}

/*
  Ярлык «Сравнение» находится строго по центру линии,
  а не внутри обычного потока заголовка.
*/
.ak-compare__eyebrow {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 20 !important;

  width: max-content !important;
  height: 32px !important;

  margin: 0 !important;
  padding: 0 17px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border:
    1px solid rgba(110, 160, 247, 0.42) !important;
  border-radius: 999px !important;

  background: #eef4ff !important;
  color: #2f7df4 !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  transform: translate(-50%, -50%) !important;

  box-shadow:
    0 3px 12px rgba(47, 125, 244, 0.08) !important;
}

html[data-theme="dark"] .ak-compare__eyebrow {
  border-color:
    rgba(110, 160, 247, 0.44) !important;

  background: #101d33 !important;
  color: #78a7ff !important;

  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.18) !important;
}

/* Убираем лишний внутренний отступ над заголовком */
.ak-compare__header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/*
  Делаем всю колонку AuditKanalov единой карточкой.
  Правая рамка принудительно остаётся видимой.
*/
.ak-compare-cell--ak {
  z-index: 3 !important;

  border-left:
    1.5px solid #2f7df4 !important;

  border-right:
    1.5px solid #2f7df4 !important;

  box-shadow:
    inset -1px 0 0 rgba(47, 125, 244, 0.14),
    inset 1px 0 0 rgba(47, 125, 244, 0.08) !important;
}

/* Верхняя часть синей карточки */
.ak-compare-cell--ak-head {
  border-top:
    1.5px solid #2f7df4 !important;

  border-right:
    1.5px solid #2f7df4 !important;

  border-radius:
    24px 24px 0 0 !important;
}

/* Нижняя часть синей карточки */
.ak-compare-cell--ak-price {
  border-right:
    1.5px solid #2f7df4 !important;

  border-bottom:
    1.5px solid #2f7df4 !important;

  border-radius:
    0 0 24px 24px !important;
}

/*
  Последняя ячейка не должна терять правую рамку
  из-за общего правила .ak-compare-cell:last-child.
*/
.ak-compare-row
  > .ak-compare-cell--ak:last-child {
  border-right:
    1.5px solid #2f7df4 !important;
}

/* Мобильная версия */
@media (max-width: 760px) {
  .ak-compare {
    margin-top: 22px !important;
    padding-top: 62px !important;
  }

  .ak-compare::before {
    width:
      calc(100% - 28px) !important;
  }
}

/* ===== BLOCK 07 DIVIDER FIX END ===== */

/* ===== AK DEFINITIVE FINAL FIX START ===== */

/* ==========================================================
   ТАБЛИЦА СРАВНЕНИЯ
========================================================== */

/* Убираем общую линию, проходящую через всю строку */
html body .ak-compare-row {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/*
  Горизонтальная линия рисуется только под первыми
  тремя колонками и не заходит в AuditKanalov.
*/
html body .ak-compare-row:not(.ak-compare-row--price)
  > .ak-compare-cell:not(.ak-compare-cell--ak) {
  border-bottom:
    1px solid rgba(148, 163, 184, 0.10) !important;
}

/* Линия под заголовками немного заметнее */
html body .ak-compare-row--head
  > .ak-compare-cell:not(.ak-compare-cell--ak) {
  border-bottom:
    1px solid rgba(148, 163, 184, 0.14) !important;
}

/* Внутри синей колонки нет горизонтальных швов */
html body .ak-compare-row
  > .ak-compare-cell--ak {
  border-top: 0 !important;
  border-bottom: 0 !important;

  border-left:
    1.5px solid #2f7df4 !important;

  border-right:
    1.5px solid #2f7df4 !important;

  box-shadow: none !important;
}

/* Верх единой синей карточки */
html body .ak-compare-cell--ak-head {
  border-top:
    1.5px solid #2f7df4 !important;

  border-bottom: 0 !important;

  border-radius:
    24px 24px 0 0 !important;
}

/* Низ единой синей карточки */
html body .ak-compare-cell--ak-price {
  border-top:
    1px solid rgba(110, 160, 247, 0.24) !important;

  border-bottom:
    1.5px solid #2f7df4 !important;

  border-radius:
    0 0 24px 24px !important;
}

/* Строка стоимости отделяется только в первых трёх колонках */
html body .ak-compare-row--price
  > .ak-compare-cell:not(.ak-compare-cell--ak) {
  border-top:
    1px solid rgba(110, 160, 247, 0.22) !important;
}

/* Тёмная тема */
html[data-theme="dark"] body
  .ak-compare-row:not(.ak-compare-row--price)
  > .ak-compare-cell:not(.ak-compare-cell--ak) {
  border-bottom:
    1px solid rgba(120, 142, 168, 0.09) !important;
}

/* ==========================================================
   ЕДИНЫЕ РАЗДЕЛИТЕЛИ СЕКЦИЙ
   Стиль полностью основан на блоке «Сравнение».
========================================================== */

html body .ak-decision,
html body .ak-reason,
html body .ak-grades,
html body .ak-about,
html body .ak-pricing,
html body .ak-compare {
  position: relative !important;
  overflow: visible !important;
}

/* Единая линия */
html body .ak-decision::before,
html body .ak-reason::before,
html body .ak-grades::before,
html body .ak-about::before,
html body .ak-pricing::before,
html body .ak-compare::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;

  display: block !important;

  width:
    min(1320px, calc(100% - 48px)) !important;

  height: 1px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.18) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.18) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(110, 160, 247, 0.12) !important;

  opacity: 1 !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

/* Все ярлыки располагаются строго по центру линии */
html body .ak-decision__eyebrow,
html body .ak-reason__eyebrow,
html body .ak-grades__eyebrow,
html body .ak-about__eyebrow,
html body .ak-pricing__eyebrow,
html body .ak-compare__eyebrow {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 20 !important;

  width: max-content !important;
  min-width: 0 !important;
  height: 32px !important;

  margin: 0 !important;
  padding: 0 17px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border:
    1px solid rgba(110, 160, 247, 0.42) !important;

  border-radius: 999px !important;

  background: #eef4ff !important;
  color: #2f7df4 !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  transform:
    translate(-50%, -50%) !important;

  box-shadow:
    0 3px 12px rgba(47, 125, 244, 0.08) !important;
}

/* Тёмная тема разделителей */
html[data-theme="dark"] body .ak-decision::before,
html[data-theme="dark"] body .ak-reason::before,
html[data-theme="dark"] body .ak-grades::before,
html[data-theme="dark"] body .ak-about::before,
html[data-theme="dark"] body .ak-pricing::before,
html[data-theme="dark"] body .ak-compare::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.22) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.22) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 10px rgba(110, 160, 247, 0.16) !important;
}

html[data-theme="dark"] body .ak-decision__eyebrow,
html[data-theme="dark"] body .ak-reason__eyebrow,
html[data-theme="dark"] body .ak-grades__eyebrow,
html[data-theme="dark"] body .ak-about__eyebrow,
html[data-theme="dark"] body .ak-pricing__eyebrow,
html[data-theme="dark"] body .ak-compare__eyebrow {
  border-color:
    rgba(110, 160, 247, 0.44) !important;

  background: #101d33 !important;
  color: #78a7ff !important;

  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.18) !important;
}

@media (max-width: 760px) {
  html body .ak-decision::before,
  html body .ak-reason::before,
  html body .ak-grades::before,
  html body .ak-about::before,
  html body .ak-pricing::before,
  html body .ak-compare::before {
    width:
      calc(100% - 28px) !important;
  }
}

/* ===== AK DEFINITIVE FINAL FIX END ===== */

/* ===== AK COMPARE FLAT COLUMN START ===== */

/*
  Единый фон для всей колонки AuditKanalov.
  Никаких отдельных градиентов в каждой строке.
*/
html body .ak-compare-row
  > .ak-compare-cell--ak {
  background:
    rgba(238, 244, 255, 0.72) !important;

  background-image:
    none !important;

  box-shadow:
    none !important;

  filter:
    none !important;
}

/*
  Убираем любые псевдоэлементы,
  которые могут создавать блики и полосы.
*/
html body .ak-compare-row
  > .ak-compare-cell--ak::before,
html body .ak-compare-row
  > .ak-compare-cell--ak::after {
  content:
    none !important;

  display:
    none !important;

  background:
    none !important;

  box-shadow:
    none !important;
}

/*
  При наведении фон колонки не меняется.
  Иначе каждая строка снова становится отдельной полосой.
*/
html body .ak-compare-row:hover
  > .ak-compare-cell--ak {
  background:
    rgba(238, 244, 255, 0.72) !important;

  background-image:
    none !important;

  box-shadow:
    none !important;

  transform:
    none !important;
}

/*
  Убираем переходы фона у ячеек колонки.
*/
html body .ak-compare-cell--ak {
  transition:
    none !important;
}

/* Верхняя ячейка использует тот же фон */
html body .ak-compare-cell--ak-head {
  background:
    rgba(238, 244, 255, 0.72) !important;

  background-image:
    none !important;

  box-shadow:
    none !important;
}

/* Нижняя ячейка также без отдельного градиента */
html body .ak-compare-cell--ak-price {
  background:
    rgba(238, 244, 255, 0.72) !important;

  background-image:
    none !important;

  box-shadow:
    none !important;
}

/*
  Оранжевая карточка стоимости остаётся без изменений.
*/
html body .ak-compare-price-card {
  background:
    linear-gradient(
      145deg,
      #fff3e8,
      rgba(255, 247, 237, 0.82)
    ) !important;
}

/* Тёмная тема — тоже единый фон без полос */
html[data-theme="dark"] body
  .ak-compare-row
  > .ak-compare-cell--ak {
  background:
    rgba(47, 125, 244, 0.075) !important;

  background-image:
    none !important;

  box-shadow:
    none !important;
}

html[data-theme="dark"] body
  .ak-compare-row:hover
  > .ak-compare-cell--ak {
  background:
    rgba(47, 125, 244, 0.075) !important;

  background-image:
    none !important;

  box-shadow:
    none !important;
}

html[data-theme="dark"] body
  .ak-compare-cell--ak-head,
html[data-theme="dark"] body
  .ak-compare-cell--ak-price {
  background:
    rgba(47, 125, 244, 0.075) !important;

  background-image:
    none !important;

  box-shadow:
    none !important;
}

/* ===== AK COMPARE FLAT COLUMN END ===== */

/* ===== AK SOFT INNER SEPARATORS START ===== */

/*
  Очень мягкое разделение строк внутри колонки AuditKanalov.
  Это не обычная яркая граница, а слабая внутренняя тень.
*/
html body
  .ak-compare-row:not(.ak-compare-row--price)
  > .ak-compare-cell--ak {
  box-shadow:
    inset 0 -1px 0 rgba(110, 160, 247, 0.075) !important;
}

/* Под шапкой разделение немного заметнее */
html body
  .ak-compare-row--head
  > .ak-compare-cell--ak {
  box-shadow:
    inset 0 -1px 0 rgba(110, 160, 247, 0.11) !important;
}

/*
  Последняя строка функций перед стоимостью:
  чуть более выраженное отделение.
*/
html body
  .ak-compare-row:not(.ak-compare-row--price):has(
    + .ak-compare-row--price
  )
  > .ak-compare-cell--ak {
  box-shadow:
    inset 0 -1px 0 rgba(110, 160, 247, 0.14) !important;
}

/* Карточка стоимости без дополнительной внутренней тени */
html body .ak-compare-cell--ak-price {
  box-shadow:
    none !important;
}

/* Тёмная тема */
html[data-theme="dark"] body
  .ak-compare-row:not(.ak-compare-row--price)
  > .ak-compare-cell--ak {
  box-shadow:
    inset 0 -1px 0 rgba(110, 160, 247, 0.065) !important;
}

html[data-theme="dark"] body
  .ak-compare-row--head
  > .ak-compare-cell--ak {
  box-shadow:
    inset 0 -1px 0 rgba(110, 160, 247, 0.10) !important;
}

/* ===== AK SOFT INNER SEPARATORS END ===== */

/* ===== AK DIVIDER BADGE POSITION FIX START ===== */

/*
  Секция становится единственной системой координат
  для линии и центрального ярлыка.
*/
html body .ak-grades,
html body .ak-about,
html body .ak-pricing {
  position: relative !important;
  overflow: visible !important;
}

/*
  Header не должен перехватывать абсолютное
  позиционирование ярлыка.
*/
html body .ak-grades__header,
html body .ak-about__header,
html body .ak-pricing__header {
  position: static !important;
}

/*
  Ярлык располагается точно на верхней границе секции,
  по центру разделительной линии.
*/
html body .ak-grades__eyebrow,
html body .ak-about__eyebrow,
html body .ak-pricing__eyebrow {
  position: absolute !important;

  top: 0 !important;
  left: 50% !important;
  z-index: 30 !important;

  margin: 0 !important;

  transform:
    translate(-50%, -50%) !important;
}

/*
  Сама линия также закреплена на верхней границе секции.
*/
html body .ak-grades::before,
html body .ak-about::before,
html body .ak-pricing::before {
  top: 0 !important;
  left: 50% !important;

  transform:
    translateX(-50%) !important;
}

/* ===== AK DIVIDER BADGE POSITION FIX END ===== */

/* ===== AK GRADES ABOUT DIVIDER POSITION START ===== */

/*
  Только корневая секция должна быть системой координат
  для линии и ярлыка.
*/
html body .ak-grades,
html body .ak-about {
  position: relative !important;
  overflow: visible !important;
}

/*
  Контейнеры и заголовки не должны перехватывать
  absolute-позиционирование ярлыков.
*/
html body .ak-grades__container,
html body .ak-grades__header,
html body .ak-about__container,
html body .ak-about__header {
  position: static !important;
}

/* Линия закрепляется на верхней границе секции */
html body .ak-grades::before,
html body .ak-about::before {
  top: 0 !important;
  left: 50% !important;

  transform:
    translateX(-50%) !important;
}

/* Ярлык находится строго по центру линии */
html body .ak-grades__eyebrow,
html body .ak-about__eyebrow {
  position: absolute !important;

  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 50 !important;

  margin: 0 !important;

  transform:
    translate(-50%, -50%) !important;
}

/*
  Сохраняем место между разделителем и заголовком,
  не меняя расстояния между самими секциями.
*/
html body .ak-grades,
html body .ak-about {
  padding-top: 72px !important;
}

@media (max-width: 760px) {
  html body .ak-grades,
  html body .ak-about {
    padding-top: 62px !important;
  }
}

/* ===== AK GRADES ABOUT DIVIDER POSITION END ===== */

/* ===== AK RESTORE GRADES COMPARE DIVIDERS START ===== */

/*
  Корневые секции являются системой координат.
*/
html body section.ak-grades,
html body section.ak-compare {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

/*
  Принудительно возвращаем линии.
  Высокая специфичность перекрывает старые конфликтующие правила.
*/
html body section.ak-grades::before,
html body section.ak-compare::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 30 !important;

  display: block !important;
  visibility: visible !important;

  width:
    min(1320px, calc(100% - 48px)) !important;

  height: 1px !important;
  min-height: 1px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.18) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.18) 94%,
    transparent 100%
  ) !important;

  background-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.18) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.18) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(110, 160, 247, 0.12) !important;

  opacity: 1 !important;
  filter: none !important;

  transform:
    translateX(-50%) !important;

  pointer-events: none !important;
}

/*
  Ярлыки располагаются непосредственно на линии.
*/
html body section.ak-grades .ak-grades__eyebrow,
html body section.ak-compare .ak-compare__eyebrow {
  position: absolute !important;

  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 40 !important;

  display: inline-flex !important;
  visibility: visible !important;

  margin: 0 !important;

  opacity: 1 !important;

  transform:
    translate(-50%, -50%) !important;
}

/* Тёмная тема */
html[data-theme="dark"] body section.ak-grades::before,
html[data-theme="dark"] body section.ak-compare::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.22) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.22) 94%,
    transparent 100%
  ) !important;

  background-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.22) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.22) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 10px rgba(110, 160, 247, 0.16) !important;
}

@media (max-width: 760px) {
  html body section.ak-grades::before,
  html body section.ak-compare::before {
    width:
      calc(100% - 28px) !important;
  }
}

/* ===== AK RESTORE GRADES COMPARE DIVIDERS END ===== */

/* ===== AK REAL DIVIDERS GRADES COMPARE START ===== */

/*
  Реальные DOM-разделители вместо конфликтующих ::before.
*/
html body section.ak-grades,
html body section.ak-compare {
  position: relative !important;
  overflow: visible !important;
}

/* Старые псевдоэлементы отключаем */
html body section.ak-grades::before,
html body section.ak-compare::before {
  content: none !important;
  display: none !important;
}

/* Настоящая линия */
html body .ak-real-divider {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 10 !important;

  display: block !important;

  width:
    min(1320px, calc(100% - 48px)) !important;

  height: 1px !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.18) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.18) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(110, 160, 247, 0.12) !important;

  transform:
    translateX(-50%) !important;

  pointer-events: none !important;
}

/*
  Контейнеры не перехватывают absolute-позиционирование.
*/
html body .ak-grades__container,
html body .ak-grades__header,
html body .ak-compare__container,
html body .ak-compare__header {
  position: static !important;
}

/* Ярлыки находятся на центре реальной линии */
html body section.ak-grades .ak-grades__eyebrow,
html body section.ak-compare .ak-compare__eyebrow {
  position: absolute !important;

  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 20 !important;

  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  margin: 0 !important;

  transform:
    translate(-50%, -50%) !important;
}

/* Тёмная тема */
html[data-theme="dark"] body .ak-real-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.22) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.22) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 10px rgba(110, 160, 247, 0.16) !important;
}

@media (max-width: 760px) {
  html body .ak-real-divider {
    width:
      calc(100% - 28px) !important;
  }
}

/* ===== AK REAL DIVIDERS GRADES COMPARE END ===== */

/* ===== AK VISIBLE INSET DIVIDERS START ===== */

/*
  Линия располагается на 16 px внутри секции.
  Так её не перекрывает фон предыдущего блока.
*/
html body section.ak-grades,
html body section.ak-compare {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
  z-index: 1 !important;
}

html body section.ak-grades > .ak-real-divider--grades,
html body section.ak-compare > .ak-real-divider--compare {
  top: 16px !important;
  z-index: 100 !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  height: 1px !important;
  min-height: 1px !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.26) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.26) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 5px rgba(110, 160, 247, 0.10) !important;
}

/* Ярлык устанавливается на ту же координату */
html body section.ak-grades .ak-grades__eyebrow,
html body section.ak-compare .ak-compare__eyebrow {
  top: 16px !important;
  z-index: 110 !important;

  transform:
    translate(-50%, -50%) !important;
}

/* Старый псевдоразделитель остаётся отключённым */
html body section.ak-grades::before,
html body section.ak-compare::before {
  content: none !important;
  display: none !important;
}

/* ===== AK VISIBLE INSET DIVIDERS END ===== */

/* ===== AK BADGES EXACTLY LIKE PRICING START ===== */

/*
  Удаляем неудачную дополнительную маску.
*/
html body section.ak-grades .ak-grades__eyebrow::before,
html body section.ak-grades .ak-grades__eyebrow::after,
html body section.ak-compare .ak-compare__eyebrow::before,
html body section.ak-compare .ak-compare__eyebrow::after {
  content: none !important;
  display: none !important;
}

/*
  Полноценная капсула — как у блока «Тарифы».
*/
html body section.ak-grades .ak-grades__eyebrow,
html body section.ak-compare .ak-compare__eyebrow {
  position: absolute !important;

  top: 16px !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 1000 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: max-content !important;
  min-width: 0 !important;
  height: 30px !important;
  min-height: 30px !important;

  margin: 0 !important;
  padding: 0 16px !important;

  border:
    1px solid rgba(110, 160, 247, 0.42) !important;

  border-radius: 999px !important;

  background-color: #eef4ff !important;
  background-image: none !important;
  background: #eef4ff !important;

  color: #2f7df4 !important;

  font-size: 12px !important;
  line-height: 30px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  visibility: visible !important;
  opacity: 1 !important;

  /*
    Белая внешняя маска создаёт разрыв линии,
    как у разделителя «Тарифы».
  */
  box-shadow: 0 3px 12px rgba(47, 125, 244, 0.10) !important;

  filter: none !important;

  transform:
    translate(-50%, -50%) !important;
}

/*
  Линия остаётся под капсулой.
*/
html body section.ak-grades
  > .ak-real-divider--grades,
html body section.ak-compare
  > .ak-real-divider--compare {
  top: 16px !important;
  z-index: 10 !important;

  height: 1px !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.20) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.20) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 5px rgba(110, 160, 247, 0.08) !important;
}

/* Тёмная тема */
html[data-theme="dark"] body
  section.ak-grades .ak-grades__eyebrow,
html[data-theme="dark"] body
  section.ak-compare .ak-compare__eyebrow {
  border-color:
    rgba(110, 160, 247, 0.44) !important;

  background-color:
    #101d33 !important;

  background:
    #101d33 !important;

  color:
    #78a7ff !important;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
}

/* ===== AK BADGES EXACTLY LIKE PRICING END ===== */

/* ===== AK FINAL CORRECT BADGE LAYERS START ===== */

html body section.ak-grades,
html body section.ak-compare {
  position: relative !important;
  overflow: visible !important;
}

/* Линия всегда находится под капсулой */
html body section.ak-grades
  > .ak-real-divider--grades,
html body section.ak-compare
  > .ak-real-divider--compare {
  position: absolute !important;

  top: 16px !important;
  left: 50% !important;
  z-index: 1 !important;

  display: block !important;

  width:
    min(1320px, calc(100% - 48px)) !important;

  height: 1px !important;

  border: 0 !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.18) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.18) 94%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 6px rgba(110, 160, 247, 0.10) !important;

  transform:
    translateX(-50%) !important;

  pointer-events:
    none !important;
}

/* Старая линия через ::before отключена */
html body section.ak-grades::before,
html body section.ak-compare::before {
  content: none !important;
  display: none !important;
}

/* Капсула поверх линии — как у «Тарифы» */
html body section.ak-grades .ak-grades__eyebrow,
html body section.ak-compare .ak-compare__eyebrow {
  position: absolute !important;

  top: 16px !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 2 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: max-content !important;
  height: 30px !important;

  margin: 0 !important;
  padding: 0 16px !important;

  border:
    1px solid rgba(110, 160, 247, 0.42) !important;

  border-radius:
    999px !important;

  background:
    #eef4ff !important;

  background-image:
    none !important;

  color:
    #2f7df4 !important;

  font-size:
    12px !important;

  line-height:
    1 !important;

  font-weight:
    800 !important;

  letter-spacing:
    0.07em !important;

  text-transform:
    uppercase !important;

  white-space:
    nowrap !important;

  visibility:
    visible !important;

  opacity:
    1 !important;

  box-shadow: 0 3px 12px rgba(47, 125, 244, 0.10) !important;

  transform:
    translate(-50%, -50%) !important;
}

/* Псевдоэлементы ярлыка не нужны */
html body section.ak-grades .ak-grades__eyebrow::before,
html body section.ak-grades .ak-grades__eyebrow::after,
html body section.ak-compare .ak-compare__eyebrow::before,
html body section.ak-compare .ak-compare__eyebrow::after {
  content: none !important;
  display: none !important;
}

/* Тёмная тема */
html[data-theme="dark"] body
  section.ak-grades .ak-grades__eyebrow,
html[data-theme="dark"] body
  section.ak-compare .ak-compare__eyebrow {
  border-color:
    rgba(110, 160, 247, 0.44) !important;

  background:
    #101d33 !important;

  color:
    #78a7ff !important;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
}

@media (max-width: 760px) {
  html body section.ak-grades
    > .ak-real-divider--grades,
  html body section.ak-compare
    > .ak-real-divider--compare {
    width:
      calc(100% - 28px) !important;
  }
}

/* ===== AK FINAL CORRECT BADGE LAYERS END ===== */

/* ===== AK FAQ BUILD START ===== */
/* =========================================================
   AuditKanalov 2.0 — FAQ
========================================================= */

.ak-faq {
  position: relative;
  padding: 72px 24px 104px;
}

.ak-faq__container {
  width: min(1160px, 100%);
  margin: 0 auto;
}

/* Разделитель без наложения линии на капсулу */

.ak-faq__divider {
  width: min(1320px, calc(100vw - 48px));
  margin: 0 50% 62px;
  transform: translateX(-50%);

  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
}

.ak-faq__divider-line {
  display: block;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.22) 8%,
    #6ea0f7 14%,
    #6ea0f7 100%
  );

  box-shadow:
    0 0 6px rgba(110, 160, 247, 0.10);
}

.ak-faq__divider-line:last-child {
  transform: scaleX(-1);
}

.ak-faq__eyebrow {
  height: 30px;
  padding: 0 16px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(110, 160, 247, 0.42);
  border-radius: 999px;

  background: #eef4ff;
  color: #2f7df4;

  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;

  box-shadow:
    0 3px 12px rgba(47, 125, 244, 0.10);
}

/* Заголовок */

.ak-faq__header {
  max-width: 720px;
  margin: 0 auto 44px;
  text-align: center;
}

.ak-faq__title {
  margin: 0;

  color: #0b1832;

  font-size: clamp(36px, 4.2vw, 54px);
  line-height: 1.06;
  font-weight: 850;
  letter-spacing: -0.045em;
}

.ak-faq__subtitle {
  margin: 16px 0 0;

  color: #6f7f98;

  font-size: 17px;
  line-height: 1.6;
}

/* Сетка */

.ak-faq__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  align-items: start;
}

.ak-faq__column {
  display: grid;
  gap: 14px;
}

/* Элемент FAQ */

.ak-faq-item {
  overflow: hidden;

  border: 1px solid rgba(151, 169, 195, 0.22);
  border-radius: 16px;

  background: rgba(255, 255, 255, 0.78);

  box-shadow:
    0 7px 24px rgba(27, 52, 89, 0.045);

  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease,
    background-color 180ms ease;
}

.ak-faq-item:hover {
  border-color: rgba(47, 125, 244, 0.25);

  box-shadow:
    0 10px 30px rgba(27, 52, 89, 0.07);
}

.ak-faq-item[open] {
  border-color: rgba(47, 125, 244, 0.30);

  background: rgba(255, 255, 255, 0.94);

  box-shadow:
    0 14px 34px rgba(27, 52, 89, 0.075);
}

.ak-faq-item__question {
  min-height: 76px;
  padding: 20px 20px 20px 22px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;

  color: #14213a;

  font-size: 15px;
  line-height: 1.42;
  font-weight: 750;

  cursor: pointer;
  list-style: none;

  user-select: none;
}

.ak-faq-item__question::-webkit-details-marker {
  display: none;
}

.ak-faq-item__icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(47, 125, 244, 0.16);
  border-radius: 10px;

  background: #eef4ff;
  color: #2f7df4;

  transition:
    transform 220ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

.ak-faq-item__icon svg {
  width: 17px;
  height: 17px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}

.ak-faq-item[open] .ak-faq-item__icon {
  transform: rotate(45deg);

  background: #2f7df4;
  color: #ffffff;
}

.ak-faq-item__answer {
  margin: 0 22px;
  padding: 0 44px 22px 0;

  border-top: 1px solid rgba(151, 169, 195, 0.15);

  color: #66758d;

  font-size: 14px;
  line-height: 1.7;
}

.ak-faq-item[open] .ak-faq-item__answer {
  padding-top: 18px;

  animation:
    akFaqAnswerIn 180ms ease both;
}

@keyframes akFaqAnswerIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Нижняя поддержка */

.ak-faq__support {
  margin-top: 24px;
  padding: 20px 22px;

  display: flex;
  align-items: center;
  gap: 14px;

  border: 1px solid rgba(47, 125, 244, 0.20);
  border-radius: 18px;

  background:
    linear-gradient(
      135deg,
      rgba(238, 244, 255, 0.92),
      rgba(255, 255, 255, 0.76)
    );
}

.ak-faq__support-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 13px;

  background: #2f7df4;
  color: #ffffff;

  box-shadow:
    0 8px 18px rgba(47, 125, 244, 0.20);
}

.ak-faq__support-icon svg {
  width: 22px;
  height: 22px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-faq__support-copy {
  min-width: 0;

  display: grid;
  gap: 3px;
}

.ak-faq__support-copy strong {
  color: #14213a;

  font-size: 15px;
  line-height: 1.3;
}

.ak-faq__support-copy span {
  color: #718099;

  font-size: 13px;
  line-height: 1.45;
}

.ak-faq__support-link {
  margin-left: auto;
  padding: 10px 14px;

  display: inline-flex;
  align-items: center;
  gap: 7px;

  border-radius: 10px;

  color: #2f7df4;

  font-size: 13px;
  line-height: 1;
  font-weight: 750;
  text-decoration: none;

  transition:
    background-color 180ms ease,
    transform 180ms ease;
}

.ak-faq__support-link:hover {
  background: rgba(47, 125, 244, 0.08);
  transform: translateX(2px);
}

/* Тёмная тема */

html[data-theme="dark"] .ak-faq__eyebrow {
  border-color: rgba(110, 160, 247, 0.44);

  background: #101d33;
  color: #78a7ff;

  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] .ak-faq__title {
  color: #eef4ff;
}

html[data-theme="dark"] .ak-faq__subtitle {
  color: #91a0b6;
}

html[data-theme="dark"] .ak-faq-item {
  border-color: rgba(120, 145, 176, 0.16);

  background: rgba(15, 29, 51, 0.68);

  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.16);
}

html[data-theme="dark"] .ak-faq-item:hover,
html[data-theme="dark"] .ak-faq-item[open] {
  border-color: rgba(110, 160, 247, 0.30);

  background: rgba(16, 31, 55, 0.90);
}

html[data-theme="dark"] .ak-faq-item__question {
  color: #e7eefb;
}

html[data-theme="dark"] .ak-faq-item__answer {
  border-top-color: rgba(120, 145, 176, 0.14);

  color: #a1aec1;
}

html[data-theme="dark"] .ak-faq-item__icon {
  border-color: rgba(110, 160, 247, 0.24);

  background: rgba(47, 125, 244, 0.14);
  color: #78a7ff;
}

html[data-theme="dark"] .ak-faq-item[open] .ak-faq-item__icon {
  background: #2f7df4;
  color: #ffffff;
}

html[data-theme="dark"] .ak-faq__support {
  border-color: rgba(110, 160, 247, 0.22);

  background:
    linear-gradient(
      135deg,
      rgba(16, 31, 55, 0.92),
      rgba(13, 25, 44, 0.78)
    );
}

html[data-theme="dark"] .ak-faq__support-copy strong {
  color: #e7eefb;
}

html[data-theme="dark"] .ak-faq__support-copy span {
  color: #95a5bc;
}

/* Адаптив */

@media (max-width: 820px) {
  .ak-faq {
    padding:
      64px 18px 84px;
  }

  .ak-faq__divider {
    margin-bottom: 50px;
  }

  .ak-faq__grid {
    grid-template-columns: 1fr;
  }

  .ak-faq__support {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .ak-faq__support-link {
    width: 100%;
    margin-left: 56px;
  }
}

@media (max-width: 520px) {
  .ak-faq {
    padding:
      56px 14px 72px;
  }

  .ak-faq__divider {
    width: calc(100vw - 28px);
    margin-bottom: 44px;
  }

  .ak-faq__title {
    font-size: 34px;
  }

  .ak-faq__subtitle {
    font-size: 15px;
  }

  .ak-faq-item__question {
    min-height: 70px;
    padding: 18px 16px;

    font-size: 14px;
  }

  .ak-faq-item__answer {
    margin: 0 16px;
    padding-right: 0;
  }

  .ak-faq__support {
    padding: 18px;
  }

  .ak-faq__support-link {
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-faq-item,
  .ak-faq-item__icon,
  .ak-faq__support-link {
    transition: none !important;
  }

  .ak-faq-item[open] .ak-faq-item__answer {
    animation: none !important;
  }
}
/* ===== AK FAQ BUILD END ===== */

/* ===== AK REVIEWS BUILD START ===== */
/* =========================================================
   AuditKanalov 2.0 — Reviews
========================================================= */

.ak-reviews {
  position: relative;

  padding:
    72px 24px 108px;
}

.ak-reviews__container {
  width:
    min(1160px, 100%);

  margin:
    0 auto;
}

/* Разделитель */

.ak-reviews__divider {
  width:
    min(1320px, calc(100vw - 48px));

  margin:
    0 50% 62px;

  display:
    grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto
    minmax(0, 1fr);

  align-items:
    center;

  transform:
    translateX(-50%);
}

.ak-reviews__divider-line {
  display:
    block;

  height:
    1px;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(110, 160, 247, 0.22) 8%,
      #6ea0f7 14%,
      #6ea0f7 100%
    );

  box-shadow:
    0 0 6px rgba(110, 160, 247, 0.10);
}

.ak-reviews__divider-line:last-child {
  transform:
    scaleX(-1);
}

.ak-reviews__eyebrow {
  height:
    30px;

  padding:
    0 16px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid rgba(110, 160, 247, 0.42);

  border-radius:
    999px;

  background:
    #eef4ff;

  color:
    #2f7df4;

  font-size:
    12px;

  line-height:
    1;

  font-weight:
    800;

  letter-spacing:
    0.07em;

  text-transform:
    uppercase;

  box-shadow:
    0 3px 12px rgba(47, 125, 244, 0.10);
}

/* Заголовок */

.ak-reviews__header {
  max-width:
    760px;

  margin:
    0 auto 44px;

  text-align:
    center;
}

.ak-reviews__title {
  margin:
    0;

  color:
    #0b1832;

  font-size:
    clamp(36px, 4.2vw, 54px);

  line-height:
    1.06;

  font-weight:
    850;

  letter-spacing:
    -0.045em;
}

.ak-reviews__subtitle {
  margin:
    16px 0 0;

  color:
    #6f7f98;

  font-size:
    17px;

  line-height:
    1.6;
}

.ak-reviews__subtitle a {
  position:
    relative;

  color:
    #2f7df4;

  font-weight:
    750;

  text-decoration:
    none;
}

.ak-reviews__subtitle a::after {
  content:
    "";

  position:
    absolute;

  right:
    0;

  bottom:
    -3px;

  left:
    0;

  height:
    1px;

  background:
    currentColor;

  transform:
    scaleX(0);

  transform-origin:
    left;

  transition:
    transform 180ms ease;
}

.ak-reviews__subtitle a:hover::after {
  transform:
    scaleX(1);
}

/* Основная панель */

.ak-reviews__panel {
  min-height:
    440px;

  padding:
    32px;

  display:
    grid;

  grid-template-columns:
    minmax(340px, 0.9fr)
    minmax(0, 1.1fr);

  gap:
    48px;

  align-items:
    center;

  overflow:
    hidden;

  border:
    1px solid rgba(151, 169, 195, 0.22);

  border-radius:
    26px;

  background:
    rgba(255, 255, 255, 0.82);

  box-shadow:
    0 20px 55px rgba(27, 52, 89, 0.075);
}

/* Визуальная часть */

.ak-reviews__visual {
  position:
    relative;

  min-height:
    360px;

  overflow:
    hidden;

  border:
    1px solid rgba(47, 125, 244, 0.16);

  border-radius:
    22px;

  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(47, 125, 244, 0.18),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      #edf4ff,
      #f9fbff
    );
}

.ak-reviews__visual::before {
  content:
    "";

  position:
    absolute;

  inset:
    0;

  background-image:
    radial-gradient(
      rgba(47, 125, 244, 0.12) 1px,
      transparent 1px
    );

  background-size:
    18px 18px;

  opacity:
    0.42;

  pointer-events:
    none;
}

.ak-reviews__telegram {
  position:
    absolute;

  top:
    50%;

  left:
    50%;

  z-index:
    3;

  width:
    112px;

  height:
    112px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    34px;

  background:
    linear-gradient(
      145deg,
      #3788f7,
      #216ad7
    );

  color:
    #ffffff;

  box-shadow:
    0 24px 50px rgba(47, 125, 244, 0.28);

  transform:
    translate(-50%, -50%)
    rotate(-4deg);
}

.ak-reviews__telegram svg {
  width:
    56px;

  height:
    56px;

  fill:
    currentColor;
}

.ak-reviews__message {
  position:
    absolute;

  z-index:
    2;

  width:
    178px;

  min-height:
    70px;

  padding:
    13px;

  display:
    flex;

  align-items:
    center;

  gap:
    11px;

  border:
    1px solid rgba(47, 125, 244, 0.14);

  border-radius:
    16px;

  background:
    rgba(255, 255, 255, 0.90);

  box-shadow:
    0 12px 28px rgba(27, 52, 89, 0.10);

  backdrop-filter:
    blur(10px);
}

.ak-reviews__message--one {
  top:
    34px;

  left:
    26px;

  transform:
    rotate(-3deg);
}

.ak-reviews__message--two {
  top:
    56px;

  right:
    22px;

  transform:
    rotate(3deg);
}

.ak-reviews__message--three {
  right:
    48px;

  bottom:
    30px;

  transform:
    rotate(-2deg);
}

.ak-reviews__message-avatar {
  width:
    38px;

  height:
    38px;

  flex:
    0 0 38px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    12px;

  background:
    #eef4ff;

  color:
    #2f7df4;

  font-size:
    14px;

  font-weight:
    800;
}

.ak-reviews__message-lines {
  flex:
    1;

  display:
    grid;

  gap:
    7px;
}

.ak-reviews__message-lines i {
  display:
    block;

  height:
    7px;

  border-radius:
    999px;

  background:
    rgba(109, 130, 161, 0.22);
}

.ak-reviews__message-lines i:last-child {
  width:
    66%;
}

/* Контент */

.ak-reviews__content-label {
  margin-bottom:
    14px;

  color:
    #2f7df4;

  font-size:
    12px;

  line-height:
    1;

  font-weight:
    800;

  letter-spacing:
    0.08em;

  text-transform:
    uppercase;
}

.ak-reviews__content-title {
  max-width:
    580px;

  margin:
    0;

  color:
    #0b1832;

  font-size:
    clamp(28px, 3.1vw, 40px);

  line-height:
    1.14;

  font-weight:
    830;

  letter-spacing:
    -0.035em;
}

.ak-reviews__content-text {
  max-width:
    600px;

  margin:
    20px 0 0;

  color:
    #687891;

  font-size:
    15px;

  line-height:
    1.72;
}

.ak-reviews__features {
  margin-top:
    26px;

  display:
    grid;

  gap:
    13px;
}

.ak-reviews__feature {
  display:
    flex;

  align-items:
    center;

  gap:
    11px;

  color:
    #263650;

  font-size:
    14px;

  line-height:
    1.4;

  font-weight:
    650;
}

.ak-reviews__feature-icon {
  width:
    30px;

  height:
    30px;

  flex:
    0 0 30px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    9px;

  background:
    #eef4ff;

  color:
    #2f7df4;
}

.ak-reviews__feature-icon svg {
  width:
    16px;

  height:
    16px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    2;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}

/* Кнопка */

.ak-reviews__button {
  width:
    max-content;

  min-height:
    50px;

  margin-top:
    30px;

  padding:
    0 20px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    10px;

  border-radius:
    13px;

  background:
    linear-gradient(
      135deg,
      #2f7df4,
      #246dd8
    );

  color:
    #ffffff;

  font-size:
    14px;

  line-height:
    1;

  font-weight:
    750;

  text-decoration:
    none;

  box-shadow:
    0 12px 26px rgba(47, 125, 244, 0.24);

  transition:
    transform 180ms ease,
    box-shadow 180ms ease;
}

.ak-reviews__button:hover {
  transform:
    translateY(-2px);

  box-shadow:
    0 16px 34px rgba(47, 125, 244, 0.30);
}

.ak-reviews__button svg {
  width:
    20px;

  height:
    20px;

  fill:
    currentColor;
}

.ak-reviews__button-arrow {
  margin-left:
    3px;

  font-size:
    18px;

  transition:
    transform 180ms ease;
}

.ak-reviews__button:hover
.ak-reviews__button-arrow {
  transform:
    translateX(3px);
}

/* Тёмная тема */

html[data-theme="dark"] .ak-reviews__eyebrow {
  border-color:
    rgba(110, 160, 247, 0.44);

  background:
    #101d33;

  color:
    #78a7ff;
}

html[data-theme="dark"] .ak-reviews__title,
html[data-theme="dark"] .ak-reviews__content-title {
  color:
    #eef4ff;
}

html[data-theme="dark"] .ak-reviews__subtitle,
html[data-theme="dark"] .ak-reviews__content-text {
  color:
    #94a4ba;
}

html[data-theme="dark"] .ak-reviews__panel {
  border-color:
    rgba(120, 145, 176, 0.16);

  background:
    rgba(14, 27, 48, 0.78);

  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .ak-reviews__visual {
  border-color:
    rgba(110, 160, 247, 0.22);

  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(47, 125, 244, 0.18),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      #101e35,
      #0c1729
    );
}

html[data-theme="dark"] .ak-reviews__message {
  border-color:
    rgba(110, 160, 247, 0.16);

  background:
    rgba(17, 32, 55, 0.92);

  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .ak-reviews__message-avatar,
html[data-theme="dark"] .ak-reviews__feature-icon {
  background:
    rgba(47, 125, 244, 0.16);

  color:
    #78a7ff;
}

html[data-theme="dark"] .ak-reviews__feature {
  color:
    #d7e0ee;
}

/* Адаптив */

@media (max-width: 900px) {
  .ak-reviews__panel {
    grid-template-columns:
      1fr;

    gap:
      34px;
  }

  .ak-reviews__visual {
    min-height:
      340px;
  }
}

@media (max-width: 620px) {
  .ak-reviews {
    padding:
      58px 14px 80px;
  }

  .ak-reviews__divider {
    width:
      calc(100vw - 28px);

    margin-bottom:
      46px;
  }

  .ak-reviews__title {
    font-size:
      34px;
  }

  .ak-reviews__subtitle {
    font-size:
      15px;
  }

  .ak-reviews__panel {
    padding:
      18px;

    border-radius:
      20px;
  }

  .ak-reviews__visual {
    min-height:
      300px;
  }

  .ak-reviews__telegram {
    width:
      92px;

    height:
      92px;

    border-radius:
      28px;
  }

  .ak-reviews__telegram svg {
    width:
      46px;

    height:
      46px;
  }

  .ak-reviews__message {
    width:
      145px;
  }

  .ak-reviews__message--one {
    left:
      12px;
  }

  .ak-reviews__message--two {
    right:
      10px;
  }

  .ak-reviews__message--three {
    right:
      24px;
  }

  .ak-reviews__button {
    width:
      100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-reviews__button,
  .ak-reviews__button-arrow,
  .ak-reviews__subtitle a::after {
    transition:
      none !important;
  }
}
/* ===== AK REVIEWS BUILD END ===== */

/* ===== AK FINAL STRICT SECTION GEOMETRY START ===== */

/* =========================================================
   ГЛОБАЛЬНЫЙ СТАНДАРТ

   Каждая верхнеуровневая секция внутри main:
   сверху 72px;
   снизу 72px;
   внешние вертикальные margin отсутствуют.
========================================================= */

html body main > section {
  position: relative !important;

  box-sizing: border-box !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;

  padding-top: 72px !important;
  padding-bottom: 72px !important;
  padding-block: 72px !important;

  overflow: visible !important;
}

/*
  Дополнительные селекторы на случай, если первый экран
  или отдельный блок реализован не через main > section.
*/
html body .hero,
html body .ak-hero,
html body .ak-decision,
html body .ak-reason,
html body .ak-grades,
html body .ak-about,
html body .ak-pricing,
html body .ak-compare,
html body .ak-faq,
html body .ak-reviews {
  position: relative !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;

  padding-top: 72px !important;
  padding-bottom: 72px !important;
  padding-block: 72px !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Горизонтальные отступы FAQ и отзывов сохраняются */

html body section.ak-faq,
html body section.ak-reviews {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

/* =========================================================
   FAQ

   Разделитель теперь прямой дочерний элемент секции.
========================================================= */

html body section.ak-faq
  > .ak-faq__divider {
  position: absolute !important;

  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;

  z-index: 20 !important;

  width:
    min(1320px, calc(100% - 48px)) !important;

  margin: 0 !important;
  padding: 0 !important;

  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    auto
    minmax(0, 1fr) !important;

  align-items: center !important;

  visibility: visible !important;
  opacity: 1 !important;

  transform:
    translateX(-50%) !important;

  pointer-events: none !important;
}

html body section.ak-faq
  > .ak-faq__divider
  > .ak-faq__divider-line {
  display: block !important;

  width: 100% !important;
  height: 1px !important;

  visibility: visible !important;
  opacity: 1 !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(110, 160, 247, 0.20) 8%,
      #6ea0f7 14%,
      #6ea0f7 100%
    ) !important;
}

html body section.ak-faq
  > .ak-faq__divider
  > .ak-faq__divider-line:last-child {
  transform:
    scaleX(-1) !important;
}

/* =========================================================
   ОТЗЫВЫ

   Разделитель теперь прямой дочерний элемент секции.
========================================================= */

html body section.ak-reviews
  > .ak-reviews__divider {
  position: absolute !important;

  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;

  z-index: 20 !important;

  width:
    min(1320px, calc(100% - 48px)) !important;

  margin: 0 !important;
  padding: 0 !important;

  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    auto
    minmax(0, 1fr) !important;

  align-items: center !important;

  visibility: visible !important;
  opacity: 1 !important;

  transform:
    translateX(-50%) !important;

  pointer-events: none !important;
}

html body section.ak-reviews
  > .ak-reviews__divider
  > .ak-reviews__divider-line {
  display: block !important;

  width: 100% !important;
  height: 1px !important;

  visibility: visible !important;
  opacity: 1 !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(110, 160, 247, 0.20) 8%,
      #6ea0f7 14%,
      #6ea0f7 100%
    ) !important;
}

html body section.ak-reviews
  > .ak-reviews__divider
  > .ak-reviews__divider-line:last-child {
  transform:
    scaleX(-1) !important;
}

/* =========================================================
   СРАВНЕНИЕ И ШКАЛА ОЦЕНКИ
========================================================= */

html body section.ak-compare
  > .ak-real-divider--compare,
html body section.ak-grades
  > .ak-real-divider--grades {
  position: absolute !important;

  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;

  margin: 0 !important;

  transform:
    translateX(-50%) !important;
}

html body section.ak-compare
  .ak-compare__eyebrow,
html body section.ak-grades
  .ak-grades__eyebrow {
  top: 0 !important;
  margin: 0 !important;

  transform:
    translate(-50%, -50%) !important;
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ

   Также строго 72 / 72.
========================================================= */

@media (max-width: 760px) {
  html body main > section,
  html body .hero,
  html body .ak-hero,
  html body .ak-decision,
  html body .ak-reason,
  html body .ak-grades,
  html body .ak-about,
  html body .ak-pricing,
  html body .ak-compare,
  html body .ak-faq,
  html body .ak-reviews {
    margin-block: 0 !important;

    padding-top: 72px !important;
    padding-bottom: 72px !important;
    padding-block: 72px !important;
  }

  html body section.ak-faq,
  html body section.ak-reviews {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  html body section.ak-faq
    > .ak-faq__divider,
  html body section.ak-reviews
    > .ak-reviews__divider,
  html body section.ak-compare
    > .ak-real-divider--compare,
  html body section.ak-grades
    > .ak-real-divider--grades {
    width:
      calc(100% - 28px) !important;
  }
}

/* ===== AK FINAL STRICT SECTION GEOMETRY END ===== */

/* ===== AK FIX HERO FAQ REVIEWS SPACING START ===== */

/* 1. Первый экран: снизу строго 72px */
html body section#ak2Hero.ak2-hero,
html body .ak2-hero {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  padding-block: 72px !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;

  position: relative !important;
  overflow: visible !important;
}

/* 2. FAQ и Отзывы: секции тоже строго 72 / 72 */
html body section.ak-faq,
html body section.ak-reviews,
html body .ak-faq,
html body .ak-reviews {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  padding-block: 72px !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;

  position: relative !important;
  overflow: visible !important;
}

/* 3. Разделитель FAQ и Отзывы ставим ровно на верхнюю границу секции */
html body section.ak-faq > .ak-faq__divider,
html body section.ak-reviews > .ak-reviews__divider,
html body .ak-faq > .ak-faq__divider,
html body .ak-reviews > .ak-reviews__divider,
html body section.ak-faq .ak-faq__divider,
html body section.ak-reviews .ak-reviews__divider,
html body .ak-faq .ak-faq__divider,
html body .ak-reviews .ak-reviews__divider {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;

  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;

  transform: translateX(-50%) !important;
  z-index: 20 !important;

  visibility: visible !important;
  opacity: 1 !important;
}

/* 4. У внутренних частей разделителя тоже убираем лишние отступы */
html body .ak-faq__divider *,
html body .ak-reviews__divider * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 5. Заголовки FAQ / Отзывы не должны тянуться вниз лишними внешними отступами */
html body .ak-faq__header,
html body .ak-reviews__header {
  margin-top: 0 !important;
}

/* 6. Мобильная версия тоже строго 72/72 */
@media (max-width: 760px) {
  html body section#ak2Hero.ak2-hero,
  html body .ak2-hero,
  html body section.ak-faq,
  html body section.ak-reviews,
  html body .ak-faq,
  html body .ak-reviews {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
    padding-block: 72px !important;
  }
}

/* ===== AK FIX HERO FAQ REVIEWS SPACING END ===== */

/* ===== AK RESTORED GLOBAL 72 START ===== */

/*
  Постоянный стандарт вертикальной сетки:
  каждый основной экран имеет 72px сверху и снизу.
*/

html body main > section,
html body section.ak2-hero,
html body .ak2-hero,
html body .hero,
html body .ak-hero,
html body .ak-decision,
html body .ak-reason,
html body .ak-grades,
html body .ak-about,
html body .ak-pricing,
html body .ak-compare,
html body .ak-faq,
html body .ak-reviews {
  position: relative !important;

  box-sizing: border-box !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;

  padding-top: 72px !important;
  padding-bottom: 72px !important;
  padding-block: 72px !important;

  overflow: visible !important;
}

/* Сохраняем горизонтальные отступы FAQ и отзывов */

html body section.ak-faq,
html body section.ak-reviews {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

/* Разделители FAQ и отзывов находятся на границе секций */

html body section.ak-faq
  > .ak-faq__divider,
html body section.ak-reviews
  > .ak-reviews__divider {
  position: absolute !important;

  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;

  z-index: 50 !important;

  margin: 0 !important;
  padding: 0 !important;

  transform:
    translate(-50%, -50%) !important;

  visibility: visible !important;
  opacity: 1 !important;
}

/* Разделители шкалы и сравнения */

html body section.ak-grades
  > .ak-real-divider--grades,
html body section.ak-compare
  > .ak-real-divider--compare {
  position: absolute !important;

  top: 0 !important;
  left: 50% !important;

  margin: 0 !important;

  transform:
    translateX(-50%) !important;
}

html body section.ak-grades
  .ak-grades__eyebrow,
html body section.ak-compare
  .ak-compare__eyebrow {
  top: 0 !important;
  margin: 0 !important;

  transform:
    translate(-50%, -50%) !important;
}

@media (max-width: 760px) {
  html body main > section,
  html body section.ak2-hero,
  html body .ak2-hero,
  html body .hero,
  html body .ak-hero,
  html body .ak-decision,
  html body .ak-reason,
  html body .ak-grades,
  html body .ak-about,
  html body .ak-pricing,
  html body .ak-compare,
  html body .ak-faq,
  html body .ak-reviews {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
    padding-block: 72px !important;
  }

  html body section.ak-faq,
  html body section.ak-reviews {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
}

/* ===== AK RESTORED GLOBAL 72 END ===== */

/* ===== AK WORKING PREVIEW HOVER START ===== */

@media (hover: hover) and (pointer: fine) {
  html body .ak2-preview-hover-card {
    position: relative !important;
    z-index: 1 !important;

    transform:
      translateY(0)
      scale(1) !important;

    transform-origin:
      center center !important;

    transition:
      transform 720ms cubic-bezier(.22, .78, .2, 1),
      box-shadow 720ms cubic-bezier(.22, .78, .2, 1) !important;

    will-change:
      transform;
  }

  html body .ak2-preview-hover-card:hover {
    z-index: 30 !important;

    transform:
      translateY(-4px)
      scale(1.025) !important;
    filter: none !important;
  }
}

@media (hover: none), (pointer: coarse) {
  html body .ak2-preview-hover-card {
    transform:
      none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .ak2-preview-hover-card {
    transition:
      none !important;
  }
}

/* ===== AK WORKING PREVIEW HOVER END ===== */

/* ===== AK COMPACT HERO CARD SHADOW START ===== */

/*
  Переопределяем штатную широкую тень самой карточки.
  Плавность движения остаётся прежней — 720ms.
*/

html body .ak2-preview-hover-card,
html body .ak2-report.ak2-preview-hover-card {
  filter: none !important;

  box-shadow: 0 2px 12px rgba(24, 55, 105, 0.055) !important;

  transition:
    transform 720ms cubic-bezier(.22, .78, .2, 1),
    box-shadow 720ms cubic-bezier(.22, .78, .2, 1) !important;
}

@media (hover: hover) and (pointer: fine) {
  html body .ak2-preview-hover-card:hover,
  html body .ak2-report.ak2-preview-hover-card:hover {
    filter: none !important;

    box-shadow: 0 2px 12px rgba(24, 55, 105, 0.055) !important;
  }
}

/*
  На случай, если большая тень задана внутренней оболочке
  карточки, а класс анимации находится на её родителе.
*/
html body .ak2-preview-hover-card
  > .ak2-report,
html body .ak2-preview-hover-card
  > .ak2-report-state {
  filter: none !important;

  box-shadow: 0 2px 12px rgba(24, 55, 105, 0.055) !important;
}

html body .ak2-preview-hover-card:hover
  > .ak2-report,
html body .ak2-preview-hover-card:hover
  > .ak2-report-state {
  filter: none !important;

  box-shadow: 0 2px 12px rgba(24, 55, 105, 0.055) !important;
}

/* ===== AK COMPACT HERO CARD SHADOW END ===== */

/* ===== AK MID CTA BUILD START ===== */
/* =========================================================
   AuditKanalov 2.0 — Mid CTA
========================================================= */

.ak-mid-cta {
  position: relative;

  box-sizing: border-box;

  margin: 0;

  padding:
    72px 24px;
}

.ak-mid-cta__container {
  width:
    min(1160px, 100%);

  margin:
    0 auto;
}

.ak-mid-cta__card {
  position: relative;

  min-height:
    430px;

  padding:
    54px;

  display:
    grid;

  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(360px, 0.92fr);

  gap:
    54px;

  align-items:
    center;

  overflow:
    hidden;

  border:
    1px solid rgba(47, 125, 244, 0.17);

  border-radius:
    28px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.97),
      rgba(244, 248, 255, 0.94)
    );

  box-shadow:
    0 18px 48px rgba(27, 52, 89, 0.08);
}

.ak-mid-cta__card::before {
  content:
    "";

  position:
    absolute;

  top:
    -190px;

  right:
    -120px;

  width:
    470px;

  height:
    470px;

  border-radius:
    50%;

  background:
    radial-gradient(
      circle,
      rgba(47, 125, 244, 0.16),
      transparent 68%
    );

  pointer-events:
    none;
}

.ak-mid-cta__content {
  position:
    relative;

  z-index:
    2;
}

.ak-mid-cta__eyebrow {
  width:
    max-content;

  margin-bottom:
    18px;

  padding:
    8px 13px;

  border:
    1px solid rgba(47, 125, 244, 0.18);

  border-radius:
    999px;

  background:
    rgba(47, 125, 244, 0.08);

  color:
    #2f7df4;

  font-size:
    12px;

  line-height:
    1;

  font-weight:
    800;

  letter-spacing:
    0.06em;

  text-transform:
    uppercase;
}

.ak-mid-cta__title {
  max-width:
    620px;

  margin:
    0;

  color:
    #0b1832;

  font-size:
    clamp(38px, 4.4vw, 58px);

  line-height:
    1.02;

  font-weight:
    860;

  letter-spacing:
    -0.05em;
}

.ak-mid-cta__title span {
  display:
    block;

  color:
    #2f7df4;
}

.ak-mid-cta__description {
  max-width:
    590px;

  margin:
    20px 0 0;

  color:
    #65758e;

  font-size:
    16px;

  line-height:
    1.65;
}

.ak-mid-cta__form {
  margin-top:
    30px;
}

.ak-mid-cta__label {
  position:
    absolute;

  width:
    1px;

  height:
    1px;

  overflow:
    hidden;

  clip:
    rect(0 0 0 0);
}

.ak-mid-cta__field {
  width:
    min(590px, 100%);

  min-height:
    58px;

  padding:
    6px 6px 6px 17px;

  display:
    flex;

  align-items:
    center;

  gap:
    11px;

  border:
    1px solid rgba(123, 145, 177, 0.24);

  border-radius:
    15px;

  background:
    #ffffff;

  box-shadow:
    0 8px 24px rgba(27, 52, 89, 0.07);

  transition:
    border-color 200ms ease,
    box-shadow 200ms ease;
}

.ak-mid-cta__field:focus-within {
  border-color:
    rgba(47, 125, 244, 0.52);

  box-shadow:
    0 0 0 4px rgba(47, 125, 244, 0.09),
    0 8px 24px rgba(27, 52, 89, 0.07);
}

.ak-mid-cta__search-icon {
  width:
    21px;

  height:
    21px;

  flex:
    0 0 21px;

  color:
    #8493a9;
}

.ak-mid-cta__search-icon svg {
  width:
    100%;

  height:
    100%;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    1.8;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}

.ak-mid-cta__input {
  min-width:
    0;

  flex:
    1;

  border:
    0;

  outline:
    0;

  background:
    transparent;

  color:
    #17243a;

  font:
    inherit;

  font-size:
    15px;
}

.ak-mid-cta__input::placeholder {
  color:
    #9aa7b9;
}

.ak-mid-cta__button {
  min-height:
    46px;

  padding:
    0 19px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    8px;

  border:
    0;

  border-radius:
    11px;

  background:
    linear-gradient(
      135deg,
      #ff6b45,
      #f0522c
    );

  color:
    #ffffff;

  font:
    inherit;

  font-size:
    14px;

  font-weight:
    780;

  cursor:
    pointer;

  box-shadow:
    0 8px 18px rgba(240, 82, 44, 0.22);

  transition:
    transform 180ms ease,
    box-shadow 180ms ease;
}

.ak-mid-cta__button:hover {
  transform:
    translateY(-1px);

  box-shadow:
    0 11px 23px rgba(240, 82, 44, 0.27);
}

.ak-mid-cta__note {
  margin-top:
    15px;

  display:
    flex;

  align-items:
    center;

  gap:
    8px;

  color:
    #7b899d;

  font-size:
    13px;

  line-height:
    1.45;
}

.ak-mid-cta__note-icon {
  width:
    18px;

  height:
    18px;

  flex:
    0 0 18px;

  color:
    #2f7df4;
}

.ak-mid-cta__note-icon svg {
  width:
    100%;

  height:
    100%;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    1.8;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}

/* Правая демонстрационная карточка */

.ak-mid-cta__visual {
  position:
    relative;

  z-index:
    2;

  min-height:
    310px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;
}

.ak-mid-cta__visual-glow {
  position:
    absolute;

  width:
    300px;

  height:
    300px;

  border-radius:
    50%;

  background:
    rgba(47, 125, 244, 0.13);

  filter:
    blur(55px);
}

.ak-mid-cta__report {
  position:
    relative;

  z-index:
    2;

  width:
    min(390px, 100%);

  padding:
    24px;

  border:
    1px solid rgba(122, 146, 180, 0.22);

  border-radius:
    20px;

  background:
    rgba(255, 255, 255, 0.94);

  box-shadow:
    0 18px 38px rgba(27, 52, 89, 0.12);

  transform:
    rotate(1.5deg);
}

.ak-mid-cta__report-top {
  display:
    flex;

  align-items:
    center;

  gap:
    11px;
}

.ak-mid-cta__avatar {
  width:
    43px;

  height:
    43px;

  flex:
    0 0 43px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    13px;

  background:
    #eaf2ff;

  color:
    #2f7df4;

  font-size:
    13px;

  font-weight:
    850;
}

.ak-mid-cta__channel-name {
  color:
    #17243a;

  font-size:
    14px;

  font-weight:
    780;
}

.ak-mid-cta__channel-meta {
  margin-top:
    3px;

  color:
    #8a98aa;

  font-size:
    11px;
}

.ak-mid-cta__status {
  margin-left:
    auto;

  padding:
    6px 9px;

  border-radius:
    999px;

  background:
    #eaf8f0;

  color:
    #1a7f4b;

  font-size:
    10px;

  font-weight:
    800;
}

.ak-mid-cta__report-result {
  margin-top:
    23px;

  padding:
    17px;

  display:
    flex;

  align-items:
    center;

  gap:
    14px;

  border:
    1px solid rgba(26, 127, 75, 0.15);

  border-radius:
    15px;

  background:
    #f3fbf7;
}

.ak-mid-cta__grade {
  width:
    52px;

  height:
    52px;

  flex:
    0 0 52px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    15px;

  background:
    #1e9658;

  color:
    #ffffff;

  font-size:
    25px;

  font-weight:
    900;
}

.ak-mid-cta__result-text {
  display:
    grid;

  gap:
    5px;
}

.ak-mid-cta__result-text strong {
  color:
    #193026;

  font-size:
    13px;
}

.ak-mid-cta__result-text span {
  color:
    #6e8578;

  font-size:
    11px;
}

.ak-mid-cta__metrics {
  margin-top:
    17px;

  display:
    grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap:
    8px;
}

.ak-mid-cta__metric {
  padding:
    11px 8px;

  display:
    grid;

  gap:
    5px;

  text-align:
    center;

  border:
    1px solid rgba(122, 146, 180, 0.16);

  border-radius:
    11px;

  background:
    #f8faff;
}

.ak-mid-cta__metric span {
  color:
    #8a98aa;

  font-size:
    9px;
}

.ak-mid-cta__metric strong {
  color:
    #24344c;

  font-size:
    12px;
}

/* Тёмная тема */

html[data-theme="dark"] .ak-mid-cta__card {
  border-color:
    rgba(110, 160, 247, 0.18);

  background:
    linear-gradient(
      135deg,
      rgba(14, 27, 48, 0.97),
      rgba(11, 22, 39, 0.95)
    );

  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .ak-mid-cta__title {
  color:
    #f0f5ff;
}

html[data-theme="dark"] .ak-mid-cta__description {
  color:
    #98a7bb;
}

html[data-theme="dark"] .ak-mid-cta__field {
  border-color:
    rgba(126, 151, 183, 0.22);

  background:
    #101d31;
}

html[data-theme="dark"] .ak-mid-cta__input {
  color:
    #edf3fc;
}

html[data-theme="dark"] .ak-mid-cta__report {
  border-color:
    rgba(110, 160, 247, 0.18);

  background:
    rgba(17, 31, 52, 0.96);
}

html[data-theme="dark"] .ak-mid-cta__channel-name,
html[data-theme="dark"] .ak-mid-cta__metric strong {
  color:
    #e6edf8;
}

html[data-theme="dark"] .ak-mid-cta__report-result {
  border-color:
    rgba(50, 180, 111, 0.16);

  background:
    rgba(30, 150, 88, 0.10);
}

html[data-theme="dark"] .ak-mid-cta__result-text strong {
  color:
    #dff6e9;
}

html[data-theme="dark"] .ak-mid-cta__metric {
  border-color:
    rgba(126, 151, 183, 0.15);

  background:
    rgba(255, 255, 255, 0.035);
}

/* Адаптив */

@media (max-width: 900px) {
  .ak-mid-cta__card {
    grid-template-columns:
      1fr;

    padding:
      42px;

    gap:
      38px;
  }

  .ak-mid-cta__visual {
    min-height:
      280px;
  }
}

@media (max-width: 620px) {
  .ak-mid-cta {
    padding:
      72px 14px;
  }

  .ak-mid-cta__card {
    min-height:
      auto;

    padding:
      28px 18px;

    border-radius:
      21px;
  }

  .ak-mid-cta__title {
    font-size:
      38px;
  }

  .ak-mid-cta__description {
    font-size:
      15px;
  }

  .ak-mid-cta__field {
    padding:
      7px;

    flex-wrap:
      wrap;
  }

  .ak-mid-cta__search-icon {
    margin-left:
      8px;
  }

  .ak-mid-cta__input {
    min-width:
      calc(100% - 50px);
  }

  .ak-mid-cta__button {
    width:
      100%;
  }

  .ak-mid-cta__note {
    align-items:
      flex-start;
  }

  .ak-mid-cta__visual {
    min-height:
      245px;
  }

  .ak-mid-cta__report {
    padding:
      18px;

    transform:
      none;
  }

  .ak-mid-cta__metrics {
    grid-template-columns:
      1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-mid-cta__button,
  .ak-mid-cta__field {
    transition:
      none !important;
  }
}
/* ===== AK MID CTA BUILD END ===== */

/* ===== AK MID CTA DIVIDER START ===== */

.ak-mid-cta__divider {
  position: absolute;

  top: 0;
  left: 50%;

  width: min(1160px, calc(100% - 48px));
  height: 1px;

  transform: translateX(-50%);

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(47, 125, 244, 0.16) 8%,
      rgba(47, 125, 244, 0.42) 50%,
      rgba(47, 125, 244, 0.16) 92%,
      transparent 100%
    );
}

.ak-mid-cta__divider span {
  position: absolute;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  padding: 7px 13px;

  border:
    1px solid rgba(47, 125, 244, 0.28);

  border-radius: 999px;

  background: #f6f9ff;

  color: #2f7df4;

  font-size: 11px;
  line-height: 1;
  font-weight: 800;

  letter-spacing: 0.06em;

  white-space: nowrap;
}

html[data-theme="dark"] .ak-mid-cta__divider {
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(90, 145, 235, 0.14) 8%,
      rgba(90, 145, 235, 0.42) 50%,
      rgba(90, 145, 235, 0.14) 92%,
      transparent 100%
    );
}

html[data-theme="dark"] .ak-mid-cta__divider span {
  border-color:
    rgba(92, 151, 246, 0.3);

  background:
    #0d1b2f;

  color:
    #73a9ff;
}

@media (max-width: 620px) {
  .ak-mid-cta__divider {
    width:
      calc(100% - 28px);
  }

  .ak-mid-cta__divider span {
    padding:
      7px 11px;

    font-size:
      10px;
  }
}

/* ===== AK MID CTA DIVIDER END ===== */

/* ===== AK PRE ABOUT CTA BUILD START ===== */
/* =========================================================
   AuditKanalov — compact CTA before About
========================================================= */

.ak-quick-check {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0 24px 40px;
}

.ak-quick-check__container {
  width: min(1160px, 100%);
  margin: 0 auto;
}

.ak-quick-check__card {
  position: relative;

  min-height: 104px;
  padding: 20px 22px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;

  overflow: hidden;

  border: 1px solid rgba(47, 125, 244, 0.18);
  border-radius: 20px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.98),
      rgba(241, 247, 255, 0.96)
    );

  box-shadow: 0 10px 30px rgba(26, 57, 101, 0.07);
}

.ak-quick-check__card::after {
  content: "";
  position: absolute;
  top: -90px;
  left: 25%;
  width: 240px;
  height: 240px;
  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(47, 125, 244, 0.12),
      transparent 68%
    );

  pointer-events: none;
}

.ak-quick-check__heading {
  position: relative;
  z-index: 2;

  min-width: 315px;

  display: flex;
  align-items: center;
  gap: 14px;
}

.ak-quick-check__icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 13px;

  background: rgba(47, 125, 244, 0.1);
  color: #2f7df4;
}

.ak-quick-check__icon svg {
  width: 21px;
  height: 21px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-quick-check__copy {
  display: grid;
  gap: 5px;
}

.ak-quick-check__copy strong {
  color: #0b1832;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 800;
}

.ak-quick-check__copy span {
  color: #718096;
  font-size: 12px;
  line-height: 1.4;
}

.ak-quick-check__form {
  position: relative;
  z-index: 2;

  width: min(600px, 100%);
}

.ak-quick-check__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.ak-quick-check__field {
  min-height: 54px;
  padding: 5px 5px 5px 16px;

  display: flex;
  align-items: center;
  gap: 10px;

  border: 1px solid rgba(123, 145, 177, 0.24);
  border-radius: 14px;

  background: #ffffff;

  box-shadow: 0 5px 16px rgba(27, 52, 89, 0.06);

  transition:
    border-color 200ms ease,
    box-shadow 200ms ease;
}

.ak-quick-check__field:focus-within {
  border-color: rgba(47, 125, 244, 0.48);

  box-shadow:
    0 0 0 4px rgba(47, 125, 244, 0.08),
    0 5px 16px rgba(27, 52, 89, 0.06);
}

.ak-quick-check__search {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;

  color: #8b99ad;
}

.ak-quick-check__search svg {
  width: 100%;
  height: 100%;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-quick-check__input {
  min-width: 0;
  flex: 1;

  border: 0;
  outline: 0;

  background: transparent;
  color: #17243a;

  font: inherit;
  font-size: 14px;
}

.ak-quick-check__input::placeholder {
  color: #98a5b7;
}

.ak-quick-check__button {
  min-height: 44px;
  padding: 0 18px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  border: 0;
  border-radius: 10px;

  background:
    linear-gradient(
      135deg,
      #ff6b45,
      #f0522c
    );

  color: #ffffff;

  font: inherit;
  font-size: 13px;
  font-weight: 780;

  cursor: pointer;

  box-shadow: 0 6px 15px rgba(240, 82, 44, 0.2);

  transition:
    transform 180ms ease,
    box-shadow 180ms ease;
}

.ak-quick-check__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(240, 82, 44, 0.25);
}

/* Тёмная тема */

html[data-theme="dark"] .ak-quick-check__card {
  border-color: rgba(105, 158, 246, 0.18);

  background:
    linear-gradient(
      135deg,
      rgba(15, 29, 50, 0.97),
      rgba(11, 23, 41, 0.96)
    );

  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .ak-quick-check__copy strong {
  color: #edf3fc;
}

html[data-theme="dark"] .ak-quick-check__copy span {
  color: #94a4ba;
}

html[data-theme="dark"] .ak-quick-check__field {
  border-color: rgba(126, 151, 183, 0.22);
  background: #101d31;
}

html[data-theme="dark"] .ak-quick-check__input {
  color: #edf3fc;
}

/* Планшет */

@media (max-width: 900px) {
  .ak-quick-check__card {
    align-items: stretch;
    flex-direction: column;
    gap: 18px;
  }

  .ak-quick-check__heading {
    min-width: 0;
  }

  .ak-quick-check__form {
    width: 100%;
  }
}

/* Мобильный */

@media (max-width: 620px) {
  .ak-quick-check {
    padding: 32px 14px;
  }

  .ak-quick-check__card {
    padding: 19px 16px;
    border-radius: 17px;
  }

  .ak-quick-check__heading {
    align-items: flex-start;
  }

  .ak-quick-check__icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  .ak-quick-check__copy strong {
    font-size: 15px;
  }

  .ak-quick-check__field {
    padding: 6px;
    flex-wrap: wrap;
  }

  .ak-quick-check__search {
    margin-left: 8px;
  }

  .ak-quick-check__input {
    min-width: calc(100% - 48px);
  }

  .ak-quick-check__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-quick-check__field,
  .ak-quick-check__button {
    transition: none !important;
  }
}
/* ===== AK PRE ABOUT CTA BUILD END ===== */

/* ===== AK QUICK CHECK FINAL SPACING START ===== */

/*
  Финальное правило находится в конце CSS,
  поэтому перекрывает прежние padding секции.
*/
html body .ak-quick-check {
  margin-top: 0 !important;
  padding: 0 24px 72px !important;
}

@media (max-width: 620px) {
  html body .ak-quick-check {
    margin-top: 0 !important;
    padding: 0 14px 72px !important;
  }
}

/* ===== AK QUICK CHECK FINAL SPACING END ===== */

/* ===== AK REVIEWS EXACT SCENE START ===== */

.ak-reviews-scene {
  position: relative;
  min-height: 360px;
  overflow: hidden;
  isolation: isolate;

  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(47, 125, 244, 0.11),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      #f7faff,
      #eef5ff
    );
}

.ak-reviews-scene::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image:
    radial-gradient(
      circle,
      rgba(47, 125, 244, 0.17) 1px,
      transparent 1.2px
    );

  background-size: 18px 18px;
  opacity: 0.32;
  pointer-events: none;
}

.ak-reviews-scene::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;

  width: 250px;
  height: 250px;

  border-radius: 50%;
  background: rgba(47, 125, 244, 0.08);
  filter: blur(48px);

  transform: translate(-50%, -50%);
  pointer-events: none;
}

/* Карточки */

.ak-reviews-scene__card {
  position: absolute;
  z-index: 3;

  width: 178px;
  min-height: 76px;
  padding: 13px 15px;

  box-sizing: border-box;

  display: flex;
  align-items: center;
  gap: 13px;

  border: 1px solid rgba(80, 120, 178, 0.12);
  border-radius: 17px;

  background: rgba(255, 255, 255, 0.95);

  box-shadow:
    0 8px 20px rgba(24, 55, 105, 0.055);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  will-change: transform;

  transition:
    transform 720ms cubic-bezier(.22, .78, .2, 1),
    box-shadow 720ms cubic-bezier(.22, .78, .2, 1);
}

.ak-reviews-scene__card--a {
  top: 10%;
  left: 7%;
  transform: rotate(-4deg);
}

.ak-reviews-scene__card--vk {
  top: 14%;
  right: 5%;
  transform: rotate(4deg);
}

.ak-reviews-scene__card--tg {
  left: 7%;
  bottom: 9%;
  transform: rotate(-9deg);
}

.ak-reviews-scene__card--m {
  right: 7%;
  bottom: 8%;
  transform: rotate(-2deg);
}

/* Иконки */

.ak-reviews-scene__avatar {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;

  font-size: 15px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.ak-reviews-scene__avatar--neutral {
  color: #2f7df4;
  background: #edf4ff;
}

.ak-reviews-scene__avatar--vk {
  color: #ffffff;

  background:
    linear-gradient(
      145deg,
      #5595ff,
      #2787f5
    );
}

.ak-reviews-scene__avatar--tg {
  color: #ffffff;

  background:
    linear-gradient(
      145deg,
      #48b8fa,
      #229ed9
    );
}

.ak-reviews-scene__avatar--tg svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
}

/* Линии будущих отзывов */

.ak-reviews-scene__lines {
  flex: 1;
  min-width: 0;

  display: grid;
  gap: 8px;
}

.ak-reviews-scene__lines i {
  display: block;
  height: 7px;

  border-radius: 999px;
  background: rgba(113, 132, 164, 0.20);
}

.ak-reviews-scene__lines i:first-child {
  width: 78px;
}

.ak-reviews-scene__lines i:last-child {
  width: 54px;
}

/* Фирменная иконка */

.ak-reviews-scene__brandmark {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;

  width: 116px;
  height: 116px;
  padding: 20px;

  box-sizing: border-box;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 9px;

  border: 1px solid rgba(93, 132, 184, 0.14);
  border-radius: 28px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.99),
      rgba(245, 249, 255, 0.98)
    );

  box-shadow:
    0 14px 30px rgba(47, 125, 244, 0.14);

  transform:
    translate(-50%, -50%)
    rotate(-4deg);

  will-change: transform;

  transition:
    transform 760ms cubic-bezier(.22, .78, .2, 1),
    box-shadow 760ms cubic-bezier(.22, .78, .2, 1);
}

.ak-reviews-scene__cube {
  display: block;
  border-radius: 11px;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    0 3px 8px rgba(24, 55, 105, 0.07);
}

.ak-reviews-scene__cube--red {
  background: linear-gradient(145deg, #ff595f, #ef3f47);
}

.ak-reviews-scene__cube--orange {
  background: linear-gradient(145deg, #ffae38, #f18418);
}

.ak-reviews-scene__cube--blue {
  background: linear-gradient(145deg, #5596ff, #2f7df4);
}

.ak-reviews-scene__cube--green {
  background: linear-gradient(145deg, #4dcc8e, #1daa6e);
}

/* Плавное движение */

@keyframes akReviewsFloatA {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(-4deg);
  }

  50% {
    transform: translate3d(0, -4px, 0) rotate(-3deg);
  }
}

@keyframes akReviewsFloatVk {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(4deg);
  }

  50% {
    transform: translate3d(0, -5px, 0) rotate(3deg);
  }
}

@keyframes akReviewsFloatTg {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(-9deg);
  }

  50% {
    transform: translate3d(0, -4px, 0) rotate(-8deg);
  }
}

@keyframes akReviewsFloatM {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(-2deg);
  }

  50% {
    transform: translate3d(0, -3px, 0) rotate(-1deg);
  }
}

.ak-reviews-scene__card--a {
  animation: akReviewsFloatA 7s ease-in-out infinite;
}

.ak-reviews-scene__card--vk {
  animation: akReviewsFloatVk 7.6s ease-in-out infinite;
}

.ak-reviews-scene__card--tg {
  animation: akReviewsFloatTg 7.3s ease-in-out infinite;
}

.ak-reviews-scene__card--m {
  animation: akReviewsFloatM 8s ease-in-out infinite;
}

/* Наведение */

@media (hover: hover) and (pointer: fine) {
  .ak-reviews-scene:hover .ak-reviews-scene__card {
    animation-play-state: paused;

    box-shadow:
      0 10px 23px rgba(24, 55, 105, 0.07);
  }

  .ak-reviews-scene:hover .ak-reviews-scene__card--a {
    transform: translate3d(-3px, -4px, 0) rotate(-5deg);
  }

  .ak-reviews-scene:hover .ak-reviews-scene__card--vk {
    transform: translate3d(3px, -5px, 0) rotate(5deg);
  }

  .ak-reviews-scene:hover .ak-reviews-scene__card--tg {
    transform: translate3d(-4px, 3px, 0) rotate(-10deg);
  }

  .ak-reviews-scene:hover .ak-reviews-scene__card--m {
    transform: translate3d(4px, 3px, 0) rotate(-1deg);
  }

  .ak-reviews-scene:hover .ak-reviews-scene__brandmark {
    transform:
      translate(-50%, -50%)
      rotate(0deg)
      scale(1.035);

    box-shadow:
      0 17px 34px rgba(47, 125, 244, 0.17);
  }
}

/* Тёмная тема */

html[data-theme="dark"] .ak-reviews-scene {
  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(58, 126, 238, 0.14),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      rgba(14, 28, 48, 0.99),
      rgba(11, 23, 40, 0.99)
    );
}

html[data-theme="dark"] .ak-reviews-scene__card {
  border-color: rgba(105, 158, 246, 0.17);
  background: rgba(18, 33, 55, 0.95);

  box-shadow:
    0 9px 22px rgba(0, 0, 0, 0.20);
}

html[data-theme="dark"] .ak-reviews-scene__lines i {
  background: rgba(210, 223, 248, 0.16);
}

html[data-theme="dark"] .ak-reviews-scene__avatar--neutral {
  color: #76a9ff;
  background: rgba(72, 127, 218, 0.14);
}

html[data-theme="dark"] .ak-reviews-scene__brandmark {
  border-color: rgba(106, 159, 246, 0.18);

  background:
    linear-gradient(
      145deg,
      rgba(24, 42, 68, 0.99),
      rgba(15, 29, 49, 0.99)
    );
}

/* Адаптив */

@media (max-width: 900px) {
  .ak-reviews-scene {
    min-height: 320px;
  }

  .ak-reviews-scene__card {
    width: 148px;
    min-height: 64px;
    padding: 11px 13px;
  }

  .ak-reviews-scene__avatar {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  .ak-reviews-scene__lines i:first-child {
    width: 58px;
  }

  .ak-reviews-scene__lines i:last-child {
    width: 42px;
  }

  .ak-reviews-scene__brandmark {
    width: 100px;
    height: 100px;
    padding: 17px;
    border-radius: 24px;
  }
}

@media (max-width: 620px) {
  .ak-reviews-scene {
    min-height: 270px;
  }

  .ak-reviews-scene__card {
    width: 118px;
    min-height: 54px;

    padding: 9px 10px;
    gap: 8px;

    border-radius: 14px;
  }

  .ak-reviews-scene__avatar {
    width: 33px;
    height: 33px;
    flex-basis: 33px;

    border-radius: 9px;
    font-size: 12px;
  }

  .ak-reviews-scene__avatar--tg svg {
    width: 19px;
    height: 19px;
  }

  .ak-reviews-scene__lines i {
    height: 6px;
  }

  .ak-reviews-scene__lines i:first-child {
    width: 43px;
  }

  .ak-reviews-scene__lines i:last-child {
    width: 31px;
  }

  .ak-reviews-scene__card--a {
    top: 7%;
    left: 4%;
  }

  .ak-reviews-scene__card--vk {
    top: 11%;
    right: 3%;
  }

  .ak-reviews-scene__card--tg {
    left: 4%;
    bottom: 7%;
  }

  .ak-reviews-scene__card--m {
    right: 4%;
    bottom: 6%;
  }

  .ak-reviews-scene__brandmark {
    width: 84px;
    height: 84px;

    padding: 14px;
    gap: 7px;

    border-radius: 21px;
  }

  .ak-reviews-scene__cube {
    border-radius: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-reviews-scene__card {
    animation: none !important;
    transition: none !important;
  }

  .ak-reviews-scene__brandmark {
    transition: none !important;
  }
}

/* ===== AK REVIEWS EXACT SCENE END ===== */

/* ===== AK REVIEWS CAROUSEL START ===== */

.ak-reviews-carousel {
  position: relative;
  width: 100%;
}

.ak-reviews-carousel__viewport {
  width: 100%;
  overflow: hidden;

  border-radius: 26px;
}

.ak-reviews-carousel__track {
  width: 100%;

  display: flex;
  align-items: stretch;

  transform: translate3d(0, 0, 0);

  transition:
    transform 680ms cubic-bezier(.22, .78, .2, 1);

  will-change: transform;
}

.ak-reviews-carousel__slide {
  min-width: 100%;
  width: 100%;

  flex: 0 0 100%;

  box-sizing: border-box;

  opacity: 0.55;

  transition:
    opacity 520ms ease;
}

.ak-reviews-carousel__slide.is-active {
  opacity: 1;
}

.ak-reviews-carousel__slide > .ak-reviews__panel {
  height: 100%;
}

/* Навигация */

.ak-reviews-carousel__navigation {
  margin-top: 22px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 14px;
}

.ak-reviews-carousel__arrow {
  width: 44px;
  height: 44px;

  padding: 0;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border:
    1px solid rgba(47, 125, 244, 0.20);

  border-radius: 13px;

  background:
    rgba(255, 255, 255, 0.92);

  color:
    #2f7df4;

  box-shadow:
    0 6px 16px rgba(24, 55, 105, 0.055);

  cursor: pointer;

  transition:
    transform 220ms ease,
    border-color 220ms ease,
    background 220ms ease,
    opacity 220ms ease;
}

.ak-reviews-carousel__arrow svg {
  width: 20px;
  height: 20px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ak-reviews-carousel__arrow:hover:not(:disabled) {
  transform: translateY(-2px);

  border-color:
    rgba(47, 125, 244, 0.42);

  background:
    #ffffff;
}

.ak-reviews-carousel__arrow:disabled {
  opacity: 0.35;
  cursor: default;
}

.ak-reviews-carousel__counter {
  min-width: 72px;
  height: 38px;

  padding: 0 14px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 6px;

  box-sizing: border-box;

  border:
    1px solid rgba(47, 125, 244, 0.17);

  border-radius: 999px;

  background:
    rgba(239, 245, 255, 0.92);

  color:
    #7b8aa1;

  font-size: 13px;
  font-weight: 700;
}

.ak-reviews-carousel__counter strong {
  color:
    #2f7df4;
}

/* Слайд с карточками */

.ak-reviews-carousel__slide--cards {
  padding: 1px;
}

.ak-review-prototypes {
  min-height: 522px;

  padding: 28px;

  box-sizing: border-box;

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  grid-template-rows:
    repeat(2, minmax(0, 1fr));

  gap: 18px;

  border:
    1px solid rgba(110, 140, 184, 0.16);

  border-radius: 26px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(245, 249, 255, 0.96)
    );

  box-shadow:
    0 14px 34px rgba(24, 55, 105, 0.07);
}

/* Карточка отзыва */

.ak-review-prototype {
  position: relative;

  min-width: 0;

  padding: 22px;

  box-sizing: border-box;

  display: flex;
  flex-direction: column;

  border:
    1px solid rgba(105, 137, 181, 0.16);

  border-radius: 19px;

  background:
    rgba(255, 255, 255, 0.93);

  box-shadow:
    0 7px 19px rgba(24, 55, 105, 0.045);

  transition:
    transform 520ms cubic-bezier(.22, .78, .2, 1),
    border-color 520ms ease,
    box-shadow 520ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .ak-review-prototype:hover {
    transform:
      translateY(-3px);

    border-color:
      rgba(47, 125, 244, 0.28);

    box-shadow:
      0 10px 23px rgba(24, 55, 105, 0.07);
  }
}

.ak-review-prototype__header {
  display: flex;
  align-items: center;

  gap: 12px;
}

.ak-review-prototype__avatar {
  width: 44px;
  height: 44px;

  flex: 0 0 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 13px;

  background:
    linear-gradient(
      145deg,
      #eef4ff,
      #e4edff
    );

  color:
    #2f7df4;

  font-size: 15px;
  font-weight: 850;
}

.ak-review-prototype__person {
  min-width: 0;
  flex: 1;

  display: grid;
  gap: 4px;
}

.ak-review-prototype__person strong {
  overflow: hidden;

  color:
    #0c1931;

  font-size: 14px;
  line-height: 1.25;
  font-weight: 800;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.ak-review-prototype__person span {
  overflow: hidden;

  color:
    #8190a6;

  font-size: 11px;
  line-height: 1.3;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.ak-review-prototype__platform {
  width: 34px;
  height: 34px;

  flex: 0 0 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;

  color:
    #ffffff;

  font-size: 11px;
  font-weight: 900;
}

.ak-review-prototype__platform--tg {
  background:
    linear-gradient(
      145deg,
      #48b8fa,
      #229ed9
    );
}

.ak-review-prototype__platform--vk {
  background:
    linear-gradient(
      145deg,
      #5595ff,
      #2787f5
    );
}

.ak-review-prototype__platform svg {
  width: 18px;
  height: 18px;

  fill:
    currentColor;
}

.ak-review-prototype__text {
  margin:
    18px 0 20px;

  flex: 1;

  color:
    #44546d;

  font-size:
    13px;

  line-height:
    1.65;

  font-style:
    normal;
}

.ak-review-prototype__text::before {
  content:
    "“";

  margin-right:
    3px;

  color:
    #2f7df4;

  font-size:
    22px;

  font-weight:
    800;

  line-height:
    0;
}

.ak-review-prototype__footer {
  padding-top:
    14px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    12px;

  border-top:
    1px solid rgba(105, 137, 181, 0.12);
}

.ak-review-prototype__meta {
  color:
    #8795a9;

  font-size:
    10px;

  line-height:
    1.35;
}

.ak-review-prototype__link {
  flex:
    0 0 auto;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    6px;

  color:
    #2f7df4;

  font-size:
    11px;

  font-weight:
    750;

  text-decoration:
    none;

  opacity:
    0.62;

  pointer-events:
    none;
}

/* Тёмная тема */

html[data-theme="dark"]
.ak-reviews-carousel__arrow {
  border-color:
    rgba(94, 151, 246, 0.20);

  background:
    rgba(17, 31, 52, 0.92);

  color:
    #70a7ff;

  box-shadow:
    0 7px 18px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"]
.ak-reviews-carousel__arrow:hover:not(:disabled) {
  border-color:
    rgba(94, 151, 246, 0.38);

  background:
    #142641;
}

html[data-theme="dark"]
.ak-reviews-carousel__counter {
  border-color:
    rgba(94, 151, 246, 0.18);

  background:
    rgba(17, 31, 52, 0.92);

  color:
    #8394ad;
}

html[data-theme="dark"]
.ak-review-prototypes {
  border-color:
    rgba(98, 151, 239, 0.18);

  background:
    linear-gradient(
      145deg,
      rgba(15, 29, 50, 0.98),
      rgba(11, 23, 41, 0.97)
    );

  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.21);
}

html[data-theme="dark"]
.ak-review-prototype {
  border-color:
    rgba(105, 158, 246, 0.14);

  background:
    rgba(19, 35, 58, 0.94);

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.16);
}

html[data-theme="dark"]
.ak-review-prototype__avatar {
  background:
    rgba(72, 127, 218, 0.15);

  color:
    #75a8ff;
}

html[data-theme="dark"]
.ak-review-prototype__person strong {
  color:
    #edf3fd;
}

html[data-theme="dark"]
.ak-review-prototype__person span,
html[data-theme="dark"]
.ak-review-prototype__meta {
  color:
    #8091aa;
}

html[data-theme="dark"]
.ak-review-prototype__text {
  color:
    #aebbd0;
}

html[data-theme="dark"]
.ak-review-prototype__footer {
  border-top-color:
    rgba(127, 154, 193, 0.13);
}

/* Планшет */

@media (max-width: 900px) {
  .ak-review-prototypes {
    min-height: auto;

    padding: 22px;

    gap: 14px;
  }

  .ak-review-prototype {
    padding: 18px;
  }
}

/* Мобильный */

@media (max-width: 620px) {
  .ak-reviews-carousel__viewport {
    border-radius: 20px;
  }

  .ak-reviews-carousel__track {
    transition-duration: 560ms;
  }

  .ak-reviews-carousel__navigation {
    margin-top: 18px;
  }

  .ak-reviews-carousel__arrow {
    width: 42px;
    height: 42px;
  }

  .ak-review-prototypes {
    padding: 14px;

    grid-template-columns:
      1fr;

    grid-template-rows:
      auto;

    gap: 12px;

    border-radius: 20px;
  }

  .ak-review-prototype {
    min-height: 218px;

    padding: 17px;

    border-radius: 16px;
  }

  .ak-review-prototype__footer {
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-reviews-carousel__track,
  .ak-reviews-carousel__slide,
  .ak-review-prototype,
  .ak-reviews-carousel__arrow {
    transition: none !important;
  }
}

/* ===== AK REVIEWS CAROUSEL END ===== */

/* ===== AK REVIEWS THREE VERTICAL CARDS START ===== */

/*
  Три вертикальные карточки в одном ряду.
  Финальные правила размещены после базовых стилей карусели.
*/

html body .ak-review-prototypes {
  min-height: 520px !important;

  padding: 26px !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  grid-template-rows:
    1fr !important;

  gap: 18px !important;
}

html body .ak-review-prototype {
  min-height: 466px !important;

  padding: 24px 22px 20px !important;

  border-radius: 21px !important;

  background:
    linear-gradient(
      155deg,
      rgba(255, 255, 255, 0.98),
      rgba(248, 251, 255, 0.96)
    ) !important;

  overflow: hidden;
}

/* Шапка карточки */

html body .ak-review-prototype__header {
  align-items: flex-start !important;
}

html body .ak-review-prototype__avatar {
  width: 48px !important;
  height: 48px !important;

  flex-basis: 48px !important;

  border-radius: 15px !important;
}

html body .ak-review-prototype__person {
  padding-top: 3px;
}

html body .ak-review-prototype__person strong {
  font-size: 15px !important;
}

html body .ak-review-prototype__person span {
  margin-top: 2px;

  font-size: 11px !important;
}

/* Текст отзыва */

html body .ak-review-prototype__text {
  position: relative;

  margin:
    28px 0 22px !important;

  padding:
    22px 18px !important;

  flex: 1;

  border:
    1px solid rgba(102, 137, 186, 0.12);

  border-radius:
    16px;

  background:
    rgba(246, 249, 255, 0.76);

  color:
    #40516b !important;

  font-size:
    14px !important;

  line-height:
    1.72 !important;
}

html body .ak-review-prototype__text::before {
  position: absolute;

  top: 11px;
  left: 13px;

  margin: 0 !important;

  color:
    rgba(47, 125, 244, 0.28) !important;

  font-size:
    38px !important;

  line-height:
    1 !important;
}

html body .ak-review-prototype__text {
  text-indent:
    18px;
}

/*
  Это теперь div, а не footer, поэтому глобальный
  чёрный стиль подвала сайта больше не применяется.
*/

html body .ak-review-prototype__footer {
  margin: 0 !important;

  padding: 16px 0 0 !important;

  min-height: 0 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 10px !important;

  border: 0 !important;
  border-top:
    1px solid rgba(105, 137, 181, 0.12) !important;

  border-radius: 0 !important;

  background: transparent !important;

  color: inherit !important;

  box-shadow: none !important;
}

/* Вместо чёрного прямоугольника — компактная метка */

html body .ak-review-prototype__meta {
  max-width: 58%;

  padding:
    7px 9px;

  border:
    1px solid rgba(105, 137, 181, 0.13);

  border-radius:
    9px;

  background:
    rgba(239, 245, 255, 0.74);

  color:
    #78889f !important;

  font-size:
    10px !important;

  line-height:
    1.3;
}

/* Ссылка станет небольшой аккуратной кнопкой */

html body .ak-review-prototype__link {
  min-height: 32px;

  padding:
    0 10px;

  display:
    inline-flex !important;

  align-items:
    center;

  border:
    1px solid rgba(47, 125, 244, 0.17);

  border-radius:
    9px;

  background:
    rgba(47, 125, 244, 0.07) !important;

  color:
    #2f7df4 !important;

  font-size:
    10px !important;

  opacity:
    1 !important;

  white-space:
    nowrap;
}

/* Тёмная тема */

html[data-theme="dark"]
.ak-review-prototype {
  border-color:
    rgba(105, 158, 246, 0.15) !important;

  background:
    linear-gradient(
      155deg,
      rgba(20, 37, 61, 0.98),
      rgba(15, 30, 51, 0.96)
    ) !important;
}

html[data-theme="dark"]
.ak-review-prototype__text {
  border-color:
    rgba(111, 158, 230, 0.12);

  background:
    rgba(7, 18, 34, 0.28);

  color:
    #b6c2d5 !important;
}

html[data-theme="dark"]
.ak-review-prototype__footer {
  border-top-color:
    rgba(122, 158, 210, 0.13) !important;

  background:
    transparent !important;
}

html[data-theme="dark"]
.ak-review-prototype__meta {
  border-color:
    rgba(112, 157, 227, 0.14);

  background:
    rgba(64, 113, 190, 0.10);

  color:
    #8fa1ba !important;
}

html[data-theme="dark"]
.ak-review-prototype__link {
  border-color:
    rgba(88, 149, 248, 0.20);

  background:
    rgba(47, 125, 244, 0.11) !important;

  color:
    #78aaff !important;
}

/* Планшет: карточки остаются вертикальными */

@media (max-width: 1050px) {
  html body .ak-review-prototypes {
    padding:
      20px !important;

    gap:
      13px !important;
  }

  html body .ak-review-prototype {
    min-height:
      450px !important;

    padding:
      20px 17px 17px !important;
  }

  html body .ak-review-prototype__footer {
    align-items:
      stretch !important;

    flex-direction:
      column;
  }

  html body .ak-review-prototype__meta {
    max-width:
      none;
  }

  html body .ak-review-prototype__link {
    justify-content:
      center;
  }
}

/* Мобильный: одна вертикальная карточка под другой */

@media (max-width: 700px) {
  html body .ak-review-prototypes {
    min-height:
      auto !important;

    padding:
      14px !important;

    grid-template-columns:
      1fr !important;

    grid-template-rows:
      auto !important;

    gap:
      13px !important;
  }

  html body .ak-review-prototype {
    min-height:
      360px !important;

    padding:
      19px 17px 17px !important;
  }

  html body .ak-review-prototype__text {
    margin:
      22px 0 18px !important;
  }
}

/* ===== AK REVIEWS THREE VERTICAL CARDS END ===== */

/* ===== AK REVIEW CARDS LIVE CONTROLS START ===== */

/* ---------------------------------------------------------
   Текст отзыва: кавычка больше не заходит на текст
--------------------------------------------------------- */

html body .ak-review-prototype__text {
  position: relative;

  margin:
    26px 0 22px !important;

  padding:
    48px 18px 21px !important;

  text-indent:
    0 !important;

  overflow:
    hidden;
}

html body .ak-review-prototype__text::before {
  content:
    "“" !important;

  position:
    absolute !important;

  top:
    13px !important;

  left:
    17px !important;

  width:
    27px;

  height:
    27px;

  margin:
    0 !important;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid rgba(47, 125, 244, 0.14);

  border-radius:
    9px;

  background:
    rgba(47, 125, 244, 0.08);

  color:
    #2f7df4 !important;

  font-size:
    25px !important;

  line-height:
    1.2 !important;

  font-family:
    Georgia, serif;

  font-weight:
    700 !important;

  text-indent:
    0;

  box-sizing:
    border-box;
}

/* ---------------------------------------------------------
   Нижняя панель карточки
--------------------------------------------------------- */

html body .ak-review-prototype__footer {
  padding-top:
    15px !important;

  align-items:
    stretch !important;

  gap:
    9px !important;
}

/* ---------------------------------------------------------
   Плитка «Проверял»
--------------------------------------------------------- */

html body .ak-review-prototype__meta {
  max-width:
    none !important;

  min-width:
    0;

  min-height:
    38px;

  padding:
    7px 10px !important;

  flex:
    1 1 auto;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    8px;

  box-sizing:
    border-box;

  border:
    1px solid rgba(105, 137, 181, 0.15) !important;

  border-radius:
    11px !important;

  background:
    rgba(245, 248, 254, 0.94) !important;

  color:
    #66778f !important;

  font-size:
    10px !important;

  font-weight:
    700;

  white-space:
    nowrap;

  transition:
    transform 360ms cubic-bezier(.22, .78, .2, 1),
    border-color 360ms ease,
    background 360ms ease,
    box-shadow 360ms ease;
}

html body .ak-review-prototype__meta-icon {
  width:
    24px;

  height:
    24px;

  flex:
    0 0 24px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    7px;

  background:
    linear-gradient(
      145deg,
      #48b8fa,
      #229ed9
    );

  color:
    #ffffff;

  box-shadow:
    0 4px 9px rgba(34, 158, 217, 0.16);
}

html body .ak-review-prototype__meta-icon svg {
  width:
    14px;

  height:
    14px;

  fill:
    currentColor;
}

html body .ak-review-prototype__meta-icon--vk {
  background:
    linear-gradient(
      145deg,
      #5595ff,
      #2787f5
    );

  font-size:
    8px;

  font-weight:
    900;

  letter-spacing:
    -0.04em;

  box-shadow:
    0 4px 9px rgba(39, 135, 245, 0.16);
}

html body .ak-review-prototype__meta--tg {
  border-color:
    rgba(34, 158, 217, 0.16) !important;

  background:
    rgba(34, 158, 217, 0.055) !important;
}

html body .ak-review-prototype__meta--vk {
  border-color:
    rgba(39, 135, 245, 0.16) !important;

  background:
    rgba(39, 135, 245, 0.055) !important;
}

/* ---------------------------------------------------------
   Кнопка «Открыть профиль»
--------------------------------------------------------- */

html body .ak-review-prototype__link {
  min-height:
    38px !important;

  padding:
    0 12px !important;

  flex:
    0 0 auto;

  display:
    inline-flex !important;

  align-items:
    center;

  justify-content:
    center;

  gap:
    7px !important;

  box-sizing:
    border-box;

  border:
    1px solid rgba(47, 125, 244, 0.22) !important;

  border-radius:
    11px !important;

  background:
    linear-gradient(
      145deg,
      rgba(47, 125, 244, 0.11),
      rgba(47, 125, 244, 0.065)
    ) !important;

  color:
    #2f7df4 !important;

  font-size:
    10px !important;

  font-weight:
    800 !important;

  line-height:
    1;

  white-space:
    nowrap;

  opacity:
    1 !important;

  pointer-events:
    auto !important;

  cursor:
    pointer !important;

  box-shadow:
    0 4px 10px rgba(47, 125, 244, 0.06);

  transition:
    transform 360ms cubic-bezier(.22, .78, .2, 1),
    border-color 360ms ease,
    background 360ms ease,
    box-shadow 360ms ease;
}

html body .ak-review-prototype__link span {
  display:
    inline-block;

  font-size:
    14px;

  line-height:
    1;

  transition:
    transform 360ms cubic-bezier(.22, .78, .2, 1);
}

/* Живое поведение плиток */

@media (hover: hover) and (pointer: fine) {
  html body .ak-review-prototype__meta:hover {
    transform:
      translateY(-2px);

    border-color:
      rgba(47, 125, 244, 0.28) !important;

    background:
      rgba(47, 125, 244, 0.085) !important;

    box-shadow:
      0 7px 15px rgba(24, 55, 105, 0.065);
  }

  html body .ak-review-prototype__link:hover {
    transform:
      translateY(-2px);

    border-color:
      rgba(47, 125, 244, 0.42) !important;

    background:
      linear-gradient(
        145deg,
        #3f86f5,
        #2f7df4
      ) !important;

    color:
      #ffffff !important;

    box-shadow:
      0 8px 17px rgba(47, 125, 244, 0.18);
  }

  html body .ak-review-prototype__link:hover span {
    transform:
      translateX(3px);
  }

  html body .ak-review-prototype__link:active,
  html body .ak-review-prototype__meta:active {
    transform:
      translateY(0)
      scale(0.98);
  }
}

/* Видимый фокус клавиатуры */

html body .ak-review-prototype__link:focus-visible {
  outline:
    3px solid rgba(47, 125, 244, 0.16);

  outline-offset:
    3px;
}

/* ---------------------------------------------------------
   Тёмная тема
--------------------------------------------------------- */

html[data-theme="dark"]
.ak-review-prototype__text::before {
  border-color:
    rgba(102, 159, 249, 0.18);

  background:
    rgba(47, 125, 244, 0.13);

  color:
    #78aaff !important;
}

html[data-theme="dark"]
.ak-review-prototype__meta {
  border-color:
    rgba(111, 157, 227, 0.15) !important;

  background:
    rgba(61, 103, 168, 0.09) !important;

  color:
    #9babbe !important;
}

html[data-theme="dark"]
.ak-review-prototype__meta--tg {
  border-color:
    rgba(47, 177, 232, 0.18) !important;

  background:
    rgba(34, 158, 217, 0.09) !important;
}

html[data-theme="dark"]
.ak-review-prototype__meta--vk {
  border-color:
    rgba(77, 143, 250, 0.19) !important;

  background:
    rgba(39, 135, 245, 0.09) !important;
}

html[data-theme="dark"]
.ak-review-prototype__link {
  border-color:
    rgba(88, 149, 248, 0.23) !important;

  background:
    linear-gradient(
      145deg,
      rgba(47, 125, 244, 0.16),
      rgba(47, 125, 244, 0.09)
    ) !important;

  color:
    #80adff !important;

  box-shadow:
    none;
}

@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"]
  .ak-review-prototype__meta:hover {
    border-color:
      rgba(92, 151, 246, 0.32) !important;

    background:
      rgba(47, 125, 244, 0.15) !important;

    box-shadow:
      0 8px 18px rgba(0, 0, 0, 0.16);
  }

  html[data-theme="dark"]
  .ak-review-prototype__link:hover {
    border-color:
      rgba(110, 166, 255, 0.42) !important;

    background:
      linear-gradient(
        145deg,
        #3d82ed,
        #286ee0
      ) !important;

    color:
      #ffffff !important;

    box-shadow:
      0 8px 19px rgba(20, 74, 160, 0.28);
  }
}

/* Узкий планшет */

@media (max-width: 1050px) {
  html body .ak-review-prototype__footer {
    flex-direction:
      column !important;
  }

  html body .ak-review-prototype__meta,
  html body .ak-review-prototype__link {
    width:
      100%;

    justify-content:
      center;
  }
}

/* Мобильный */

@media (max-width: 700px) {
  html body .ak-review-prototype__text {
    padding:
      46px 16px 19px !important;
  }

  html body .ak-review-prototype__footer {
    gap:
      8px !important;
  }
}

/* ===== AK REVIEW CARDS LIVE CONTROLS END ===== */

/* ===== AK REVIEW META TEXT CENTER START ===== */

/*
  Иконка закреплена слева.
  Текст занимает всю оставшуюся область и центрируется
  между правой границей иконки и правым краем плитки.
*/

html body .ak-review-prototype__meta {
  position: relative !important;

  display: grid !important;

  grid-template-columns:
    24px minmax(0, 1fr) !important;

  align-items: center !important;

  column-gap: 8px !important;

  padding:
    7px 10px !important;

  text-align: center !important;
}

html body .ak-review-prototype__meta-icon {
  grid-column: 1 !important;

  justify-self: start !important;
}

html body .ak-review-prototype__meta > span:last-child {
  grid-column: 2 !important;

  width: 100%;

  display: block;

  text-align: center !important;

  white-space: nowrap;
}

/* ===== AK REVIEW META TEXT CENTER END ===== */

/* ===== AK FOOTER STYLES START ===== */

.ak-footer {
  position: relative;

  padding:
    64px 24px 34px;

  border-top:
    1px solid rgba(103, 132, 175, 0.14);

  background:
    linear-gradient(
      180deg,
      rgba(247, 250, 255, 0.76),
      rgba(237, 244, 254, 0.98)
    );
}

.ak-footer__container {
  width: min(1160px, 100%);
  margin: 0 auto;
}

.ak-footer__top {
  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(250px, 0.75fr);

  align-items: start;

  gap: 80px;
}

.ak-footer__brand {
  max-width: 560px;
}

.ak-footer__logo {
  display: inline-flex;
  align-items: center;

  color: #10213e;

  text-decoration: none;

  transition:
    transform 360ms cubic-bezier(.22, .78, .2, 1),
    opacity 240ms ease;
}

.ak-footer__logo-name {
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.ak-footer__description {
  max-width: 540px;

  margin:
    18px 0 0;

  color: #687991;

  font-size: 14px;
  line-height: 1.75;
  font-weight: 500;
}

/* Ссылки */

.ak-footer__links {
  display: grid;
  gap: 4px;
}

.ak-footer__links a {
  min-height: 42px;

  padding:
    0 12px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 14px;

  border:
    1px solid transparent;

  border-radius:
    11px;

  color: #53657e;

  font-size: 13px;
  line-height: 1.35;
  font-weight: 650;

  text-decoration: none;

  transition:
    transform 280ms cubic-bezier(.22, .78, .2, 1),
    color 220ms ease,
    border-color 220ms ease,
    background 220ms ease;
}

.ak-footer__links a span {
  color: #2f7df4;

  font-size: 13px;

  transition:
    transform 280ms cubic-bezier(.22, .78, .2, 1);
}

/* Разделитель */

.ak-footer__divider {
  width: 100%;
  height: 1px;

  margin:
    42px 0 28px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(105, 137, 181, 0.22) 12%,
      rgba(105, 137, 181, 0.22) 88%,
      transparent
    );
}

/* Нижняя юридическая часть */

.ak-footer__legal {
  display: grid;

  grid-template-columns:
    minmax(220px, 0.55fr)
    minmax(0, 1.45fr);

  align-items: start;

  gap: 54px;
}

.ak-footer__copyright {
  color: #697a91;

  font-size: 12px;
  line-height: 1.6;
  font-weight: 650;
}

.ak-footer__notices {
  display: grid;
  gap: 9px;
}

.ak-footer__notices p {
  max-width: 760px;

  margin: 0;

  color: #8593a7;

  font-size: 11px;
  line-height: 1.65;
  font-weight: 500;
}

/* Hover */

@media (hover: hover) and (pointer: fine) {
  .ak-footer__logo:hover {
    transform: translateY(-2px);
    opacity: 0.82;
  }

  .ak-footer__links a:hover {
    transform: translateX(3px);

    border-color:
      rgba(47, 125, 244, 0.14);

    background:
      rgba(47, 125, 244, 0.055);

    color:
      #2f7df4;
  }

  .ak-footer__links a:hover span {
    transform:
      translate(2px, -2px);
  }
}

/* Тёмная тема */

html[data-theme="dark"] .ak-footer {
  border-top-color:
    rgba(105, 154, 231, 0.14);

  background:
    linear-gradient(
      180deg,
      rgba(10, 22, 39, 0.97),
      rgba(6, 15, 28, 1)
    );
}

html[data-theme="dark"] .ak-footer__logo {
  color: #f1f6ff;
}

html[data-theme="dark"] .ak-footer__description {
  color: #8e9eb5;
}

html[data-theme="dark"] .ak-footer__links a {
  color: #9aa9bd;
}

html[data-theme="dark"] .ak-footer__links a:hover {
  border-color:
    rgba(91, 151, 247, 0.17);

  background:
    rgba(47, 125, 244, 0.09);

  color:
    #82afff;
}

html[data-theme="dark"] .ak-footer__divider {
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(105, 154, 231, 0.16) 12%,
      rgba(105, 154, 231, 0.16) 88%,
      transparent
    );
}

html[data-theme="dark"] .ak-footer__copyright {
  color: #8d9db3;
}

html[data-theme="dark"] .ak-footer__notices p {
  color: #718198;
}

/* Планшет */

@media (max-width: 900px) {
  .ak-footer__top {
    grid-template-columns:
      1fr;

    gap:
      34px;
  }

  .ak-footer__links {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap:
      8px;
  }

  .ak-footer__legal {
    grid-template-columns:
      1fr;

    gap:
      16px;
  }
}

/* Мобильная версия */

@media (max-width: 620px) {
  .ak-footer {
    padding:
      48px 16px 28px;
  }

  .ak-footer__logo-name {
    font-size:
      20px;
  }

  .ak-footer__description {
    margin-top:
      15px;

    font-size:
      13px;

    line-height:
      1.7;
  }

  .ak-footer__links {
    grid-template-columns:
      1fr;
  }

  .ak-footer__links a {
    padding:
      0 10px;
  }

  .ak-footer__divider {
    margin:
      32px 0 24px;
  }

  .ak-footer__copyright {
    font-size:
      11px;
  }

  .ak-footer__notices p {
    font-size:
      10px;

    line-height:
      1.65;
  }
}

/* ===== AK FOOTER STYLES END ===== */

/* ===== AK FOOTER FINAL STYLE FIX START ===== */

/* Общая секция */

html body .ak-footer {
  position: relative !important;

  min-height: 0 !important;

  padding:
    58px 24px 30px !important;

  border:
    0 !important;

  border-top:
    1px solid rgba(100, 132, 178, 0.15) !important;

  background:
    linear-gradient(
      180deg,
      rgba(247, 250, 255, 0.95),
      rgba(239, 245, 253, 0.99)
    ) !important;

  color:
    #10213e !important;
}

html body .ak-footer__container {
  width:
    min(1160px, calc(100% - 0px)) !important;

  max-width:
    1160px !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}

/* Верхняя часть */

html body .ak-footer__top {
  display:
    grid !important;

  grid-template-columns:
    minmax(0, 1.12fr)
    minmax(420px, 0.88fr) !important;

  align-items:
    start !important;

  gap:
    72px !important;
}

html body .ak-footer__brand {
  max-width:
    570px !important;
}

html body .ak-footer__logo {
  display:
    inline-flex !important;

  align-items:
    center !important;

  min-height:
    0 !important;

  padding:
    0 !important;

  border:
    0 !important;

  background:
    transparent !important;

  color:
    #0d1c35 !important;

  box-shadow:
    none !important;

  text-decoration:
    none !important;
}

html body .ak-footer__logo-name {
  color:
    inherit !important;

  font-size:
    22px !important;

  line-height:
    1.1 !important;

  font-weight:
    900 !important;

  letter-spacing:
    -0.045em !important;
}

html body .ak-footer__description {
  max-width:
    540px !important;

  margin:
    18px 0 0 !important;

  color:
    #667892 !important;

  font-size:
    14px !important;

  line-height:
    1.75 !important;

  font-weight:
    500 !important;
}

/* Сетка документов */

html body .ak-footer__links {
  position:
    static !important;

  inset:
    auto !important;

  z-index:
    auto !important;

  width:
    100% !important;

  min-height:
    0 !important;

  height:
    auto !important;

  margin:
    0 !important;

  padding:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  align-items:
    stretch !important;

  justify-content:
    stretch !important;

  gap:
    10px !important;

  border:
    0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  overflow:
    visible !important;
}

/* Плитка ссылки */

html body .ak-footer__links a {
  position:
    relative !important;

  min-width:
    0 !important;

  min-height:
    54px !important;

  height:
    auto !important;

  padding:
    0 15px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    space-between !important;

  gap:
    12px !important;

  box-sizing:
    border-box !important;

  border:
    1px solid rgba(101, 135, 184, 0.15) !important;

  border-radius:
    13px !important;

  background:
    rgba(255, 255, 255, 0.72) !important;

  color:
    #53657f !important;

  box-shadow:
    0 5px 15px rgba(24, 55, 105, 0.035) !important;

  font-size:
    12px !important;

  line-height:
    1.35 !important;

  font-weight:
    700 !important;

  text-align:
    left !important;

  text-decoration:
    none !important;

  white-space:
    normal !important;

  transition:
    transform 360ms cubic-bezier(.22, .78, .2, 1),
    border-color 300ms ease,
    background 300ms ease,
    color 300ms ease,
    box-shadow 300ms ease !important;
}

/* Небольшая стрелка для каждой ссылки */

html body .ak-footer__links a::after {
  content:
    "→";

  flex:
    0 0 auto;

  color:
    #2f7df4;

  font-size:
    14px;

  line-height:
    1;

  transition:
    transform 320ms cubic-bezier(.22, .78, .2, 1);
}

/* У контактов уже была отдельная стрелка — скрываем дублирование */

html body .ak-footer__links a > span {
  display:
    none !important;
}

/* Разделитель */

html body .ak-footer__divider {
  width:
    100% !important;

  height:
    1px !important;

  margin:
    38px 0 25px !important;

  border:
    0 !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(101, 135, 184, 0.20) 10%,
      rgba(101, 135, 184, 0.20) 90%,
      transparent
    ) !important;
}

/* Нижняя часть */

html body .ak-footer__legal {
  display:
    grid !important;

  grid-template-columns:
    minmax(230px, 0.52fr)
    minmax(0, 1.48fr) !important;

  align-items:
    start !important;

  gap:
    48px !important;
}

html body .ak-footer__copyright {
  color:
    #667891 !important;

  font-size:
    12px !important;

  line-height:
    1.65 !important;

  font-weight:
    700 !important;
}

html body .ak-footer__notices {
  display:
    grid !important;

  gap:
    7px !important;
}

html body .ak-footer__notices p {
  max-width:
    780px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    #8190a5 !important;

  font-size:
    11px !important;

  line-height:
    1.65 !important;

  font-weight:
    500 !important;
}

/* Hover */

@media (hover: hover) and (pointer: fine) {
  html body .ak-footer__logo:hover {
    transform:
      translateY(-2px) !important;

    opacity:
      0.84;
  }

  html body .ak-footer__links a:hover {
    transform:
      translateY(-3px) !important;

    border-color:
      rgba(47, 125, 244, 0.28) !important;

    background:
      rgba(255, 255, 255, 0.96) !important;

    color:
      #2f7df4 !important;

    box-shadow:
      0 9px 21px rgba(24, 55, 105, 0.07) !important;
  }

  html body .ak-footer__links a:hover::after {
    transform:
      translateX(3px);
  }
}

/* Тёмная тема */

html[data-theme="dark"] body .ak-footer {
  border-top-color:
    rgba(104, 156, 238, 0.14) !important;

  background:
    linear-gradient(
      180deg,
      rgba(10, 22, 39, 0.98),
      rgba(6, 15, 28, 1)
    ) !important;

  color:
    #eff5ff !important;
}

html[data-theme="dark"] body .ak-footer__logo {
  color:
    #f2f6fd !important;
}

html[data-theme="dark"] body .ak-footer__description {
  color:
    #8e9db3 !important;
}

html[data-theme="dark"] body .ak-footer__links {
  background:
    transparent !important;
}

html[data-theme="dark"] body .ak-footer__links a {
  border-color:
    rgba(105, 158, 246, 0.14) !important;

  background:
    rgba(17, 32, 54, 0.84) !important;

  color:
    #9baabd !important;

  box-shadow:
    0 6px 17px rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="dark"] body .ak-footer__links a::after {
  color:
    #76a9ff;
}

html[data-theme="dark"] body .ak-footer__copyright {
  color:
    #8f9fb5 !important;
}

html[data-theme="dark"] body .ak-footer__notices p {
  color:
    #718198 !important;
}

html[data-theme="dark"] body .ak-footer__divider {
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(105, 158, 246, 0.15) 10%,
      rgba(105, 158, 246, 0.15) 90%,
      transparent
    ) !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] body
  .ak-footer__links a:hover {
    border-color:
      rgba(105, 158, 246, 0.30) !important;

    background:
      rgba(22, 43, 72, 0.98) !important;

    color:
      #80adff !important;

    box-shadow:
      0 10px 23px rgba(0, 0, 0, 0.20) !important;
  }
}

/* Планшет */

@media (max-width: 900px) {
  html body .ak-footer__top {
    grid-template-columns:
      1fr !important;

    gap:
      32px !important;
  }

  html body .ak-footer__brand {
    max-width:
      640px !important;
  }

  html body .ak-footer__legal {
    grid-template-columns:
      1fr !important;

    gap:
      15px !important;
  }
}

/* Мобильный */

@media (max-width: 620px) {
  html body .ak-footer {
    padding:
      46px 16px 27px !important;
  }

  html body .ak-footer__links {
    grid-template-columns:
      1fr !important;

    gap:
      8px !important;
  }

  html body .ak-footer__links a {
    min-height:
      50px !important;

    padding:
      0 13px !important;
  }

  html body .ak-footer__divider {
    margin:
      31px 0 23px !important;
  }
}

/* ===== AK FOOTER FINAL STYLE FIX END ===== */

/* ===== AK FOOTER TEXT LINKS START ===== */

/* Правая колонка без карточек и кнопок */

html body .ak-footer__top {
  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(320px, 0.8fr) !important;
}

html body .ak-footer__links {
  width: 100% !important;

  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  align-content: start !important;

  gap:
    13px 34px !important;

  padding:
    3px 0 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Обычная текстовая ссылка */

html body .ak-footer__links a {
  position: relative !important;

  min-height: 0 !important;
  height: auto !important;

  padding:
    3px 0 !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 7px !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  color:
    #5f7088 !important;

  box-shadow: none !important;

  font-size:
    13px !important;

  line-height:
    1.45 !important;

  font-weight:
    650 !important;

  text-decoration:
    none !important;

  transition:
    color 220ms ease,
    transform 260ms cubic-bezier(.22, .78, .2, 1) !important;
}

/* Маленькая аккуратная стрелка */

html body .ak-footer__links a::after {
  content:
    "↗";

  display:
    inline-block;

  margin-left:
    2px;

  color:
    #2f7df4;

  font-size:
    11px;

  line-height:
    1;

  opacity:
    0;

  transform:
    translate(-3px, 2px);

  transition:
    opacity 220ms ease,
    transform 260ms cubic-bezier(.22, .78, .2, 1);
}

/* Старую отдельную стрелку контактов скрываем */

html body .ak-footer__links a > span {
  display:
    none !important;
}

@media (hover: hover) and (pointer: fine) {
  html body .ak-footer__links a:hover {
    transform:
      translateX(3px) !important;

    color:
      #2f7df4 !important;

    background:
      transparent !important;

    box-shadow:
      none !important;
  }

  html body .ak-footer__links a:hover::after {
    opacity:
      1;

    transform:
      translate(0, 0);
  }
}

/* Тёмная тема */

html[data-theme="dark"] body
.ak-footer__links a {
  color:
    #98a7bb !important;

  background:
    transparent !important;

  box-shadow:
    none !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] body
  .ak-footer__links a:hover {
    color:
      #80adff !important;

    background:
      transparent !important;

    box-shadow:
      none !important;
  }
}

/* Планшет */

@media (max-width: 900px) {
  html body .ak-footer__top {
    grid-template-columns:
      1fr !important;
  }

  html body .ak-footer__links {
    max-width:
      620px;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Телефон */

@media (max-width: 620px) {
  html body .ak-footer__links {
    grid-template-columns:
      1fr !important;

    gap:
      10px !important;
  }

  html body .ak-footer__links a {
    font-size:
      12px !important;
  }
}

/* ===== AK FOOTER TEXT LINKS END ===== */

/* ===== AK FOOTER COMPACT LINKS START ===== */

html body .ak-footer__links {
  gap:
    7px 34px !important;

  padding-top:
    1px !important;
}

html body .ak-footer__links a {
  padding:
    1px 0 !important;

  line-height:
    1.3 !important;
}

@media (max-width: 620px) {
  html body .ak-footer__links {
    gap:
      6px !important;
  }
}

/* ===== AK FOOTER COMPACT LINKS END ===== */

/* ===== AK FOOTER TWO LINK COLUMNS START ===== */

/*
  Левая колонка:
  Методология, Контакты.

  Правая колонка:
  Пользовательское соглашение,
  Политика конфиденциальности,
  Публичная оферта.
*/

html body .ak-footer__links {
  width: 100% !important;

  display: grid !important;

  grid-template-columns:
    minmax(140px, 0.72fr)
    minmax(230px, 1.28fr) !important;

  align-items: start !important;

  gap:
    48px !important;

  padding:
    1px 0 0 !important;

  background:
    transparent !important;
}

html body .ak-footer__links-column {
  min-width: 0;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap:
    5px;
}

/* Ссылки остаются обычным текстом */

html body .ak-footer__links-column a {
  width:
    auto !important;

  min-height:
    0 !important;

  padding:
    2px 0 !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  gap:
    7px !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  color:
    #5f7088 !important;

  font-size:
    13px !important;

  line-height:
    1.3 !important;

  font-weight:
    650 !important;

  text-decoration:
    none !important;
}

/* Не добавляем стрелки ко всем юридическим ссылкам */

html body .ak-footer__links-column a::after {
  content:
    none !important;
}

/* Стрелка остаётся только у внешней ссылки «Контакты» */

html body .ak-footer__links-column a > span {
  display:
    inline-block !important;

  color:
    #2f7df4;

  font-size:
    11px;

  line-height:
    1;

  transition:
    transform 260ms cubic-bezier(.22, .78, .2, 1);
}

@media (hover: hover) and (pointer: fine) {
  html body .ak-footer__links-column a:hover {
    transform:
      translateX(3px) !important;

    color:
      #2f7df4 !important;

    background:
      transparent !important;

    box-shadow:
      none !important;
  }

  html body .ak-footer__links-column a:hover > span {
    transform:
      translate(2px, -2px);
  }
}

/* Тёмная тема */

html[data-theme="dark"] body
.ak-footer__links-column a {
  color:
    #98a7bb !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] body
  .ak-footer__links-column a:hover {
    color:
      #80adff !important;
  }
}

/* Узкий экран */

@media (max-width: 620px) {
  html body .ak-footer__links {
    grid-template-columns:
      1fr !important;

    gap:
      18px !important;
  }

  html body .ak-footer__links-column {
    gap:
      4px;
  }

  html body .ak-footer__links-column a {
    font-size:
      12px !important;
  }
}

/* ===== AK FOOTER TWO LINK COLUMNS END ===== */

/* ===== AK HOME SEO STYLES START ===== */

.ak-home-seo {
  position: relative;
  padding: 72px 24px;
  background: rgba(248, 250, 254, 0.56);
}

.ak-home-seo__container {
  width: min(1160px, 100%);
  margin: 0 auto;
}

.ak-home-seo__divider {
  margin: 0 auto 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: min(100%, 1160px);
}

.ak-home-seo__divider-line {
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.18) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.18) 94%,
    transparent 100%
  );
  border-radius: 999px;
  box-shadow: 0 0 8px rgba(110, 160, 247, 0.10);
}

.ak-home-seo__eyebrow {
  flex: 0 0 auto;
  height: 32px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(110, 160, 247, 0.32);
  border-radius: 999px;
  background: #eef4ff;
  color: #2f7df4;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: 0 3px 12px rgba(47, 125, 244, 0.08);
}

.ak-home-seo__header {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

.ak-home-seo__title {
  margin: 0;
  color: #0d1b33;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.ak-home-seo__lead {
  max-width: 860px;
  margin: 20px auto 0;
  color: #60728d;
  font-size: 15px;
  line-height: 1.75;
  text-align: center;
}

.ak-home-seo strong {
  color: #243c62;
  font-weight: 750;
}

.ak-home-seo__grid {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.ak-home-seo__article {
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(99, 133, 181, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 7px 20px rgba(24, 55, 105, 0.035);
}

.ak-home-seo__article h3 {
  margin: 0 0 15px;
  color: #172945;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 850;
  letter-spacing: -0.025em;
}

.ak-home-seo__article p {
  margin: 0;
  color: #687991;
  font-size: 13px;
  line-height: 1.72;
}

.ak-home-seo__article p + p {
  margin-top: 14px;
}

.ak-home-seo a {
  color: #2f7df4;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(47, 125, 244, 0.23);
  transition: color 220ms ease, border-color 220ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .ak-home-seo a:hover {
    color: #175fcf;
    border-bottom-color: rgba(23, 95, 207, 0.56);
  }
}

/* DARK */

html[data-theme="dark"] .ak-home-seo {
  background: rgba(8, 18, 32, 0.58);
}

html[data-theme="dark"] .ak-home-seo__eyebrow {
  border-color: rgba(110, 160, 247, 0.44);
  background: #101d33;
  color: #78a7ff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] .ak-home-seo__divider-line {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110, 160, 247, 0.16) 6%,
    #6ea0f7 10%,
    #6ea0f7 90%,
    rgba(110, 160, 247, 0.16) 94%,
    transparent 100%
  );
  box-shadow: 0 0 8px rgba(110, 160, 247, 0.10);
}

html[data-theme="dark"] .ak-home-seo__title {
  color: #f1f5fc;
}

html[data-theme="dark"] .ak-home-seo__lead,
html[data-theme="dark"] .ak-home-seo__article p {
  color: #91a0b6;
}

html[data-theme="dark"] .ak-home-seo strong {
  color: #c7d5e9;
}

html[data-theme="dark"] .ak-home-seo__article {
  border-color: rgba(104, 157, 239, 0.13);
  background: rgba(16, 31, 52, 0.76);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.13);
}

html[data-theme="dark"] .ak-home-seo__article h3 {
  color: #eaf1fb;
}

html[data-theme="dark"] .ak-home-seo a {
  color: #78aaff;
  border-bottom-color: rgba(120, 170, 255, 0.25);
}

/* TABLET */

@media (max-width: 900px) {
  .ak-home-seo__grid {
    grid-template-columns: 1fr;
  }
}

/* MOBILE */

@media (max-width: 620px) {
  .ak-home-seo {
    padding: 72px 16px;
  }

  .ak-home-seo__divider {
    gap: 10px;
    margin-bottom: 26px;
  }

  .ak-home-seo__eyebrow {
    height: 30px;
    padding: 0 14px;
    font-size: 11px;
  }

  .ak-home-seo__lead {
    font-size: 14px;
  }

  .ak-home-seo__grid {
    margin-top: 28px;
    gap: 12px;
  }

  .ak-home-seo__article {
    padding: 19px;
    border-radius: 16px;
  }
}

/* ===== AK HOME SEO STYLES END ===== */

/* ===== AK SEO SHARED DIVIDER FINAL START ===== */

/*
  SEO-блок использует тот же компонент разделителя,
  что и раздел «Отзывы».
*/

html body .ak-home-seo {
  padding:
    72px 24px !important;
}

html body .ak-home-seo__header {
  width:
    min(920px, 100%);

  max-width:
    920px !important;

  margin:
    0 auto !important;

  text-align:
    center !important;
}

html body .ak-home-seo__title {
  margin:
    0 auto !important;

  text-align:
    center !important;
}

html body .ak-home-seo__lead {
  width:
    min(860px, 100%);

  max-width:
    860px !important;

  margin:
    20px auto 0 !important;

  text-align:
    center !important;
}

/*
  Интервал после общего разделителя.
  Сам дизайн линии и капсулы не переопределяем.
*/

html body .ak-home-seo
.ak-reviews__divider {
  margin-bottom:
    34px;
}

@media (max-width: 620px) {
  html body .ak-home-seo {
    padding:
      72px 16px !important;
  }

  html body .ak-home-seo
  .ak-reviews__divider {
    margin-bottom:
      26px;
  }
}

/* ===== AK SEO SHARED DIVIDER FINAL END ===== */

/* ===== AK SEO SPACING FINAL START ===== */

/*
  Предыдущий блок уже формирует нижний отступ.
  Поэтому у SEO-секции убираем верхние 72px,
  чтобы не возникало двойного расстояния.
*/

html body .ak-home-seo {
  margin: 0 !important;

  padding:
    0 24px 72px !important;
}

html body .ak-home-seo__container {
  margin:
    0 auto !important;
}

/* Разделитель становится первым элементом секции */

html body .ak-home-seo
.ak-reviews__divider {
  margin:
    0 0 34px !important;
}

/* Заголовок и описание */

html body .ak-home-seo__header {
  margin:
    0 auto !important;
}

html body .ak-home-seo__title {
  margin:
    0 auto !important;
}

html body .ak-home-seo__lead {
  margin:
    20px auto 0 !important;
}

/* Карточки */

html body .ak-home-seo__grid {
  margin-top:
    40px !important;
}

/* Мобильная версия */

@media (max-width: 620px) {
  html body .ak-home-seo {
    padding:
      0 16px 56px !important;
  }

  html body .ak-home-seo
  .ak-reviews__divider {
    margin-bottom:
      26px !important;
  }

  html body .ak-home-seo__grid {
    margin-top:
      28px !important;
  }
}

/* ===== AK SEO SPACING FINAL END ===== */

/* ===== AK SEO DIVIDER CENTER FIX START ===== */

/*
  Разделитель использует общий дизайн блока отзывов,
  но внутри SEO-секции должен занимать всю ширину
  собственного контейнера и находиться строго по центру.
*/

html body .ak-home-seo
.ak-reviews__divider {
  position: relative !important;

  left: auto !important;
  right: auto !important;

  width: 100% !important;
  max-width: 1160px !important;

  margin:
    0 auto 34px !important;

  padding:
    0 !important;

  box-sizing:
    border-box !important;

  transform:
    none !important;
}

html body .ak-home-seo
.ak-reviews__divider-line {
  flex:
    1 1 0 !important;

  min-width:
    0 !important;
}

html body .ak-home-seo
.ak-reviews__eyebrow {
  flex:
    0 0 auto !important;
}

@media (max-width: 620px) {
  html body .ak-home-seo
  .ak-reviews__divider {
    margin-bottom:
      26px !important;
  }
}

/* ===== AK SEO DIVIDER CENTER FIX END ===== */

/* ===== AK SEO DIVIDER POSITION TUNE START ===== */
html body .ak-home-seo .ak-reviews__divider {
  position: relative !important;
  top: -16px !important;
  margin: 0 auto 18px !important;
}

@media (max-width: 620px) {
  html body .ak-home-seo .ak-reviews__divider {
    top: -14px !important;
    margin: 0 auto 16px !important;
  }
}
/* ===== AK SEO DIVIDER POSITION TUNE END ===== */





/* ===== AK FINAL RESPONSIVE HEADER START ===== */


/* ---------------------------------------------------------
   BASE
--------------------------------------------------------- */

.ak2-header{
  position:sticky;
  top:0;
  z-index:500;
}

.ak2-mobile-menu-toggle,
.ak2-mobile-menu{
  display:none;
}


/* ---------------------------------------------------------
   DESKTOP — 1101px+
--------------------------------------------------------- */

@media (min-width:1101px){

  .ak2-header__inner{
    grid-template-columns:auto 1fr auto;
  }

  .ak2-nav{
    display:flex;

    /*
      На 1600px сохраняем утверждённый сдвиг 65px.
      На границе 1101px сдвиг почти нулевой,
      чтобы меню не сталкивалось с боковыми блоками.
    */
    transform:
      translateX(
        clamp(
          0px,
          calc((100vw - 1100px) * 0.13),
          65px
        )
      );
  }

  .ak2-mobile-menu-toggle,
  .ak2-mobile-menu{
    display:none !important;
  }
}


/* ---------------------------------------------------------
   TABLET / MOBILE — до 1100px
--------------------------------------------------------- */

@media (max-width:1100px){

  .ak2-header__inner{
    width:calc(100% - 32px);
    max-width:none;

    grid-template-columns:
      minmax(0, 1fr)
      auto;

    gap:14px;
  }

  .ak2-nav{
    display:none !important;
    transform:none !important;
  }

  .ak2-header__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    min-width:0;
  }

  .ak2-header__actions
  .ak2-header-btn--primary{
    display:none;
  }

  .ak2-mobile-menu-toggle{
    width:42px;
    height:40px;

    flex:0 0 42px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:5px;

    padding:0;

    border:1px solid var(--ak-border);
    border-radius:12px;

    background:var(--ak-surface);
    color:var(--ak-text);

    cursor:pointer;

    transition:
      border-color .2s ease,
      background-color .2s ease,
      transform .2s ease;
  }

  .ak2-mobile-menu-toggle:hover{
    transform:translateY(-1px);
  }

  .ak2-mobile-menu-toggle span{
    width:18px;
    height:2px;

    display:block;

    border-radius:999px;
    background:currentColor;

    transition:
      transform .22s ease,
      opacity .18s ease;
  }

  .ak2-mobile-menu-toggle.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  .ak2-mobile-menu-toggle.is-open span:nth-child(2){
    opacity:0;
  }

  .ak2-mobile-menu-toggle.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .ak2-mobile-menu{
    position:absolute;

    top:calc(100% + 10px);
    right:16px;

    width:min(360px, calc(100vw - 32px));

    padding:10px;

    border:1px solid var(--ak-border);
    border-radius:18px;

    background:
      color-mix(
        in srgb,
        var(--ak-surface) 94%,
        transparent
      );

    box-shadow:
      0 20px 55px rgba(20, 32, 50, .14);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    opacity:0;
    visibility:hidden;

    transform:translateY(-8px) scale(.985);
    transform-origin:top right;

    transition:
      opacity .18s ease,
      transform .22s ease,
      visibility .18s ease;

    z-index:600;
  }

  .ak2-mobile-menu.is-open{
    display:block;

    opacity:1;
    visibility:visible;

    transform:
      translateY(0)
      scale(1);
  }

  .ak2-mobile-menu__nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px;
  }

  .ak2-mobile-menu__nav a{
    min-height:44px;

    display:flex;
    align-items:center;

    padding:0 13px;

    border-radius:11px;

    color:var(--ak-text);
    text-decoration:none;

    font-size:14px;
    font-weight:650;

    transition:
      background-color .18s ease,
      color .18s ease;
  }

  .ak2-mobile-menu__nav a:hover{
    background:var(--ak-surface-soft);
  }

  .ak2-mobile-menu__actions{
    display:grid;
    grid-template-columns:1fr 1.35fr;
    gap:8px;

    margin-top:8px;
    padding-top:10px;

    border-top:1px solid var(--ak-border);
  }

  .ak2-mobile-menu__login,
  .ak2-mobile-menu__cta{
    min-height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0 14px;

    border-radius:11px;

    text-decoration:none;

    font-size:14px;
    font-weight:700;
  }

  .ak2-mobile-menu__login{
    color:var(--ak-text);
    border:1px solid var(--ak-border);
    background:transparent;
  }

  .ak2-mobile-menu__cta{
    color:#fff;
    background:var(--ak-green);
  }
}


/* ---------------------------------------------------------
   761–1100px
--------------------------------------------------------- */

@media (min-width:761px) and (max-width:1100px){

  .ak2-brand{
    min-width:0;
  }

  .ak2-header__actions{
    flex-wrap:nowrap;
  }

  .ak2-header__actions > .ak2-header-btn:not(.ak2-header-btn--primary){
    display:inline-flex;
  }

  .ak2-theme-toggle{
    flex:0 0 78px;
  }
}


/* ---------------------------------------------------------
   721–760px
--------------------------------------------------------- */

@media (min-width:721px) and (max-width:760px){

  .ak2-header__inner{
    width:calc(100% - 28px);
    gap:8px;
  }

  .ak2-header__actions{
    gap:7px;
  }

  /*
    На этом диапазоне Login переносим в меню.
  */
  .ak2-header__actions > .ak2-header-btn{
    display:none !important;
  }

  .ak2-theme-toggle{
    flex:0 0 72px;
    width:72px;
  }

  .ak2-mobile-menu-toggle{
    width:40px;
    flex-basis:40px;
  }
}


/* ---------------------------------------------------------
   0–720px
--------------------------------------------------------- */

@media (max-width:720px){

  .ak2-header__inner{
    width:calc(100% - 24px);
    gap:8px;
  }

  .ak2-brand{
    gap:10px;
  }

  /*
    На самом узком экране остаётся только
    знак + AuditKanalov.
  */
  .ak-logo-descriptor{
    display:none !important;
  }

  .ak2-header__actions{
    gap:6px;
  }

  .ak2-header__actions > .ak2-header-btn{
    display:none !important;
  }

  .ak2-theme-toggle{
    width:70px;
    height:38px;
    flex:0 0 70px;
  }

  .ak2-mobile-menu-toggle{
    width:38px;
    height:38px;
    flex-basis:38px;
    border-radius:11px;
  }

  .ak2-mobile-menu{
    right:12px;
    width:calc(100vw - 24px);
    border-radius:16px;
  }
}


/* ---------------------------------------------------------
   Очень узкие телефоны
--------------------------------------------------------- */

@media (max-width:430px){

  .ak2-header__inner{
    width:calc(100% - 20px);
  }

  .ak2-brand__mark{
    gap:3px;
  }

  .ak2-brand__name,
  .ak-logo-name-original{
    font-size:18px !important;
  }

  .ak2-theme-toggle{
    width:66px;
    flex-basis:66px;
  }

  .ak2-mobile-menu__nav{
    grid-template-columns:1fr;
  }

  .ak2-mobile-menu__actions{
    grid-template-columns:1fr;
  }
}


/* ===== AK FINAL RESPONSIVE HEADER END ===== */






/* ===== AK HEADER FINAL LOCK START ===== */


/* =========================================================
   INPUT
   760px+ — используем доступную ширину hero
========================================================= */

@media (min-width:760px) and (max-width:1239px){

  #ak2AuditForm{
    width:100% !important;
    max-width:none !important;
  }

  #ak2AuditForm input{
    min-width:0 !important;
  }
}


/* =========================================================
   MOBILE / TABLET
   0–1239px
========================================================= */

@media (max-width:1239px){

  .ak2-header__inner{
    width:calc(100% - 32px) !important;
    max-width:none !important;

    grid-template-columns:minmax(0,1fr) auto !important;

    align-items:center !important;
    gap:12px !important;
  }

  .ak2-nav{
    display:none !important;
    transform:none !important;
  }

  .ak2-mobile-menu-toggle{
    display:flex !important;
  }

  .ak2-header__actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
  }

  .ak2-header__actions
  .ak2-header-btn--primary{
    display:none !important;
  }
}


/* =========================================================
   DESKTOP START
   1240–1360px

   Всё в ОДНУ строку.
   Дескриптор скрыт, чтобы не теснить меню.
========================================================= */

@media (min-width:1240px) and (max-width:1360px){

  .ak2-header{
    min-height:72px !important;
  }

  .ak2-header__inner{
    width:calc(100% - 24px) !important;
    max-width:none !important;

    display:grid !important;

    grid-template-columns:
      auto
      minmax(0,1fr)
      auto !important;

    align-items:center !important;

    column-gap:18px !important;
    row-gap:0 !important;

    min-height:72px !important;
  }

  .ak2-brand{
    align-self:center !important;
    min-width:0 !important;
  }

  /*
    На 1240–1360 оставляем только AuditKanalov.
    Это освобождает место под полноценное меню.
  */
  .ak-logo-descriptor{
    display:none !important;
  }

  .ak2-nav{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    align-self:center !important;

    gap:20px !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;

    white-space:nowrap !important;
  }

  .ak2-nav a{
    font-size:13px !important;
    line-height:20px !important;
  }

  .ak2-header__actions{
    display:flex !important;

    align-items:center !important;
    justify-content:flex-end !important;

    align-self:center !important;

    flex-wrap:nowrap !important;

    gap:8px !important;

    margin:0 !important;
  }

  .ak2-mobile-menu-toggle{
    display:none !important;
  }

  .ak2-theme-toggle{
    display:grid !important;
    flex:0 0 78px !important;
  }

  .ak2-header__actions
  > .ak2-header-btn{
    display:inline-flex !important;
  }

  .ak2-header-btn{
    white-space:nowrap !important;
  }

}


/* =========================================================
   FULL DESKTOP
   1361px+
========================================================= */

@media (min-width:1361px){

  .ak2-header__inner{
    width:min(1450px, calc(100% - 64px)) !important;

    display:grid !important;

    grid-template-columns:
      auto
      minmax(0,1fr)
      auto !important;

    align-items:center !important;

    column-gap:36px !important;
    row-gap:0 !important;
  }

  .ak2-brand{
    align-self:center !important;
  }

  .ak-logo-descriptor{
    display:block !important;
  }

  /*
    ВАЖНО:
    никакого translateX.
    Средняя колонка сама является свободным пространством
    между брендом и controls.
  */
  .ak2-nav{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    align-self:center !important;

    gap:38px !important;

    margin:0 !important;

    transform:none !important;
  }

  .ak2-header__actions{
    display:flex !important;

    align-items:center !important;
    justify-content:flex-end !important;

    align-self:center !important;

    flex-wrap:nowrap !important;

    gap:12px !important;
  }

  .ak2-mobile-menu-toggle,
  .ak2-mobile-menu{
    display:none !important;
  }

  .ak2-header__actions
  > .ak2-header-btn{
    display:inline-flex !important;
  }

}


/* =========================================================
   1361–1500
   Чуть компактнее расстояние между ссылками,
   но геометрический центр сохраняется.
========================================================= */

@media (min-width:1361px) and (max-width:1500px){

  .ak2-header__inner{
    width:calc(100% - 32px) !important;
    column-gap:24px !important;
  }

  .ak2-nav{
    gap:25px !important;
  }

  .ak2-nav a{
    font-size:13px !important;
  }

}


/* =========================================================
   1501+
   Полный утверждённый desktop
========================================================= */

@media (min-width:1501px){

  .ak2-nav{
    gap:38px !important;
  }

}


/* ===== AK HEADER FINAL LOCK END ===== */



/* ===== AK FINAL BREAKPOINTS V2 START ===== */


/* =========================================================
   760–1100
   Расширяем именно форму проверки
========================================================= */

@media (min-width:760px) and (max-width:1100px){

  .ak2-hero__content{
    width:100% !important;
    max-width:none !important;
  }

  #ak2AuditForm{
    width:100% !important;
    max-width:none !important;
  }

  #ak2AuditForm > *{
    max-width:none !important;
  }

  #ak2AuditForm input{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  /*
    Строка, содержащая input.
    Растягиваем её независимо от старых max-width.
  */
  #ak2AuditForm div:has(> input){
    width:100% !important;
    max-width:none !important;
  }

}


/* =========================================================
   1101–1239
   Полноценная навигация.
   Без burger.
   Дескриптор скрываем, чтобы освободить ширину.
========================================================= */

@media (min-width:1101px) and (max-width:1239px){

  .ak2-header{
    min-height:68px !important;
  }

  .ak2-header__inner{
    width:calc(100% - 24px) !important;
    max-width:none !important;

    display:grid !important;

    grid-template-columns:
      auto
      minmax(0,1fr)
      auto !important;

    align-items:center !important;

    column-gap:12px !important;
    row-gap:0 !important;

    min-height:68px !important;
  }

  .ak2-brand{
    align-self:center !important;
    gap:9px !important;
  }

  /*
    На 1101–1239 дескриптор скрыт.
    AuditKanalov и кубики остаются.
  */
  .ak-logo-descriptor{
    display:none !important;
  }

  .ak2-brand__name,
  .ak-logo-name-original{
    font-size:19px !important;
    white-space:nowrap !important;
  }

  .ak2-nav{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    align-self:center !important;

    gap:13px !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;

    white-space:nowrap !important;

    min-width:0 !important;
  }

  .ak2-nav a{
    font-size:11.5px !important;
    line-height:18px !important;

    white-space:nowrap !important;
  }

  .ak2-header__actions{
    display:flex !important;

    align-items:center !important;
    justify-content:flex-end !important;

    align-self:center !important;

    flex-wrap:nowrap !important;

    gap:6px !important;

    margin:0 !important;
  }

  .ak2-mobile-menu-toggle{
    display:none !important;
  }

  .ak2-mobile-menu{
    display:none !important;
  }

  .ak2-theme-toggle{
    display:grid !important;

    width:70px !important;
    min-width:70px !important;
    flex:0 0 70px !important;
  }

  .ak2-header__actions > .ak2-header-btn{
    display:inline-flex !important;

    white-space:nowrap !important;

    padding-left:11px !important;
    padding-right:11px !important;

    font-size:12px !important;
  }

  .ak2-header__actions
  .ak2-header-btn--primary{
    display:inline-flex !important;
  }

}


/* =========================================================
   1240–1360
   Навигация также всегда в одну строку
========================================================= */

@media (min-width:1240px) and (max-width:1360px){

  .ak2-nav{
    white-space:nowrap !important;
    gap:18px !important;
    transform:none !important;
  }

  .ak2-nav a{
    font-size:12.5px !important;
    line-height:20px !important;
    white-space:nowrap !important;
  }

}


/* =========================================================
   1361–1392
   Пограничная desktop-зона.
   Не даём "О сервисе" перейти на две строки.
========================================================= */

@media (min-width:1361px) and (max-width:1392px){

  .ak2-header__inner{
    width:calc(100% - 28px) !important;
    column-gap:20px !important;
  }

  .ak2-nav{
    gap:18px !important;

    white-space:nowrap !important;
    transform:none !important;
  }

  .ak2-nav a{
    font-size:12.5px !important;
    line-height:20px !important;

    white-space:nowrap !important;
  }

  .ak2-header__actions{
    gap:8px !important;
  }

  .ak2-header-btn{
    padding-left:13px !important;
    padding-right:13px !important;
  }

}


/* =========================================================
   1393+
   Нормальный desktop.
   Только запрещаем переносы ссылок.
========================================================= */

@media (min-width:1393px){

  .ak2-nav{
    white-space:nowrap !important;
  }

  .ak2-nav a{
    white-space:nowrap !important;
  }

}


/* ===== AK FINAL BREAKPOINTS V2 END ===== */


/* ===== AK AUDIT INPUT HEIGHT START ===== */

#ak2AuditForm input{
  min-height:48px !important;
  height:48px !important;

  padding:0 18px !important;

  font-size:15px !important;
  line-height:48px !important;

  border-radius:12px !important;
}

/* ===== AK AUDIT INPUT HEIGHT END ===== */



/* =========================================================
   AK MOBILE HEADER + MENU FINAL FIX
========================================================= */


/* ---------------------------------------------------------
   MOBILE MENU — до 1100px
--------------------------------------------------------- */

@media (max-width:1100px){

  .ak2-header{
    overflow:visible !important;
  }

  .ak2-mobile-menu{
    position:absolute !important;

    top:calc(100% + 8px) !important;
    left:8px !important;
    right:8px !important;

    width:auto !important;
    max-width:none !important;

    padding:10px !important;

    border:1px solid var(--ak-border) !important;
    border-radius:16px !important;

    /*
      ВАЖНО:
      полностью убираем чёрный фон,
      который сейчас наследуется из старых стилей.
    */
    background:var(--ak-surface, #ffffff) !important;
    color:var(--ak-text, #111827) !important;

    box-shadow:
      0 18px 50px rgba(15,23,42,.14) !important;

    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;

    z-index:9999 !important;
  }

  .ak2-mobile-menu.is-open{
    display:block !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
  }


  /* -----------------------------
     Ссылки
  ----------------------------- */

  .ak2-mobile-menu__nav{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;

    gap:6px !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
  }

  .ak2-mobile-menu__nav a{
    min-height:46px !important;

    display:flex !important;
    align-items:center !important;

    padding:0 14px !important;

    border:1px solid transparent !important;
    border-radius:11px !important;

    background:var(--ak-surface-soft, #f7f9fc) !important;

    color:var(--ak-text, #111827) !important;
    opacity:1 !important;

    text-decoration:none !important;

    font-size:14px !important;
    line-height:18px !important;
    font-weight:650 !important;

    white-space:nowrap !important;
  }

  .ak2-mobile-menu__nav a:hover{
    border-color:var(--ak-border) !important;
  }


  /* -----------------------------
     Нижние кнопки
  ----------------------------- */

  .ak2-mobile-menu__actions{
    display:grid !important;
    grid-template-columns:1fr 1.35fr !important;

    gap:8px !important;

    margin-top:10px !important;
    padding-top:10px !important;

    border-top:1px solid var(--ak-border) !important;

    background:transparent !important;
  }

  .ak2-mobile-menu__login{
    min-height:46px !important;

    background:var(--ak-surface, #ffffff) !important;
    color:var(--ak-text, #111827) !important;

    border:1px solid var(--ak-border) !important;
  }

  .ak2-mobile-menu__cta{
    min-height:46px !important;

    background:var(--ak-green) !important;
    color:#fff !important;

    border:1px solid var(--ak-green) !important;
  }

}


/* ---------------------------------------------------------
   Телефоны до 520px
--------------------------------------------------------- */

@media (max-width:520px){

  .ak2-mobile-menu{
    left:6px !important;
    right:6px !important;

    padding:8px !important;

    border-radius:14px !important;
  }

  .ak2-mobile-menu__nav{
    grid-template-columns:1fr 1fr !important;
  }

}


/* ---------------------------------------------------------
   ДО 350px
   Уплотняем только header.
   Hero не меняем.
--------------------------------------------------------- */

@media (max-width:350px){

  .ak2-header__inner{
    width:calc(100% - 12px) !important;

    grid-template-columns:
      minmax(0,1fr)
      auto !important;

    gap:4px !important;
  }

  .ak2-brand{
    min-width:0 !important;
    gap:6px !important;
  }

  .ak2-brand__mark{
    gap:2px !important;
    flex:0 0 auto !important;
  }

  .ak2-brand__cube{
    width:10px !important;
    height:10px !important;
    min-width:10px !important;

    border-radius:3px !important;
  }

  .ak2-brand__name,
  .ak-logo-name-original{
    font-size:16px !important;
    line-height:18px !important;

    letter-spacing:-.3px !important;

    white-space:nowrap !important;
  }

  .ak-logo-descriptor{
    display:none !important;
  }

  .ak2-header__actions{
    gap:4px !important;
    flex:0 0 auto !important;
  }

  .ak2-mobile-menu-toggle{
    width:36px !important;
    height:36px !important;
    flex:0 0 36px !important;

    padding:0 !important;

    border-radius:10px !important;
  }

  .ak2-mobile-menu-toggle span{
    width:16px !important;
  }

  .ak2-theme-toggle{
    width:60px !important;
    min-width:60px !important;
    height:36px !important;

    flex:0 0 60px !important;

    padding:3px !important;
  }

}


/* ---------------------------------------------------------
   Совсем узкие экраны до 300px
--------------------------------------------------------- */

@media (max-width:300px){

  .ak2-header__inner{
    width:calc(100% - 8px) !important;
  }

  .ak2-brand{
    gap:4px !important;
  }

  .ak2-brand__cube{
    width:8px !important;
    height:8px !important;
    min-width:8px !important;
  }

  .ak2-brand__name,
  .ak-logo-name-original{
    font-size:14px !important;
  }

  .ak2-mobile-menu-toggle{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }

  .ak2-theme-toggle{
    width:56px !important;
    min-width:56px !important;
    height:34px !important;
    flex-basis:56px !important;
  }

  .ak2-mobile-menu__nav{
    grid-template-columns:1fr !important;
  }

  .ak2-mobile-menu__actions{
    grid-template-columns:1fr !important;
  }

}


/* =========================================================
   END AK MOBILE HEADER + MENU FINAL FIX
========================================================= */






/* ===== AK LOGO DESCRIPTOR CRITICAL START ===== */
/*
  Текстовая часть логотипа.
  Графический знак из кубиков не изменяется.
*/

.ak-logo-text-stack {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 3px !important;
  min-width: 0;
  line-height: 1;
}

.ak-logo-text-stack > .ak-logo-name-original {
  display: block;
  line-height: 1.05;
}

.ak-logo-descriptor {
  display: block;
  margin: 0;
  padding: 0;

  color: var(--text-muted, #8b96a8);

  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: 0.005em;

  white-space: pre-line;
  opacity: 0.86;

  pointer-events: none;
  user-select: none;

  transition:
    color 240ms ease,
    opacity 240ms ease;
  text-align: left;
  width: max-content;
  max-width: none;
}

/* Тёмная тема */

html.dark .ak-logo-descriptor,
html[data-theme="dark"] .ak-logo-descriptor,
html[data-color-scheme="dark"] .ak-logo-descriptor,
body.dark .ak-logo-descriptor,
body[data-theme="dark"] .ak-logo-descriptor,
body[data-color-scheme="dark"] .ak-logo-descriptor {
  color: #aeb9ca;
  opacity: 0.88;
}

/* На планшетах немного уменьшаем */

@media (max-width: 1100px) {
  .ak-logo-descriptor {
    font-size: 12px;
  }
}

/* На мобильных оставляем только логотип и название */

@media (max-width: 720px) {
  .ak-logo-descriptor {
    display: none;
  }
}
/* ===== AK LOGO DESCRIPTOR CRITICAL END ===== */

/* ===== AK SCROLLBAR LAYOUT STABILITY TEST START ===== */

html {
  scrollbar-gutter: stable;
}

/* ===== AK SCROLLBAR LAYOUT STABILITY TEST END ===== */


/* ===== AK PREVIEW CARD MICRO-JITTER FIX START ===== */

html body .ak2-preview-hover-card {
  will-change: auto !important;
}

/* ===== AK PREVIEW CARD MICRO-JITTER FIX END ===== */



/* =========================================================
   AUTH BUTTONS — TELEGRAM + VK
   ========================================================= */

.ak2-header-login-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

#ak2TelegramWidget{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  flex:0 0 auto;
}

#ak2TelegramWidget iframe{
  display:block !important;
  margin:0 !important;
  vertical-align:middle !important;
}

#ak2DesktopVkLogin{
  min-height:40px;
  height:40px;

  padding:0 16px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid #2787f5;
  border-radius:8px;

  background:#2787f5;
  color:#fff;

  font-size:13px;
  font-weight:700;
  line-height:1;

  white-space:nowrap;

  box-shadow:none;

  transition:
    transform .16s ease,
    background-color .16s ease,
    border-color .16s ease;
}

#ak2DesktopVkLogin:hover{
  background:#1f7ee8;
  border-color:#1f7ee8;
  color:#fff;
  transform:translateY(-1px);
}

html[data-theme="dark"] #ak2DesktopVkLogin{
  background:#2787f5;
  border-color:#2787f5;
  color:#fff;
}


/* Mobile: TG + VK + logout use one visual system */
#ak2MobileLoginBtn,
#ak2MobileVkLogin,
#ak2MobileLogoutBtn{
  min-height:46px;
  border-radius:11px;
  font-size:14px;
  font-weight:700;
}

#ak2MobileVkLogin{
  background:#2787f5 !important;
  border-color:#2787f5 !important;
  color:#fff !important;
}

#ak2MobileVkLogin:hover{
  background:#1f7ee8 !important;
  border-color:#1f7ee8 !important;
}



/* =========================================================
   AUTH BUTTONS — UNIFIED PREMIUM STYLE
   ========================================================= */

.ak2-header-login-wrap{
  display:flex;
  align-items:center;
  gap:7px;
}


/* Telegram */
#ak2TelegramWidget{
  min-height:40px;
  height:40px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 2px;

  border:1px solid var(--ak-border-strong);
  border-radius:10px;

  background:var(--ak-surface);

  overflow:hidden;

  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

#ak2TelegramWidget:hover{
  transform:translateY(-1px);
  border-color:#2AABEE;
  box-shadow:0 5px 15px rgba(42,171,238,.10);
}

#ak2TelegramWidget iframe{
  display:block !important;
  margin:0 !important;
}


/* VK */
#ak2DesktopVkLogin{
  min-height:40px !important;
  height:40px !important;

  padding:0 15px !important;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  border:1px solid var(--ak-border-strong) !important;
  border-radius:10px !important;

  background:var(--ak-surface) !important;
  color:var(--ak-text) !important;

  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;

  text-decoration:none;
  white-space:nowrap;

  box-shadow:none !important;

  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease !important;
}

#ak2DesktopVkLogin::before{
  content:"VK";

  width:22px;
  height:22px;

  margin-right:7px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:6px;

  background:#2787F5;
  color:#fff;

  font-size:9px;
  font-weight:800;
  letter-spacing:-.3px;
}

#ak2DesktopVkLogin:hover{
  transform:translateY(-1px);
  border-color:#2787F5 !important;

  background:var(--ak-surface) !important;
  color:var(--ak-text) !important;

  box-shadow:0 5px 15px rgba(39,135,245,.10) !important;
}


/* Dark theme */
html[data-theme="dark"] #ak2DesktopVkLogin{
  background:var(--ak-surface) !important;
  color:var(--ak-text) !important;
}


/* Mobile */
#ak2MobileLoginBtn,
#ak2MobileVkLogin,
#ak2MobileLogoutBtn{
  min-height:46px !important;

  border:1px solid var(--ak-border) !important;
  border-radius:11px !important;

  background:var(--ak-surface) !important;
  color:var(--ak-text) !important;

  font-size:14px !important;
  font-weight:700 !important;

  text-decoration:none;
}

#ak2MobileVkLogin::before{
  content:"VK";

  margin-right:7px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:22px;
  height:22px;

  border-radius:6px;

  background:#2787F5;
  color:#fff;

  font-size:9px;
  font-weight:800;
}



/* =========================================================
   AUTH BUTTONS — FINAL UNIFIED TG + VK
   Telegram iframe remains the real clickable auth control.
   ========================================================= */

.ak2-header-login-wrap{
  display:flex;
  align-items:center;
  gap:8px;
}


/* ---------- Telegram ---------- */

#ak2TelegramWidget{
  position:relative;

  width:172px;
  min-width:172px;
  height:40px;
  min-height:40px;

  padding:0;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid var(--ak-border-strong);
  border-radius:10px;

  background:var(--ak-surface);

  overflow:hidden;

  box-sizing:border-box;

  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

#ak2TelegramWidget:hover{
  transform:translateY(-1px);
  border-color:#2AABEE;

  box-shadow:
    0 5px 15px rgba(42,171,238,.10);
}


/*
   Наш внешний вид.
   pointer-events:none — клик проходит
   в настоящий Telegram Widget.
*/
.ak2-auth-visual{
  position:absolute;
  inset:0;
  z-index:1;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;

  pointer-events:none;

  color:var(--ak-text);

  font-size:13px;
  font-weight:700;
  line-height:1;

  white-space:nowrap;
}

.ak2-auth-icon{
  width:22px;
  height:22px;

  flex:0 0 22px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:6px;

  color:#fff;

  font-size:11px;
  font-weight:800;
  line-height:1;
}

.ak2-auth-icon--telegram{
  background:#2AABEE;

  font-size:13px;

  padding-right:1px;
  box-sizing:border-box;

  transform:rotate(-18deg);
}


/*
   Официальный iframe остаётся настоящей
   кнопкой авторизации, но визуально скрыт.
*/
#ak2TelegramWidget iframe{
  position:absolute !important;

  inset:0 !important;

  z-index:2 !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;

  display:block !important;

  opacity:.001 !important;

  border:0 !important;

  cursor:pointer !important;
}


/* ---------- VK ---------- */

#ak2DesktopVkLogin{
  width:172px;
  min-width:172px;

  height:40px !important;
  min-height:40px !important;

  padding:0 13px !important;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  gap:7px;

  box-sizing:border-box;

  border:1px solid var(--ak-border-strong) !important;
  border-radius:10px !important;

  background:var(--ak-surface) !important;
  color:var(--ak-text) !important;

  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;

  text-decoration:none;
  white-space:nowrap;

  box-shadow:none !important;

  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease !important;
}

#ak2DesktopVkLogin::before{
  content:"VK";

  width:22px;
  height:22px;

  flex:0 0 22px;

  margin:0;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  box-sizing:border-box;

  border-radius:6px;

  background:#2787F5;
  color:#fff;

  font-size:9px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.3px;
}

#ak2DesktopVkLogin:hover{
  transform:translateY(-1px);

  border-color:#2787F5 !important;

  background:var(--ak-surface) !important;
  color:var(--ak-text) !important;

  box-shadow:
    0 5px 15px rgba(39,135,245,.10) !important;
}


/* ---------- Dark ---------- */

html[data-theme="dark"] #ak2TelegramWidget,
html[data-theme="dark"] #ak2DesktopVkLogin{
  background:var(--ak-surface) !important;
  color:var(--ak-text) !important;
}



/* =========================================================
   AUTH BUTTONS — CLEAN NO-ICON VERSION
   ========================================================= */

#ak2TelegramWidget,
#ak2DesktopVkLogin{
  width:142px !important;
  min-width:142px !important;

  height:40px !important;
  min-height:40px !important;

  padding:0 14px !important;

  box-sizing:border-box;

  border:1px solid var(--ak-border-strong) !important;
  border-radius:10px !important;

  background:var(--ak-surface) !important;
  color:var(--ak-text) !important;

  box-shadow:none !important;
}


/* Telegram visual label */

.ak2-auth-visual{
  gap:0 !important;

  color:var(--ak-text);

  font-size:13px;
  font-weight:700;
  line-height:1;
}


/* VK — убираем псевдоиконку */

#ak2DesktopVkLogin::before{
  display:none !important;
  content:none !important;
}


/* Одинаковое наведение, только фирменная рамка */

#ak2TelegramWidget:hover{
  border-color:#2AABEE !important;
  box-shadow:0 5px 15px rgba(42,171,238,.10) !important;
}

#ak2DesktopVkLogin:hover{
  border-color:#2787F5 !important;
  box-shadow:0 5px 15px rgba(39,135,245,.10) !important;
}


/* Mobile VK icon тоже убираем */

#ak2MobileVkLogin::before{
  display:none !important;
  content:none !important;
}



/* Auth state must override visual button styles */
#ak2DesktopVkLogin[style*="display: none"]{
  display:none !important;
}



/* =========================================================
   AK_SHARED_DIVIDER_ZOOM_V444

   Стабильный shared divider при browser zoom.
   Вместо тонкого background используем border-top,
   который Chrome/Edge стабильнее растеризуют при 90%.
   ========================================================= */

.ak-reviews__divider-line {
  display: block !important;

  flex:
    1 1 0 !important;

  width:
    auto !important;

  min-width:
    24px !important;

  height:
    0 !important;

  min-height:
    0 !important;

  border:
    0 !important;

  border-top:
    1px solid rgba(82, 129, 235, .24) !important;

  background:
    none !important;

  opacity:
    1 !important;

  transform:
    none !important;

  box-sizing:
    border-box !important;
}


/*
  Тёмная тема.
*/
html[data-theme="dark"] .ak-reviews__divider-line,
html.dark .ak-reviews__divider-line,
body[data-theme="dark"] .ak-reviews__divider-line,
body.dark .ak-reviews__divider-line {
  border-top-color:
    rgba(108, 151, 255, .24) !important;
}


/*
  Mobile — оставляем ту же физически стабильную линию.
*/
@media (max-width: 720px) {
  .ak-reviews__divider-line {
    min-width:
      14px !important;
  }
}

/* =========================================================
   AK_RESTORE_REASON_ORIGINAL_V454

   Удалён экспериментальный V451.
   Блок "Почему такая оценка?" снова использует
   исходные существующие правила app.css.
   ========================================================= */


/* =========================================================
   AK_MAIN_VECTOR_DIVIDERS_V482

   /v2-build-preview

   ЕДИНАЯ ВЕКТОРНАЯ СИСТЕМА ДЕКОРАТИВНЫХ ЛИНИЙ.

   Только линии.
   Капсулы / тексты / отступы / секции не изменяются.

   Используется SVG вместо CSS-gradient / blur.
   Это сохраняет один визуальный стиль при browser zoom.
   ========================================================= */


/* =========================================================
   SVG LINE
   ========================================================= */

/*
   Светлая тема.

   Canvas SVG = 2px.
   Сам stroke = 1px.

   Поэтому линия визуально остаётся тонкой,
   но имеет устойчивую rasterization-зону.
*/
html body .ak-decision::before,
html body .ak-reason::before,
html body .ak-about::before,
html body .ak-pricing::before,

html body .ak-real-divider--grades,
html body .ak-real-divider--compare,

html body .ak-mid-cta__divider {
  background-color:
    transparent !important;

  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%272%27%20viewBox%3D%270%200%201000%202%27%20preserveAspectRatio%3D%27none%27%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271000%27%20y2%3D%270%27%20gradientUnits%3D%27userSpaceOnUse%27%3E%0A%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%270%27%2F%3E%0A%3Cstop%20offset%3D%276%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.18%27%2F%3E%0A%3Cstop%20offset%3D%2710%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.52%27%2F%3E%0A%3Cstop%20offset%3D%2790%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.52%27%2F%3E%0A%3Cstop%20offset%3D%2794%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.18%27%2F%3E%0A%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%270%27%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%270%27%20y%3D%270.5%27%20width%3D%271000%27%20height%3D%271%27%20fill%3D%27url%28%23g%29%27%20shape-rendering%3D%27crispEdges%27%2F%3E%0A%3C%2Fsvg%3E") !important;

  background-repeat:
    no-repeat !important;

  background-position:
    center !important;

  background-size:
    100% 2px !important;

  height:
    2px !important;

  min-height:
    2px !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  filter:
    none !important;

  opacity:
    1 !important;
}


/* =========================================================
   Основные секции — убираем transform-centering линии.

   Это важно:
   translateX(-50%) иногда ставит линию между физическими
   пикселями при zoom 90 / 75 / 50 / 33%.

   Используем одинаковые inset'ы без transform.
   ========================================================= */

html body .ak-decision::before,
html body .ak-reason::before,
html body .ak-about::before,
html body .ak-pricing::before {
  left:
    max(
      24px,
      calc((100% - 1320px) / 2)
    ) !important;

  right:
    max(
      24px,
      calc((100% - 1320px) / 2)
    ) !important;

  width:
    auto !important;

  transform:
    none !important;

  top:
    0 !important;

  display:
    block !important;

  visibility:
    visible !important;

  pointer-events:
    none !important;
}


/* =========================================================
   Реальные DOM divider:
   Шкала оценки + Сравнение
   ========================================================= */

html body .ak-real-divider--grades,
html body .ak-real-divider--compare {
  left:
    max(
      24px,
      calc((100% - 1320px) / 2)
    ) !important;

  right:
    max(
      24px,
      calc((100% - 1320px) / 2)
    ) !important;

  width:
    auto !important;

  transform:
    none !important;

  top:
    0 !important;

  display:
    block !important;

  visibility:
    visible !important;

  pointer-events:
    none !important;
}


/* =========================================================
   БЕСПЛАТНАЯ ПРОВЕРКА
   Ширина исходного компонента = max 1160px.
   ========================================================= */

html body .ak-mid-cta__divider {
  left:
    max(
      24px,
      calc((100% - 1160px) / 2)
    ) !important;

  right:
    max(
      24px,
      calc((100% - 1160px) / 2)
    ) !important;

  width:
    auto !important;

  transform:
    none !important;

  top:
    0 !important;

  display:
    block !important;

  visibility:
    visible !important;
}


/* =========================================================
   FAQ

   Здесь DOM уже правильный:
   line — capsule — line.

   Поэтому меняем только физическую отрисовку line.
   ========================================================= */

html body .ak-faq__divider-line {
  display:
    block !important;

  flex:
    1 1 0 !important;

  width:
    auto !important;

  min-width:
    24px !important;

  height:
    2px !important;

  min-height:
    2px !important;

  border:
    0 !important;

  background-color:
    transparent !important;

  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%272%27%20viewBox%3D%270%200%201000%202%27%20preserveAspectRatio%3D%27none%27%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271000%27%20y2%3D%270%27%20gradientUnits%3D%27userSpaceOnUse%27%3E%0A%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%270%27%2F%3E%0A%3Cstop%20offset%3D%276%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.18%27%2F%3E%0A%3Cstop%20offset%3D%2710%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.52%27%2F%3E%0A%3Cstop%20offset%3D%2790%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.52%27%2F%3E%0A%3Cstop%20offset%3D%2794%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.18%27%2F%3E%0A%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%270%27%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%270%27%20y%3D%270.5%27%20width%3D%271000%27%20height%3D%271%27%20fill%3D%27url%28%23g%29%27%20shape-rendering%3D%27crispEdges%27%2F%3E%0A%3C%2Fsvg%3E") !important;

  background-repeat:
    no-repeat !important;

  background-position:
    center !important;

  background-size:
    100% 2px !important;

  box-shadow:
    none !important;

  filter:
    none !important;

  opacity:
    1 !important;

  transform:
    none !important;
}


/* =========================================================
   ОТЗЫВЫ + АНАЛИТИКА ПЛОЩАДОК

   Они используют один shared component:
   .ak-reviews__divider-line
   ========================================================= */

html body .ak-reviews__divider-line {
  display:
    block !important;

  flex:
    1 1 0 !important;

  width:
    auto !important;

  min-width:
    24px !important;

  height:
    2px !important;

  min-height:
    2px !important;

  border:
    0 !important;

  background-color:
    transparent !important;

  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%272%27%20viewBox%3D%270%200%201000%202%27%20preserveAspectRatio%3D%27none%27%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271000%27%20y2%3D%270%27%20gradientUnits%3D%27userSpaceOnUse%27%3E%0A%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%270%27%2F%3E%0A%3Cstop%20offset%3D%276%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.18%27%2F%3E%0A%3Cstop%20offset%3D%2710%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.52%27%2F%3E%0A%3Cstop%20offset%3D%2790%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.52%27%2F%3E%0A%3Cstop%20offset%3D%2794%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.18%27%2F%3E%0A%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%270%27%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%270%27%20y%3D%270.5%27%20width%3D%271000%27%20height%3D%271%27%20fill%3D%27url%28%23g%29%27%20shape-rendering%3D%27crispEdges%27%2F%3E%0A%3C%2Fsvg%3E") !important;

  background-repeat:
    no-repeat !important;

  background-position:
    center !important;

  background-size:
    100% 2px !important;

  box-shadow:
    none !important;

  filter:
    none !important;

  opacity:
    1 !important;

  transform:
    none !important;
}


/* =========================================================
   DARK THEME
   Тот же SVG, только чуть заметнее.
   ========================================================= */

html[data-theme="dark"] body .ak-decision::before,
html[data-theme="dark"] body .ak-reason::before,
html[data-theme="dark"] body .ak-about::before,
html[data-theme="dark"] body .ak-pricing::before,

html[data-theme="dark"] body .ak-real-divider--grades,
html[data-theme="dark"] body .ak-real-divider--compare,

html[data-theme="dark"] body .ak-mid-cta__divider {
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%272%27%20viewBox%3D%270%200%201000%202%27%20preserveAspectRatio%3D%27none%27%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271000%27%20y2%3D%270%27%20gradientUnits%3D%27userSpaceOnUse%27%3E%0A%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%270%27%2F%3E%0A%3Cstop%20offset%3D%276%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.22%27%2F%3E%0A%3Cstop%20offset%3D%2710%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.66%27%2F%3E%0A%3Cstop%20offset%3D%2790%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.66%27%2F%3E%0A%3Cstop%20offset%3D%2794%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.22%27%2F%3E%0A%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%270%27%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%270%27%20y%3D%270.5%27%20width%3D%271000%27%20height%3D%271%27%20fill%3D%27url%28%23g%29%27%20shape-rendering%3D%27crispEdges%27%2F%3E%0A%3C%2Fsvg%3E") !important;
}


html[data-theme="dark"] body .ak-faq__divider-line,
html[data-theme="dark"] body .ak-reviews__divider-line {
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%272%27%20viewBox%3D%270%200%201000%202%27%20preserveAspectRatio%3D%27none%27%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271000%27%20y2%3D%270%27%20gradientUnits%3D%27userSpaceOnUse%27%3E%0A%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%270%27%2F%3E%0A%3Cstop%20offset%3D%276%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.22%27%2F%3E%0A%3Cstop%20offset%3D%2710%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.66%27%2F%3E%0A%3Cstop%20offset%3D%2790%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.66%27%2F%3E%0A%3Cstop%20offset%3D%2794%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%27.22%27%2F%3E%0A%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%236EA0F7%27%20stop-opacity%3D%270%27%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%270%27%20y%3D%270.5%27%20width%3D%271000%27%20height%3D%271%27%20fill%3D%27url%28%23g%29%27%20shape-rendering%3D%27crispEdges%27%2F%3E%0A%3C%2Fsvg%3E") !important;
}


/* =========================================================
   MOBILE

   Только боковые поля.
   Сам SVG остаётся тем же.
   ========================================================= */

@media (max-width: 760px) {

  html body .ak-decision::before,
  html body .ak-reason::before,
  html body .ak-about::before,
  html body .ak-pricing::before,

  html body .ak-real-divider--grades,
  html body .ak-real-divider--compare,

  html body .ak-mid-cta__divider {
    left:
      14px !important;

    right:
      14px !important;

    width:
      auto !important;

    transform:
      none !important;
  }


  html body .ak-faq__divider-line,
  html body .ak-reviews__divider-line {
    min-width:
      14px !important;
  }

}


/* ===== AK_MAIN_VECTOR_DIVIDERS_V482 END ===== */


/* =========================================================
   AK_GRADES_COMPARE_FAQ_LINES_V484 START

   Только:
   - Шкала оценки
   - Сравнение

   Механизм как у FAQ:
   SVG line | capsule | SVG line

   Старые длинные absolute divider скрыты.
   ========================================================= */


/* ---------------------------------------------------------
   Старые real-divider отключаем ТОЛЬКО у этих двух секций
   --------------------------------------------------------- */

html body .ak-real-divider--grades,
html body .ak-real-divider--compare {
  display:
    none !important;

  visibility:
    hidden !important;
}


/* ---------------------------------------------------------
   Новый divider-row
   --------------------------------------------------------- */

html body .ak-v484-divider {
  position:
    absolute !important;

  top:
    16px !important;

  left:
    max(
      24px,
      calc((100% - 1320px) / 2)
    ) !important;

  right:
    max(
      24px,
      calc((100% - 1320px) / 2)
    ) !important;

  z-index:
    100 !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    0 !important;

  width:
    auto !important;

  height:
    30px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  transform:
    translateY(-50%) !important;

  pointer-events:
    none !important;

  overflow:
    visible !important;
}


/* ---------------------------------------------------------
   Две SVG-линии — тот же fade, что на audit
   --------------------------------------------------------- */

html body .ak-v484-divider__line {
  display:
    block !important;

  flex:
    1 1 0 !important;

  width:
    auto !important;

  min-width:
    0 !important;

  height:
    2px !important;

  min-height:
    2px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    0 !important;

  background:
    none !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='0.94' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;

  background-repeat:
    no-repeat !important;

  background-size:
    100% 2px !important;

  background-position:
    center center !important;

  box-shadow:
    none !important;

  filter:
    none !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  transform:
    none !important;

  pointer-events:
    none !important;
}


/* ---------------------------------------------------------
   Внутри wrapper старые absolute-настройки eyebrow
   сбрасываем только по геометрии.

   ВНЕШНИЙ ВИД капсулы остаётся существующий.
   --------------------------------------------------------- */

html body
.ak-v484-divider
> .ak-grades__eyebrow,

html body
.ak-v484-divider
> .ak-compare__eyebrow {
  position:
    relative !important;

  top:
    auto !important;

  left:
    auto !important;

  right:
    auto !important;

  bottom:
    auto !important;

  flex:
    0 0 auto !important;

  margin:
    0 !important;

  transform:
    none !important;

  z-index:
    2 !important;

  pointer-events:
    none !important;
}


/* ---------------------------------------------------------
   Тёмная тема
   --------------------------------------------------------- */

html[data-theme="dark"]
body
.ak-v484-divider__line {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233B82F6' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='0.94' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%233B82F6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 760px) {

  html body .ak-v484-divider {
    left:
      14px !important;

    right:
      14px !important;
  }

}

/* ===== AK_GRADES_COMPARE_FAQ_LINES_V484 END ===== */


/* =========================================================
   AK_UNIFY_MAIN_DIVIDER_SVG_V485 START

   ЕДИНЫЙ ЭТАЛОН:
   тот же SVG, что используется в audit_v2 / V479.

   Только декоративная линия.
   ========================================================= */


/* ---------------------------------------------------------
   LIGHT — точный audit-style
   --------------------------------------------------------- */

html body .ak-decision::before,
html body .ak-reason::before,
html body .ak-about::before,
html body .ak-pricing::before,

html body .ak-real-divider--grades,
html body .ak-real-divider--compare,

html body .ak-mid-cta__divider,

html body .ak-faq__divider-line,
html body .ak-reviews__divider-line,

html body .ak-v484-divider__line {

  height:
    2px !important;

  min-height:
    2px !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  background:
    none !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='0.94' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;

  background-repeat:
    no-repeat !important;

  background-size:
    100% 2px !important;

  background-position:
    center center !important;

  box-shadow:
    none !important;

  filter:
    none !important;

  opacity:
    1 !important;
}


/* ---------------------------------------------------------
   DARK — точный audit-style
   --------------------------------------------------------- */

html[data-theme="dark"] body .ak-decision::before,
html[data-theme="dark"] body .ak-reason::before,
html[data-theme="dark"] body .ak-about::before,
html[data-theme="dark"] body .ak-pricing::before,

html[data-theme="dark"] body .ak-real-divider--grades,
html[data-theme="dark"] body .ak-real-divider--compare,

html[data-theme="dark"] body .ak-mid-cta__divider,

html[data-theme="dark"] body .ak-faq__divider-line,
html[data-theme="dark"] body .ak-reviews__divider-line,

html[data-theme="dark"] body .ak-v484-divider__line {

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233B82F6' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='0.94' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%233B82F6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;
}

/* ===== AK_UNIFY_MAIN_DIVIDER_SVG_V485 END ===== */


/* ===== AK_HIDE_GRADES_SECOND_LINE_V488 START ===== */
/*
  У блока "ШКАЛА ОЦЕНКИ" сейчас остаются две линии:
  1) новый divider,
  2) старый .ak-real-divider--grades

  Для начала скрываем только старую дублирующую нижнюю линию.
*/
html body section.ak-grades > .ak-real-divider--grades {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* ===== AK_HIDE_GRADES_SECOND_LINE_V488 END ===== */


/* ===== AK_SWAP_GRADES_LINE_V489 START ===== */

/*
  Возвращаем штатную real-divider линию.
*/
html body section.ak-grades > .ak-real-divider--grades {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/*
  Скрываем только две V484-линии внутри
  wrapper блока "Шкала оценки".
*/
html body
.ak-v484-divider--grades
> .ak-v484-divider__line {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* ===== AK_SWAP_GRADES_LINE_V489 END ===== */


/* ===== AK_SWAP_COMPARE_LINE_V490 START ===== */

/*
  Возвращаем штатную real-divider линию
  для блока "Сравнение".
*/
html body section.ak-compare > .ak-real-divider--compare {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/*
  Скрываем только две V484-линии внутри
  wrapper блока "Сравнение".
*/
html body
.ak-v484-divider--compare
> .ak-v484-divider__line {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* ===== AK_SWAP_COMPARE_LINE_V490 END ===== */


/* ===== AK_FAQ_SHARED_STYLE_V491 START ===== */

/*
  FAQ переводим на тот же визуальный стандарт,
  что и верхние секции:
  - светлая тонкая SVG-линия
  - мягкое исчезновение по краям
  - капсула поверх линии
  - без blur / glow
*/

html body .ak-faq__divider {
  position: relative !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 1160px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  overflow: visible !important;
}


/*
  Левая и правая декоративные линии.
*/
html body .ak-faq__divider-line {
  display: block !important;

  flex: 1 1 0 !important;

  width: auto !important;
  min-width: 0 !important;

  height: 2px !important;
  min-height: 2px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: none !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='0.94' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat !important;
  background-size: 100% 2px !important;
  background-position: center center !important;

  box-shadow: none !important;
  filter: none !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;
}


/*
  Капсула FAQ — тот же shared visual language.
*/
html body .ak-faq__eyebrow {
  position: relative !important;

  z-index: 2 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: max-content !important;
  height: 30px !important;
  min-height: 30px !important;

  margin: 0 !important;

  padding: 0 16px !important;

  border:
    1px solid rgba(110, 160, 247, .42) !important;

  border-radius:
    999px !important;

  background:
    #eef4ff !important;

  background-image:
    none !important;

  color:
    #2f7df4 !important;

  font-size:
    12px !important;

  line-height:
    1 !important;

  font-weight:
    800 !important;

  letter-spacing:
    .07em !important;

  text-transform:
    uppercase !important;

  white-space:
    nowrap !important;

  box-shadow:
    0 3px 12px rgba(47,125,244,.10) !important;

  transform:
    none !important;
}


/* DARK */

html[data-theme="dark"] body .ak-faq__divider-line {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233B82F6' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='0.94' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%233B82F6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"] body .ak-faq__eyebrow {
  border-color:
    rgba(110,160,247,.44) !important;

  background:
    #101d33 !important;

  color:
    #78a7ff !important;

  box-shadow:
    0 4px 16px rgba(0,0,0,.18) !important;
}


/* MOBILE */

@media (max-width: 760px) {
  html body .ak-faq__divider {
    width:
      calc(100% - 28px) !important;
  }
}

/* ===== AK_FAQ_SHARED_STYLE_V491 END ===== */


/* ===== AK_FAQ_EXACT_SHARED_V492 START ===== */

/*
  FAQ переводим с:
  line | capsule | line

  на:
  одна общая SVG-линия ЗА капсулой.

  Это тот же принцип, что у основных section headers.
*/

html body section.ak-faq > .ak-faq__divider {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: min(1160px, calc(100% - 48px)) !important;
  max-width: none !important;

  min-height: 30px !important;
  height: 30px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;

  overflow: visible !important;
}


/* ---------------------------------------------------------
   СТАРЫЕ ДВЕ FAQ-ЛИНИИ ВЫКЛЮЧАЕМ
   --------------------------------------------------------- */

html body section.ak-faq
> .ak-faq__divider
> .ak-faq__divider-line {

  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}


/* ---------------------------------------------------------
   ОДНА ОБЩАЯ SVG-ЛИНИЯ
   --------------------------------------------------------- */

html body section.ak-faq
> .ak-faq__divider::before {

  content: "" !important;

  position: absolute !important;

  top: 15px !important;
  left: 0 !important;
  right: 0 !important;

  display: block !important;

  width: auto !important;

  height: 2px !important;
  min-height: 2px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: none !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='0.94' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat !important;
  background-size: 100% 2px !important;
  background-position: center center !important;

  box-shadow: none !important;
  filter: none !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;

  z-index: 0 !important;

  pointer-events: none !important;
}


/* ---------------------------------------------------------
   КАПСУЛА ПОВЕРХ ОБЩЕЙ ЛИНИИ
   ВНЕШНИЙ ВИД КАПСУЛЫ НЕ ПЕРЕДЕЛЫВАЕМ
   --------------------------------------------------------- */

html body section.ak-faq
> .ak-faq__divider
> .ak-faq__eyebrow {

  position: relative !important;

  top: auto !important;
  left: auto !important;
  right: auto !important;

  z-index: 2 !important;

  flex: 0 0 auto !important;

  margin: 0 !important;

  transform: none !important;
}


/* DARK */

html[data-theme="dark"] body section.ak-faq
> .ak-faq__divider::before {

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233B82F6' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='0.94' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%233B82F6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;
}


/* MOBILE */

@media (max-width: 760px) {

  html body section.ak-faq > .ak-faq__divider {
    width: calc(100% - 28px) !important;
  }

}

/* ===== AK_FAQ_EXACT_SHARED_V492 END ===== */


/* ===== AK_CENTER_FAQ_V493 START ===== */

/*
  Центрируем весь FAQ относительно viewport.
  Ширину внутреннего контента сохраняем.
*/

html body section.ak-faq {
  width: 100% !important;
  max-width: none !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 24px !important;
  padding-right: 24px !important;

  box-sizing: border-box !important;
}


/*
  Основной FAQ-контейнер — строго по центру.
*/

html body section.ak-faq > .ak-faq__container {
  width: min(1160px, 100%) !important;
  max-width: 1160px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  box-sizing: border-box !important;
}


/*
  Разделитель FAQ центрируем по той же ширине,
  что и основной контент.
*/

html body section.ak-faq > .ak-faq__divider {
  width: min(1160px, 100%) !important;
  max-width: 1160px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  left: auto !important;
  right: auto !important;

  transform: none !important;

  box-sizing: border-box !important;
}


/* MOBILE */

@media (max-width: 760px) {

  html body section.ak-faq {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html body section.ak-faq > .ak-faq__container,
  html body section.ak-faq > .ak-faq__divider {
    width: 100% !important;
  }

}

/* ===== AK_CENTER_FAQ_V493 END ===== */


/* ===== AK_FAQ_VERTICAL_CENTER_V494 START ===== */

/*
  FAQ divider сейчас слишком близко к заголовку.
  Поднимаем только разделитель визуально вверх,
  сам FAQ-контент остаётся на прежнем месте.
*/

html body section.ak-faq
> .ak-faq__divider {
  position: relative !important;

  top: -68px !important;

  margin-left: auto !important;
  margin-right: auto !important;
}


/*
  На мобильных расстояние меньше.
*/
@media (max-width: 760px) {

  html body section.ak-faq
  > .ak-faq__divider {
    top: -46px !important;
  }

}

/* ===== AK_FAQ_VERTICAL_CENTER_V494 END ===== */


/* ===== AK_REVIEWS_SHARED_STYLE_V495 START ===== */

/*
  ОТЗЫВЫ:
  переводим на одну общую SVG-линию за капсулой,
  как у FAQ.
*/

html body section.ak-reviews
> .ak-reviews__divider {

  position:
    relative !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    min(1160px, 100%) !important;

  max-width:
    1160px !important;

  min-height:
    30px !important;

  height:
    30px !important;

  margin-left:
    auto !important;

  margin-right:
    auto !important;

  padding:
    0 !important;

  overflow:
    visible !important;

  box-sizing:
    border-box !important;
}


/* ---------------------------------------------------------
   Старые две линии скрываем
   --------------------------------------------------------- */

html body section.ak-reviews
> .ak-reviews__divider
> .ak-reviews__divider-line {

  display:
    none !important;

  visibility:
    hidden !important;

  opacity:
    0 !important;
}


/* ---------------------------------------------------------
   Одна общая SVG-линия
   --------------------------------------------------------- */

html body section.ak-reviews
> .ak-reviews__divider::before {

  content:
    "" !important;

  position:
    absolute !important;

  top:
    15px !important;

  left:
    0 !important;

  right:
    0 !important;

  display:
    block !important;

  width:
    auto !important;

  height:
    2px !important;

  min-height:
    2px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  background:
    none !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='0.94' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;

  background-repeat:
    no-repeat !important;

  background-size:
    100% 2px !important;

  background-position:
    center center !important;

  box-shadow:
    none !important;

  filter:
    none !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  transform:
    none !important;

  z-index:
    0 !important;

  pointer-events:
    none !important;
}


/* ---------------------------------------------------------
   Капсула ОТЗЫВЫ поверх линии
   --------------------------------------------------------- */

html body section.ak-reviews
> .ak-reviews__divider
> .ak-reviews__eyebrow {

  position:
    relative !important;

  top:
    auto !important;

  left:
    auto !important;

  right:
    auto !important;

  bottom:
    auto !important;

  z-index:
    2 !important;

  flex:
    0 0 auto !important;

  margin:
    0 !important;

  transform:
    none !important;
}


/* ---------------------------------------------------------
   DARK
   --------------------------------------------------------- */

html[data-theme="dark"] body section.ak-reviews
> .ak-reviews__divider::before {

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233B82F6' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='0.94' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%233B82F6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 760px) {

  html body section.ak-reviews
  > .ak-reviews__divider {

    width:
      calc(100% - 28px) !important;
  }

}

/* ===== AK_REVIEWS_SHARED_STYLE_V495 END ===== */


/* ===== AK_REVIEWS_CENTER_RAISE_V496 START ===== */

/*
  Только блок ОТЗЫВЫ:
  1) держим divider строго по центру
  2) поднимаем его выше
  3) капсула остаётся ровно по центру линии
*/

html body section.ak-reviews > .ak-reviews__divider {
  position: relative !important;

  top: -18px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: min(1160px, 100%) !important;
  max-width: 1160px !important;

  height: 30px !important;
  min-height: 30px !important;

  margin: 0 auto 18px !important;
  padding: 0 !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Линия остаётся ровно по центру капсулы */
html body section.ak-reviews > .ak-reviews__divider::before {
  top: 15px !important;
}

/* Капсула строго по центру divider */
html body section.ak-reviews > .ak-reviews__divider > .ak-reviews__eyebrow {
  position: relative !important;

  top: 0 !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;

  margin: 0 !important;

  transform: none !important;

  z-index: 2 !important;
  flex: 0 0 auto !important;
}

@media (max-width: 620px) {
  html body section.ak-reviews > .ak-reviews__divider {
    top: -14px !important;
    margin: 0 auto 16px !important;
  }
}

/* ===== AK_REVIEWS_CENTER_RAISE_V496 END ===== */


/* ===== AK_REVIEWS_TRUE_CENTER_V497 START ===== */

/*
  Только блок "ОТЗЫВЫ":
  - убираем возможный сдвиг вправо
  - центрируем divider по контейнеру
  - капсулу держим строго в центре между линиями
*/

html body section.ak-reviews > .ak-reviews__divider,
html body .ak-reviews > .ak-reviews__divider {
  position: relative !important;

  left: auto !important;
  right: auto !important;

  width: min(1160px, calc(100% - 48px)) !important;
  max-width: 1160px !important;

  margin: 0 auto 18px !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  transform: none !important;
  box-sizing: border-box !important;

  top: -18px !important;
}

html body section.ak-reviews > .ak-reviews__divider > .ak-reviews__divider-line,
html body .ak-reviews > .ak-reviews__divider > .ak-reviews__divider-line {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

html body section.ak-reviews > .ak-reviews__divider > .ak-reviews__eyebrow,
html body .ak-reviews > .ak-reviews__divider > .ak-reviews__eyebrow {
  position: relative !important;

  left: auto !important;
  right: auto !important;

  margin: 0 !important;

  transform: none !important;
  flex: 0 0 auto !important;
}

@media (max-width: 620px) {
  html body section.ak-reviews > .ak-reviews__divider,
  html body .ak-reviews > .ak-reviews__divider {
    top: -14px !important;
    margin: 0 auto 16px !important;
    width: calc(100% - 28px) !important;
  }
}

/* ===== AK_REVIEWS_TRUE_CENTER_V497 END ===== */


/* ===== AK_RAISE_FAQ_REVIEWS_HEADERS_V498 START ===== */

/*
  Цель:
  - FAQ и ОТЗЫВЫ поднять выше
  - капсула с линией должна быть визуально посередине
    между соседними блоками
  - стиль линии не меняем
*/

/* --------------------------------------------------
   FAQ
-------------------------------------------------- */
html body section.ak-faq {
  position: relative !important;
  padding-top: 44px !important;
}

html body section.ak-faq > .ak-faq__divider,
html body .ak-faq > .ak-faq__divider {
  position: relative !important;
  top: -36px !important;
  margin: 0 auto -8px !important;
}

/* --------------------------------------------------
   REVIEWS
-------------------------------------------------- */
html body section.ak-reviews {
  position: relative !important;
  padding-top: 44px !important;
}

html body section.ak-reviews > .ak-reviews__divider,
html body .ak-reviews > .ak-reviews__divider {
  position: relative !important;
  top: -36px !important;
  margin: 0 auto -8px !important;
}

/* --------------------------------------------------
   Mobile
-------------------------------------------------- */
@media (max-width: 620px) {
  html body section.ak-faq {
    padding-top: 38px !important;
  }

  html body section.ak-faq > .ak-faq__divider,
  html body .ak-faq > .ak-faq__divider {
    top: -30px !important;
    margin: 0 auto -6px !important;
  }

  html body section.ak-reviews {
    padding-top: 38px !important;
  }

  html body section.ak-reviews > .ak-reviews__divider,
  html body .ak-reviews > .ak-reviews__divider {
    top: -30px !important;
    margin: 0 auto -6px !important;
  }
}

/* ===== AK_RAISE_FAQ_REVIEWS_HEADERS_V498 END ===== */


/* ===== AK_RAISE_FAQ_REVIEWS_MORE_V499 START ===== */

/* Ещё немного поднимаем FAQ */
html body section.ak-faq > .ak-faq__divider,
html body .ak-faq > .ak-faq__divider {
  top: -46px !important;
}

/* Ещё немного поднимаем ОТЗЫВЫ */
html body section.ak-reviews > .ak-reviews__divider,
html body .ak-reviews > .ak-reviews__divider {
  top: -46px !important;
}

/* Mobile */
@media (max-width: 620px) {
  html body section.ak-faq > .ak-faq__divider,
  html body .ak-faq > .ak-faq__divider {
    top: -38px !important;
  }

  html body section.ak-reviews > .ak-reviews__divider,
  html body .ak-reviews > .ak-reviews__divider {
    top: -38px !important;
  }
}

/* ===== AK_RAISE_FAQ_REVIEWS_MORE_V499 END ===== */


/* ===== AK_RAISE_FAQ_REVIEWS_10PX_V500 START ===== */

html body section.ak-faq > .ak-faq__divider,
html body .ak-faq > .ak-faq__divider {
  top: -56px !important;
}

html body section.ak-reviews > .ak-reviews__divider,
html body .ak-reviews > .ak-reviews__divider {
  top: -56px !important;
}

@media (max-width: 620px) {
  html body section.ak-faq > .ak-faq__divider,
  html body .ak-faq > .ak-faq__divider {
    top: -48px !important;
  }

  html body section.ak-reviews > .ak-reviews__divider,
  html body .ak-reviews > .ak-reviews__divider {
    top: -48px !important;
  }
}

/* ===== AK_RAISE_FAQ_REVIEWS_10PX_V500 END ===== */


/* ===== AK_RAISE_FAQ_REVIEWS_2PX_V501 START ===== */

html body section.ak-faq > .ak-faq__divider,
html body .ak-faq > .ak-faq__divider {
  top: -58px !important;
}

html body section.ak-reviews > .ak-reviews__divider,
html body .ak-reviews > .ak-reviews__divider {
  top: -58px !important;
}

@media (max-width: 620px) {
  html body section.ak-faq > .ak-faq__divider,
  html body .ak-faq > .ak-faq__divider {
    top: -50px !important;
  }

  html body section.ak-reviews > .ak-reviews__divider,
  html body .ak-reviews > .ak-reviews__divider {
    top: -50px !important;
  }
}

/* ===== AK_RAISE_FAQ_REVIEWS_2PX_V501 END ===== */


/* ===== AK_RAISE_FAQ_REVIEWS_1PX_V502 START ===== */

html body section.ak-faq > .ak-faq__divider,
html body .ak-faq > .ak-faq__divider {
  top: -59px !important;
}

html body section.ak-reviews > .ak-reviews__divider,
html body .ak-reviews > .ak-reviews__divider {
  top: -59px !important;
}

@media (max-width: 620px) {
  html body section.ak-faq > .ak-faq__divider,
  html body .ak-faq > .ak-faq__divider {
    top: -51px !important;
  }

  html body section.ak-reviews > .ak-reviews__divider,
  html body .ak-reviews > .ak-reviews__divider {
    top: -51px !important;
  }
}

/* ===== AK_RAISE_FAQ_REVIEWS_1PX_V502 END ===== */


/* ===== AK_COMPARE_CAPSULE_MATCH_V507 START ===== */

/*
  Только визуальный стиль капсулы "Сравнение".
  Делает её 1:1 по visual language с "Шкала оценки".
*/

html body section.ak-compare .ak-compare__eyebrow {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    max-content !important;

  height:
    30px !important;

  min-height:
    30px !important;

  margin:
    0 !important;

  padding:
    0 16px !important;

  border:
    1px solid rgba(110, 160, 247, .42) !important;

  border-radius:
    999px !important;

  background:
    #eef4ff !important;

  background-image:
    none !important;

  color:
    #2f7df4 !important;

  font-size:
    12px !important;

  line-height:
    1 !important;

  font-weight:
    800 !important;

  letter-spacing:
    .07em !important;

  text-transform:
    uppercase !important;

  white-space:
    nowrap !important;

  box-shadow:
    0 3px 12px rgba(47, 125, 244, .10) !important;

  opacity:
    1 !important;

  visibility:
    visible !important;
}


/* DARK */

html[data-theme="dark"]
body
section.ak-compare
.ak-compare__eyebrow {
  border-color:
    rgba(110, 160, 247, .44) !important;

  background:
    #101d33 !important;

  color:
    #78a7ff !important;

  box-shadow:
    0 4px 16px rgba(0, 0, 0, .18) !important;
}

/* ===== AK_COMPARE_CAPSULE_MATCH_V507 END ===== */


/* ===== AK_COMPARE_EXACT_PRICING_V509 START ===== */

/*
  Точная визуальная копия капсулы "ТАРИФЫ".
  Геометрия wrapper/секции остаётся существующей.
*/

html body section.ak-compare .ak-compare__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: max-content !important;
  min-width: 0 !important;

  height: 32px !important;
  min-height: 32px !important;

  margin: 0 !important;
  padding: 0 17px !important;

  border:
    1px solid rgba(110, 160, 247, 0.42) !important;

  border-radius:
    999px !important;

  background:
    #eef4ff !important;

  background-image:
    none !important;

  color:
    #2f7df4 !important;

  font-size:
    12px !important;

  line-height:
    1 !important;

  font-weight:
    800 !important;

  letter-spacing:
    0.07em !important;

  text-transform:
    uppercase !important;

  white-space:
    nowrap !important;

  box-shadow:
    0 3px 12px rgba(47, 125, 244, 0.08) !important;

  opacity:
    1 !important;

  visibility:
    visible !important;
}


/* Тёмная тема — тоже 1:1 с ТАРИФЫ */

html[data-theme="dark"]
body
section.ak-compare
.ak-compare__eyebrow {
  border-color:
    rgba(110, 160, 247, 0.44) !important;

  background:
    #101d33 !important;

  color:
    #78a7ff !important;

  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.18) !important;
}

/* ===== AK_COMPARE_EXACT_PRICING_V509 END ===== */


/* ===== AK_COMPARE_PRICING_GEOMETRY_V511 START ===== */

/*
  Старый V484-wrapper больше не должен
  формировать геометрию капсулы СРАВНЕНИЕ.
*/

html body section.ak-compare
.ak-v484-divider--compare {
  position: static !important;

  display: contents !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
}


/*
  Капсула СРАВНЕНИЕ теперь работает
  точно по той же геометрии, что ТАРИФЫ.
*/

html body section.ak-compare
.ak-compare__eyebrow {

  position: absolute !important;

  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 30 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: max-content !important;
  min-width: 0 !important;

  height: 32px !important;
  min-height: 32px !important;

  margin: 0 !important;
  padding: 0 17px !important;

  border:
    1px solid rgba(110,160,247,.42) !important;

  border-radius:
    999px !important;

  background:
    #eef4ff !important;

  background-image:
    none !important;

  color:
    #2f7df4 !important;

  font-size:
    12px !important;

  line-height:
    1 !important;

  font-weight:
    800 !important;

  letter-spacing:
    .07em !important;

  text-transform:
    uppercase !important;

  white-space:
    nowrap !important;

  box-shadow:
    0 3px 12px rgba(47,125,244,.08) !important;

  transform:
    translate(-50%,-50%) !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  pointer-events:
    none !important;
}


/* DARK — как у ТАРИФЫ */

html[data-theme="dark"]
body
section.ak-compare
.ak-compare__eyebrow {

  border-color:
    rgba(110,160,247,.44) !important;

  background:
    #101d33 !important;

  color:
    #78a7ff !important;

  box-shadow:
    0 4px 16px rgba(0,0,0,.18) !important;
}


/*
  Две старые V484-линии остаются выключены.
  Используется уже существующая real-divider--compare.
*/

html body
.ak-v484-divider--compare
> .ak-v484-divider__line {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* ===== AK_COMPARE_PRICING_GEOMETRY_V511 END ===== */


/* ===== AK_COMPARE_LINE_EXACT_TARIFFS_V512 START ===== */

/*
  Только real-divider блока СРАВНЕНИЕ.
  Цвет и fade делаем как у ТАРИФЫ.
*/

html body section.ak-compare
> .ak-real-divider--compare {

  height:
    2px !important;

  min-height:
    2px !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  background:
    none !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='0.94' stop-color='%23C7DAFF' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23C7DAFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;

  background-repeat:
    no-repeat !important;

  background-size:
    100% 2px !important;

  background-position:
    center center !important;

  box-shadow:
    none !important;

  filter:
    none !important;

  opacity:
    1 !important;
}


/* DARK */

html[data-theme="dark"]
body
section.ak-compare
> .ak-real-divider--compare {

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 2' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1000' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233B82F6' stop-opacity='0'/%3E%3Cstop offset='0.06' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='0.94' stop-color='%233B82F6' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%233B82F6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0.5' width='1000' height='1' fill='url(%23g)'/%3E%3C/svg%3E") !important;
}

/* ===== AK_COMPARE_LINE_EXACT_TARIFFS_V512 END ===== */


/* ===== AK_ENABLE_TEXT_SELECTION_V513 START ===== */

/*
  Возвращаем нормальное выделение текста
  в трёх информационных секциях.

  Не меняем:
  - layout
  - цвета
  - линии
  - капсулы
  - hover
  - accordion
  - кнопки
*/


/* ---------------------------------------------------------
   SECTION LEVEL
   --------------------------------------------------------- */

html body section.ak-faq,
html body section.ak-compare,
html body section.ak-grades {
  -webkit-user-select: text !important;
  user-select: text !important;
}


/* ---------------------------------------------------------
   ALL CONTENT INSIDE
   Перебиваем старые локальные user-select:none.
   --------------------------------------------------------- */

html body section.ak-faq *,
html body section.ak-compare *,
html body section.ak-grades * {
  -webkit-user-select: text !important;
  user-select: text !important;
}


/* ---------------------------------------------------------
   DECORATIVE ELEMENTS
   Их выделять не нужно.
   --------------------------------------------------------- */

html body section.ak-faq svg,
html body section.ak-faq path,

html body section.ak-compare svg,
html body section.ak-compare path,

html body section.ak-grades svg,
html body section.ak-grades path,

html body section.ak-faq .ak-faq__divider-line,
html body section.ak-compare .ak-real-divider--compare,
html body section.ak-grades .ak-real-divider--grades,

html body section.ak-compare .ak-v484-divider__line,
html body section.ak-grades .ak-v484-divider__line {
  -webkit-user-select: none !important;
  user-select: none !important;
}


/* ---------------------------------------------------------
   TEXT CURSOR
   Только там, где непосредственно текст.
   --------------------------------------------------------- */

html body section.ak-faq h1,
html body section.ak-faq h2,
html body section.ak-faq h3,
html body section.ak-faq p,
html body section.ak-faq span,
html body section.ak-faq strong,

html body section.ak-compare h1,
html body section.ak-compare h2,
html body section.ak-compare h3,
html body section.ak-compare p,
html body section.ak-compare span,
html body section.ak-compare strong,

html body section.ak-grades h1,
html body section.ak-grades h2,
html body section.ak-grades h3,
html body section.ak-grades p,
html body section.ak-grades span,
html body section.ak-grades strong {
  cursor: text;
}


/*
  Интерактивные элементы сохраняют обычный курсор
  и свою функциональность.
*/

html body section.ak-faq button,
html body section.ak-faq a,

html body section.ak-compare button,
html body section.ak-compare a,

html body section.ak-grades button,
html body section.ak-grades a {
  cursor: pointer;
}


/* ===== AK_ENABLE_TEXT_SELECTION_V513 END ===== */


/* ===== AK_REAL_TEXT_SELECTION_V516 START ===== */

/* =========================================================
   FAQ
   ========================================================= */

html body section.ak-faq .ak-faq-item__question {
  -webkit-user-select: text !important;
  user-select: text !important;
}

html body section.ak-faq .ak-faq-item__question *,
html body section.ak-faq .ak-faq-item__answer,
html body section.ak-faq .ak-faq-item__answer * {
  -webkit-user-select: text !important;
  user-select: text !important;
}

/*
  Иконка + не должна участвовать в выделении.
*/
html body section.ak-faq .ak-faq-item__icon,
html body section.ak-faq .ak-faq-item__icon * {
  -webkit-user-select: none !important;
  user-select: none !important;
}


/* =========================================================
   СРАВНЕНИЕ
   ========================================================= */

html body section.ak-compare .ak-compare-table,
html body section.ak-compare .ak-compare-row,
html body section.ak-compare .ak-compare-cell,
html body section.ak-compare .ak-compare-cell *,
html body section.ak-compare .ak-compare__title,
html body section.ak-compare .ak-compare__subtitle {
  -webkit-user-select: text !important;
  user-select: text !important;
}


/* =========================================================
   ШКАЛА ОЦЕНКИ
   ========================================================= */

html body section.ak-grades .ak-grades__title,
html body section.ak-grades .ak-grades__subtitle,
html body section.ak-grades .ak-grade-row,
html body section.ak-grades .ak-grade-row *,
html body section.ak-grades .ak-grades__panel,
html body section.ak-grades .ak-grades__panel * {
  -webkit-user-select: text !important;
  user-select: text !important;
}


/*
  Интерактивные кнопки сохраняют pointer cursor.
  Выделение текста при этом остаётся разрешено.
*/

html body section.ak-faq .ak-faq-item__question,
html body section.ak-compare button,
html body section.ak-grades button {
  cursor: pointer !important;
}


/* ===== AK_REAL_TEXT_SELECTION_V516 END ===== */


/* ===== AK_TEXT_CURSOR_SELECTION_V518 START ===== */

/*
  ============================================================
  ОБЫЧНЫЙ ТЕКСТ:
  разрешаем выделение + показываем I-beam cursor
  ============================================================
*/

html body section.ak-compare,
html body section.ak-faq,
html body section.ak-grades,
html body section.ak-reviews,

html body section.ak-compare *,
html body section.ak-faq *,
html body section.ak-grades *,
html body section.ak-reviews * {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


/*
  ============================================================
  ТЕКСТОВЫЕ ЭЛЕМЕНТЫ
  ============================================================
*/

html body section.ak-compare h1,
html body section.ak-compare h2,
html body section.ak-compare h3,
html body section.ak-compare h4,
html body section.ak-compare p,
html body section.ak-compare span,
html body section.ak-compare strong,
html body section.ak-compare small,
html body section.ak-compare div,
html body section.ak-compare td,
html body section.ak-compare th,

html body section.ak-faq h1,
html body section.ak-faq h2,
html body section.ak-faq h3,
html body section.ak-faq h4,
html body section.ak-faq p,
html body section.ak-faq span,
html body section.ak-faq strong,
html body section.ak-faq small,
html body section.ak-faq div,
html body section.ak-faq summary,

html body section.ak-grades h1,
html body section.ak-grades h2,
html body section.ak-grades h3,
html body section.ak-grades h4,
html body section.ak-grades p,
html body section.ak-grades span,
html body section.ak-grades strong,
html body section.ak-grades small,
html body section.ak-grades div,

html body section.ak-reviews h1,
html body section.ak-reviews h2,
html body section.ak-reviews h3,
html body section.ak-reviews h4,
html body section.ak-reviews p,
html body section.ak-reviews span,
html body section.ak-reviews strong,
html body section.ak-reviews small,
html body section.ak-reviews div {
  cursor: text !important;

  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


/*
  ============================================================
  FAQ
  summary раньше имел cursor:pointer + user-select:none.
  Теперь сам текст можно нормально выделять.
  ============================================================
*/

html body section.ak-faq .ak-faq-item__question,
html body section.ak-faq .ak-faq-item__question *,
html body section.ak-faq .faq-q,
html body section.ak-faq .faq-q * {
  cursor: text !important;

  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


/*
  ============================================================
  ИНТЕРАКТИВНЫЕ ЭЛЕМЕНТЫ
  У них оставляем pointer.
  ============================================================
*/

html body section.ak-compare a,
html body section.ak-compare button,

html body section.ak-faq a,
html body section.ak-faq button,

html body section.ak-grades a,
html body section.ak-grades button,

html body section.ak-reviews a,
html body section.ak-reviews button {
  cursor: pointer !important;
}


/*
  FAQ плюс/иконка остаётся визуально интерактивной.
*/

html body section.ak-faq .ak-faq-item__icon,
html body section.ak-faq .ak-faq-item__icon *,
html body section.ak-faq svg,
html body section.ak-faq svg * {
  cursor: pointer !important;

  -webkit-user-select: none !important;
  user-select: none !important;
}


/*
  ============================================================
  ДЕКОРАТИВНЫЕ ЛИНИИ
  Их выделять не нужно.
  ============================================================
*/

html body section.ak-compare .ak-real-divider--compare,
html body section.ak-compare .ak-v484-divider__line,

html body section.ak-grades .ak-real-divider--grades,
html body section.ak-grades .ak-v484-divider__line,

html body section.ak-faq .ak-faq__divider-line,

html body section.ak-reviews .ak-reviews__divider-line {
  cursor: default !important;

  -webkit-user-select: none !important;
  user-select: none !important;
}

/* ===== AK_TEXT_CURSOR_SELECTION_V518 END ===== */


/* ===== AK_REAL_POINTER_SELECTION_V522 START ===== */

/*
  ============================================================
  Обычный контент четырёх секций должен реально получать
  события мыши. Это важно не только для user-select,
  но и для появления штатного I-beam курсора браузера.
  ============================================================
*/

html body section.ak-compare,
html body section.ak-faq,
html body section.ak-grades,
html body section.ak-reviews,

html body section.ak-compare *,
html body section.ak-faq *,
html body section.ak-grades *,
html body section.ak-reviews * {
  pointer-events: auto !important;

  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


/*
  ============================================================
  ТЕКСТ
  ============================================================
*/

html body section.ak-compare :is(
  h1,h2,h3,h4,h5,h6,p,span,strong,small,div,td,th
),

html body section.ak-faq :is(
  h1,h2,h3,h4,h5,h6,p,span,strong,small,div,summary
),

html body section.ak-grades :is(
  h1,h2,h3,h4,h5,h6,p,span,strong,small,div
),

html body section.ak-reviews :is(
  h1,h2,h3,h4,h5,h6,p,span,strong,small,div
) {
  cursor: text !important;

  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


/*
  ============================================================
  FAQ
  Сам вопрос — текстовый курсор.
  Плюс остаётся кликабельным.
  ============================================================
*/

html body section.ak-faq .ak-faq-item__question,
html body section.ak-faq .ak-faq-item__question > span:not(.ak-faq-item__icon) {
  pointer-events: auto !important;
  cursor: text !important;

  -webkit-user-select: text !important;
  user-select: text !important;
}

html body section.ak-faq .ak-faq-item__icon,
html body section.ak-faq .ak-faq-item__icon *,
html body section.ak-faq .ak-faq-item__icon svg,
html body section.ak-faq .ak-faq-item__icon path {
  pointer-events: auto !important;
  cursor: pointer !important;

  -webkit-user-select: none !important;
  user-select: none !important;
}


/*
  ============================================================
  ШКАЛА ОЦЕНКИ
  Строка остаётся кнопкой, но текст внутри неё выделяем.
  ============================================================
*/

html body section.ak-grades .ak-grade-row {
  pointer-events: auto !important;

  -webkit-user-select: text !important;
  user-select: text !important;
}

html body section.ak-grades .ak-grade-row > span,
html body section.ak-grades .ak-grade-preview,
html body section.ak-grades .ak-grade-preview * {
  pointer-events: auto !important;
  cursor: text !important;

  -webkit-user-select: text !important;
  user-select: text !important;
}


/*
  ============================================================
  СРАВНЕНИЕ
  ============================================================
*/

html body section.ak-compare .ak-compare__scroll,
html body section.ak-compare .ak-compare-table,
html body section.ak-compare .ak-compare-row,
html body section.ak-compare .ak-compare-cell,
html body section.ak-compare .ak-compare-cell * {
  pointer-events: auto !important;
  cursor: text !important;

  -webkit-user-select: text !important;
  user-select: text !important;
}


/*
  ============================================================
  ОТЗЫВЫ
  ============================================================
*/

html body section.ak-reviews .ak-reviews-carousel__viewport,
html body section.ak-reviews .ak-reviews-carousel__track,
html body section.ak-reviews .ak-reviews-carousel__slide,
html body section.ak-reviews .ak-reviews__panel,
html body section.ak-reviews .ak-reviews__message,
html body section.ak-reviews .ak-reviews__message * {
  pointer-events: auto !important;
  cursor: text !important;

  -webkit-user-select: text !important;
  user-select: text !important;
}


/*
  ============================================================
  Реально интерактивные элементы
  ============================================================
*/

html body section.ak-compare a,
html body section.ak-compare button,

html body section.ak-faq a,
html body section.ak-faq button,

html body section.ak-grades a,

html body section.ak-reviews a,
html body section.ak-reviews button,
html body section.ak-reviews .ak-reviews-carousel__arrow {
  pointer-events: auto !important;
  cursor: pointer !important;
}


/*
  ============================================================
  ДЕКОРАТИВНЫЕ СЛОИ — обратно выключаем события мыши.
  Они не должны лежать поверх текста.
  ============================================================
*/

html body section.ak-compare > .ak-real-divider--compare,
html body section.ak-compare .ak-v484-divider__line,

html body section.ak-grades > .ak-real-divider--grades,
html body section.ak-grades .ak-v484-divider__line,

html body section.ak-faq > .ak-faq__divider,
html body section.ak-faq > .ak-faq__divider::before,
html body section.ak-faq .ak-faq__divider-line,

html body section.ak-reviews > .ak-reviews__divider,
html body section.ak-reviews > .ak-reviews__divider::before,
html body section.ak-reviews .ak-reviews__divider-line,

html body section.ak-reviews .ak-reviews-scene::before,
html body section.ak-reviews .ak-reviews-scene::after {
  pointer-events: none !important;
}

/* ===== AK_REAL_POINTER_SELECTION_V522 END ===== */


/* ===== AK_CAPSULE_TEXT_SELECTION_V524 START ===== */

/*
  Капсулы должны принимать мышь,
  чтобы их текст можно было выделить и скопировать.
*/

html body .ak-grades__eyebrow,
html body .ak-compare__eyebrow,
html body .ak-faq__eyebrow,
html body .ak-reviews__eyebrow {
  pointer-events: auto !important;
  cursor: text !important;

  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


/*
  Если внутри капсулы есть span —
  он тоже должен получать текстовый курсор.
*/

html body .ak-grades__eyebrow *,
html body .ak-compare__eyebrow *,
html body .ak-faq__eyebrow *,
html body .ak-reviews__eyebrow * {
  pointer-events: auto !important;
  cursor: text !important;

  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


/*
  Сами декоративные линии остаются некликабельными.
*/

html body .ak-real-divider--grades,
html body .ak-real-divider--compare,
html body .ak-v484-divider__line,
html body .ak-faq__divider-line,
html body .ak-reviews__divider-line,

html body section.ak-faq > .ak-faq__divider::before,
html body section.ak-reviews > .ak-reviews__divider::before {
  pointer-events: none !important;
}

/* ===== AK_CAPSULE_TEXT_SELECTION_V524 END ===== */


/* ===== AK_GRADES_COMPARE_CAPSULE_SELECTION_V525 START ===== */

/*
  V484 / V511 имеют более специфичные правила
  pointer-events:none для этих двух eyebrow.
  Возвращаем события мыши ТОЛЬКО самим капсулам.
*/


/* =========================================================
   ШКАЛА ОЦЕНКИ
   ========================================================= */

html body section.ak-grades
.ak-v484-divider--grades
> .ak-grades__eyebrow {

  pointer-events: auto !important;

  cursor: text !important;

  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


/* На случай текста/вложенного span внутри капсулы */

html body section.ak-grades
.ak-v484-divider--grades
> .ak-grades__eyebrow,
html body section.ak-grades
.ak-v484-divider--grades
> .ak-grades__eyebrow * {

  pointer-events: auto !important;

  cursor: text !important;

  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


/* =========================================================
   СРАВНЕНИЕ
   ========================================================= */

html body section.ak-compare
.ak-v484-divider--compare
> .ak-compare__eyebrow {

  pointer-events: auto !important;

  cursor: text !important;

  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


html body section.ak-compare
.ak-v484-divider--compare
> .ak-compare__eyebrow,
html body section.ak-compare
.ak-v484-divider--compare
> .ak-compare__eyebrow * {

  pointer-events: auto !important;

  cursor: text !important;

  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


/*
  Сами линии по-прежнему не принимают мышь.
*/

html body section.ak-grades
.ak-v484-divider--grades
> .ak-v484-divider__line,

html body section.ak-compare
.ak-v484-divider--compare
> .ak-v484-divider__line,

html body section.ak-grades
> .ak-real-divider--grades,

html body section.ak-compare
> .ak-real-divider--compare {

  pointer-events: none !important;

  -webkit-user-select: none !important;
  user-select: none !important;
}

/* ===== AK_GRADES_COMPARE_CAPSULE_SELECTION_V525 END ===== */