/* Лендинг petkevich.kz/ai — UltraCRM (29.09.2026).
   Содержание и порядок — со слайдов V2 в pen.dev, навигация — по кадру
   «Навигация лендинга»: 5 якорей + кнопка WhatsApp; на телефоне без бургера —
   строка разделов листается пальцем, WhatsApp внизу под большим пальцем.
   Оформление — сайт как есть: «Просто» + «Инженер» (pk-simple.css, pk-tech.css):
   Spectral / Onest / IBM Plex Mono, зелёный акцент, тонкие линии, кнопки-таблетки.
   Этот файл подключается раньше pk-simple/pk-tech, поэтому правила, которые
   спорят с ними, написаны с запасом специфичности (.site-shell .ai-…).
   Поведение — scripts/pk-ai.js; без скрипта всё видно и читается. */

.ai-root { --ai-head-h: 68px; }
.ai-root [id] { scroll-margin-top: calc(var(--ai-head-h) + 12px); }
.ai-root :where(p, h2, h3, ul, ol) { margin: 0; }
.ai-root :where(ul, ol) { padding: 0; list-style: none; }

/* ——— Значки: маска + currentColor (контуры Lucide) ——— */
.ai-ico {
  display: inline-block;
  flex: none;
  width: 1.15em;
  height: 1.15em;
  background-color: currentColor;
  -webkit-mask: var(--ai-i) center / contain no-repeat;
  mask: var(--ai-i) center / contain no-repeat;
}
[data-ico="message-circle"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); }
[data-ico="instagram"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='20' x='2' y='2' rx='5' ry='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'/%3E%3Cpath d='M17.5 6.5h.01'/%3E%3C/svg%3E"); }
[data-ico="send"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/svg%3E"); }
[data-ico="mail"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E"); }
[data-ico="globe"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E"); }
[data-ico="bot"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8V4H8'/%3E%3Crect width='16' height='12' x='4' y='8' rx='2'/%3E%3Cpath d='M2 14h2'/%3E%3Cpath d='M20 14h2'/%3E%3Cpath d='M15 13v2'/%3E%3Cpath d='M9 13v2'/%3E%3C/svg%3E"); }
[data-ico="database"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5V19A9 3 0 0 0 21 19V5'/%3E%3Cpath d='M3 12A9 3 0 0 0 21 12'/%3E%3C/svg%3E"); }
[data-ico="book-open"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E"); }
[data-ico="layout-grid"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E"); }
[data-ico="eye"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
[data-ico="triangle-alert"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); }
[data-ico="user-plus"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6'/%3E%3Cpath d='M22 11h-6'/%3E%3C/svg%3E"); }
[data-ico="lock"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E"); }
[data-ico="inbox"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-6l-2 3h-4l-2-3H2'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E"); }
[data-ico="arrow-left-right"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 4 7l4 4'/%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='m16 21 4-4-4-4'/%3E%3Cpath d='M20 17H4'/%3E%3C/svg%3E"); }
[data-ico="file-text"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E"); }
[data-ico="zap"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E"); }
[data-ico="languages"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 6 6'/%3E%3Cpath d='m4 14 6-6 2-3'/%3E%3Cpath d='M2 5h12'/%3E%3Cpath d='M7 2h1'/%3E%3Cpath d='m22 22-5-10-5 10'/%3E%3Cpath d='M14 18h6'/%3E%3C/svg%3E"); }
[data-ico="user-check"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='m16 11 2 2 4-4'/%3E%3C/svg%3E"); }
[data-ico="search"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); }
[data-ico="factory"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M17 18h1'/%3E%3Cpath d='M12 18h1'/%3E%3Cpath d='M7 18h1'/%3E%3C/svg%3E"); }
[data-ico="briefcase"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/svg%3E"); }
[data-ico="shield-check"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
[data-ico="check"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
[data-ico="x"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); }
[data-ico="circle-check"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
[data-ico="circle-x"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E"); }
[data-ico="plus"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E"); }
[data-ico="arrow-down"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E"); }
[data-ico="arrow-right"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"); }
[data-ico="arrow-up-right"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E"); }
[data-ico="play"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3 20 12 6 21Z'/%3E%3C/svg%3E"); }
[data-ico="tag"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E"); }
[data-ico="columns-2"] { --ai-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M12 3v18'/%3E%3C/svg%3E"); }
.ai-root { --ai-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); --ai-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); --ai-ccheck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); --ai-cx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E"); }

/* ——— Инверсные плитки (в слайдах — чёрные): в светлой теме графит, в тёмной — светлые ——— */
.ai-inv {
  --i-soft: color-mix(in srgb, var(--paper) 74%, var(--ink));
  --i-muted: color-mix(in srgb, var(--paper) 55%, var(--ink));
  --i-line: color-mix(in srgb, var(--paper) 16%, var(--ink));
  --i-acc: #3fb950;
  background: var(--ink);
  color: var(--paper);
}
:root[data-theme=dark] .ai-inv { --i-acc: #1a7f37; }

/* ——— Мелкие подписи — моно, как метки в хронологии «Обо мне» ——— */
.site-shell .ai-kicker {
  margin: 0 0 18px;
  font: 500 12px/1.3 var(--term);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.ai-muted { color: var(--ink-muted); }
.site-shell .ai-head .ai-kicker { margin: 0 0 18px; font-size: 12px; color: var(--ink-muted); }
.ai-tag {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font: 500 12px/1 var(--term);
  letter-spacing: .02em;
  white-space: nowrap;
}

/* ——— Кнопки — таблетки, как «Обсудить задачу» на главной ——— */
.site-shell .ai-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 24px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  transition: background-color .25s, color .25s, border-color .25s, transform .25s var(--ease);
}
.site-shell .ai-btn .ai-ico { width: 18px; height: 18px; }
.site-shell .ai-btn--solid { background: var(--ink); color: var(--paper); }
.site-shell .ai-btn--ghost { border-color: var(--line); color: var(--ink); }
.site-shell .ai-inv .ai-btn--solid { background: var(--paper); color: var(--ink); }
.site-shell .ai-inv .ai-btn--ghost { border-color: var(--i-line); color: var(--paper); }
@media (hover: hover) {
  .site-shell .ai-btn:hover { transform: translateY(-2px); }
  .site-shell .ai-btn--solid:hover,
  .site-shell .ai-inv .ai-btn--solid:hover { background: var(--accent); color: var(--on-accent); }
  .site-shell .ai-btn--ghost:hover { border-color: var(--ink); }
  .site-shell .ai-inv .ai-btn--ghost:hover { border-color: var(--paper); }
}

/* ═══════════════ Шапка ═══════════════ */
.site-shell .ai-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid transparent;
  transition: background-color .3s, border-color .3s;
}
.pk-scrolled .site-shell .ai-header {
  background: color-mix(in srgb, var(--paper) 88%, transparent);
  border-bottom-color: var(--line);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.ai-header__bar {
  position: relative;
  display: flex;
  align-items: center;
  gap: 24px;
  height: var(--ai-head-h);
}
.ai-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: none;
  transition: opacity .3s, visibility .3s;
}
.site-shell .ai-brand__logo { width: auto; height: 20px; }
.ai-brand__by { font: 500 11px/1 var(--term); color: var(--ink-muted); white-space: nowrap; }
.ai-logo--dark { display: none !important; }
:root[data-theme=dark] .ai-logo--dark { display: block !important; }
:root[data-theme=dark] .ai-logo--light { display: none !important; }

.ai-nav {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 500;
  color: var(--ink-soft);
}
.ai-nav a {
  position: relative;
  display: inline-grid;
  padding: 6px 0;
  white-space: nowrap;
  transition: color .2s;
}
/* Жирное начертание активного раздела не сдвигает соседей: место под него занято заранее */
.ai-nav a > span,
.ai-nav a::before { grid-area: 1 / 1; }
.ai-nav a::before { content: attr(data-label); font-weight: 650; visibility: hidden; height: 0; overflow: hidden; }
.ai-nav a::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s var(--ease);
}
.ai-nav a[aria-current] { color: var(--ink); font-weight: 650; }
.ai-nav a[aria-current]::after { height: 2px; background: var(--accent); transform: scaleX(1); }
@media (hover: hover) {
  .ai-nav a:hover { color: var(--ink); }
  .ai-nav a:hover::after { transform: scaleX(1); }
}

.site-shell .ai-wa {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--ink);
  color: var(--paper);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  transition: background-color .2s, color .2s, opacity .3s, visibility .3s, transform .35s var(--ease);
}
.site-shell .ai-wa .ai-ico { width: 17px; height: 17px; }
@media (hover: hover) { .site-shell .ai-wa:hover { background: var(--accent); color: var(--on-accent); } }
.site-shell .ai-wa--dock { display: none; }

/* ═══════════════ Первый экран ═══════════════ */
.site-shell .ai-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100svh - var(--ai-head-h));
  padding: clamp(32px, 6vh, 88px) 0 clamp(32px, 5vh, 64px);
}
.ai-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(32px, 6vw, 120px);
}
.site-shell .ai-hero__title {
  max-width: none;
  margin: 0 0 clamp(20px, 3vh, 32px);
  font-size: clamp(40px, 5.2vw, 96px);
  line-height: 1.04;
  letter-spacing: -.025em;
}
/* База сайта (Astro) делает span в h1 блоком и курсивом — здесь всё прямым, в строку */
.site-shell .ai-hero__title span { font-style: normal; }
.site-shell .ai-hero__title .ai-hero__hl { display: inline; }
.site-shell .ai-hero__title .ai-caret { display: inline-block; }
/* Вторая строка — как выделенная в слайде: зелёный маркер проводится под ней после загрузки */
.ai-hero__hl {
  background: linear-gradient(color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent) 22%, transparent)) no-repeat 0 86% / 0 30%;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size 1.1s var(--ease) .9s;
}
.pk-ready .ai-hero__hl,
:root:not(.pk-js) .ai-hero__hl { background-size: 100% 30%; }
/* Каретка после заголовка — как после имени на главной */
.ai-caret {
  display: inline-block;
  width: .055em;
  height: .72em;
  margin-left: .12em;
  vertical-align: -.04em;
  background: var(--accent);
  animation: pk-blink 1.1s steps(1) infinite;
}
.site-shell .ai-hero__lead {
  max-width: 56ch;
  color: var(--ink-soft);
  font-size: clamp(18px, 1.45vw, 22px);
  line-height: 1.55;
}
.ai-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: clamp(24px, 4vh, 40px); }
.ai-hero__test {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 40px;
  max-width: 760px;
  margin-top: clamp(28px, 4.5vh, 48px);
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.ai-try { display: grid; gap: 10px; counter-reset: ai-try; }
.ai-try li { display: flex; align-items: center; gap: 12px; font-size: 16px; counter-increment: ai-try; }
.ai-try li::before {
  content: counter(ai-try);
  display: grid;
  flex: none;
  width: 28px; height: 28px;
  place-items: center;
  border: 1px solid var(--ink);
  border-radius: 50%;
  font: 500 12px/1 var(--term);
}
.ai-stat { display: flex; align-items: baseline; gap: 10px; }
.ai-stat__num { font-family: var(--display); font-size: clamp(52px, 5vw, 84px); line-height: .9; white-space: nowrap; }
.ai-stat__num i { font: 500 .42em/1 var(--term); font-style: normal; color: var(--accent); vertical-align: .38em; margin: 0 .08em; }
.ai-stat__unit { font-family: var(--display); font-size: clamp(28px, 2.6vw, 44px); line-height: 1; }
.ai-stat__note { max-width: 13ch; color: var(--ink-muted); font-size: 14px; line-height: 1.35; }

.ai-person { text-align: center; }
.ai-person__frame {
  position: relative;
  display: block;
  width: clamp(180px, 20vw, 320px);
  margin: 0 auto 20px;
}
.site-shell .ai-person__photo,
.site-shell .ai-me__photo {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid var(--line);
  border-radius: 50%;
  object-fit: cover;
}
/* «На связи»: зелёная точка мигает, как курсор в логотипе */
.ai-person__frame::after {
  content: "";
  position: absolute;
  right: 11%; bottom: 7%;
  width: 16px; height: 16px;
  border: 3px solid var(--paper);
  border-radius: 50%;
  background: var(--accent);
  animation: ai-pulse 2.2s ease-out infinite;
}
@keyframes ai-pulse {
  0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent); }
  70%, 100% { box-shadow: 0 0 0 12px color-mix(in srgb, var(--accent) 0%, transparent); }
}
.site-shell .ai-person__name { font-family: var(--display); font-size: clamp(22px, 1.8vw, 28px); line-height: 1.15; }
.ai-person__role { margin-top: 6px; color: var(--ink-muted); font-size: 14px; }

/* Быстрые ссылки: для тех, кто хочет сразу цену или сравнение */
.site-shell .ai-quick { margin-top: clamp(36px, 6vh, 72px); }
.ai-quick .ai-kicker { margin-bottom: 14px; }
.ai-quick__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.site-shell .ai-quick__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 88px;
  padding: 18px 20px 18px 0;
  transition: color .25s;
}
.ai-quick__item + .ai-quick__item { padding-left: 20px; border-left: 1px solid var(--line); }
.ai-quick__item .ai-ico { width: 20px; height: 20px; color: var(--ink-muted); transition: color .25s; }
.ai-quick__text b { display: block; font-size: 16px; font-weight: 600; line-height: 1.25; }
.ai-quick__text small { display: block; margin-top: 3px; color: var(--ink-muted); font-size: 13px; }
.ai-quick__item::after {
  content: "↓";
  display: grid;
  width: 34px; height: 34px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  font-size: 15px;
  transition: background-color .3s, border-color .3s, color .3s, transform .3s var(--ease);
}
.ai-quick__item[href^="http"]::after { content: "↗"; }
@media (hover: hover) {
  .ai-quick__item:hover .ai-ico { color: var(--accent); }
  .ai-quick__item:hover::after { background: var(--accent); border-color: var(--accent); color: var(--on-accent); transform: translateY(3px); }
  .ai-quick__item[href^="http"]:hover::after { transform: rotate(45deg); }
}

/* ═══════════════ Разделы ═══════════════ */
.site-shell .ai-sec { padding-top: clamp(88px, 14vh, 168px); }
.site-shell .ai-head.section-heading { max-width: none; margin-bottom: clamp(32px, 5vh, 56px); }
.site-shell .ai-head.section-heading h2 {
  max-width: 34ch;
  margin: 0;
  font-size: clamp(34px, 3.8vw, 60px);
  line-height: 1.04;
  text-wrap: balance;
}
.site-shell .ai-head .ai-head__sub { margin: 14px 0 0; color: var(--ink-muted); font-size: clamp(18px, 1.5vw, 22px); }

/* Списки с галочками и крестиками */
.ai-list { display: grid; gap: 14px; }
.ai-li { position: relative; padding-left: 34px; font-size: 17px; line-height: 1.5; }
.ai-li::before {
  content: "";
  position: absolute;
  left: 0; top: .12em;
  width: 22px; height: 22px;
  background: currentColor;
  -webkit-mask: var(--ai-i) center / contain no-repeat;
  mask: var(--ai-i) center / contain no-repeat;
}
.ai-li--yes::before, .ai-li--vc::before { color: var(--accent); }
.ai-li--no::before, .ai-li--xc::before { color: var(--ink-muted); }
.ai-inv .ai-li { color: var(--i-soft); }
.ai-inv .ai-li--yes::before, .ai-inv .ai-li--vc::before { color: var(--i-acc); }
.ai-li--strong { color: var(--ink); font-weight: 600; }
.ai-inv .ai-li--strong { color: var(--paper); }

/* Выделенная строка: маркер проводится, когда строка входит в экран */
.site-shell .ai-markline {
  max-width: 44ch;
  margin-top: clamp(32px, 5vh, 52px);
  font-family: var(--display);
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.3;
}
.ai-markline:has(.ai-mark:empty) { display: none; }
.ai-mark {
  background: linear-gradient(color-mix(in srgb, var(--accent) 24%, transparent), color-mix(in srgb, var(--accent) 24%, transparent)) no-repeat 0 88% / 100% 34%;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.ai-markline__rest { color: var(--ink-muted); }
.ai-js .ai-mark { background-size: 0 34%; transition: background-size 1.2s var(--ease) .25s; }
.ai-js .ai-go .ai-mark, .ai-js .ai-go.ai-mark { background-size: 100% 34%; }

.ai-quote {
  margin: clamp(36px, 6vh, 64px) 0 0;
  padding: 2px 0 2px clamp(20px, 2vw, 28px);
  border-left: 2px solid var(--accent);
}
.site-shell .ai-quote p { max-width: 34ch; font-family: var(--display); font-size: clamp(24px, 2.5vw, 40px); line-height: 1.2; }

/* ——— «Да / нет»: две колонки в линиях ——— */
.ai-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.ai-split__col { padding: clamp(28px, 3.2vw, 52px); }
.ai-split__col + .ai-split__col { border-left: 1px solid var(--line); }
.ai-split__col.ai-inv { border-color: var(--ink); }
.site-shell .ai-split__col h3 { margin-bottom: 26px; font-size: clamp(26px, 2.3vw, 36px); line-height: 1.1; }

/* ——— Клиент не ждёт до утра: лента времени ——— */
.ai-night { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(20px, 3vw, 56px); }
.ai-night__time {
  display: inline-block;
  font-family: var(--display);
  font-size: clamp(52px, 6.4vw, 108px);
  line-height: 1;
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
}
.ai-night__step--late .ai-night__time { padding: 0 .12em; margin-left: -.12em; background: var(--ink); color: var(--paper); }
.ai-night__track { position: relative; display: block; height: 16px; margin: 22px 0 20px; }
.ai-night__track::before {
  content: "";
  position: absolute;
  left: 8px; right: calc(-1 * clamp(20px, 3vw, 56px));
  top: 50%;
  height: 1px;
  background: color-mix(in srgb, var(--ink-muted) 55%, transparent);
  transform-origin: 0 50%;
}
.ai-night__step--late .ai-night__track::before { display: none; }
.ai-night__track::after {
  content: "";
  position: absolute;
  left: 0; top: 0;
  width: 16px; height: 16px;
  box-sizing: border-box;
  border: 1.5px solid var(--ink);
  border-radius: 50%;
  background: var(--paper);
}
.ai-night__step--late .ai-night__track::after { border-color: var(--accent); background: var(--accent); box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent) 18%, transparent); }
.site-shell .ai-night__step p { max-width: 26ch; color: var(--ink-soft); font-size: clamp(17px, 1.35vw, 20px); line-height: 1.45; }
.site-shell .ai-night__step--late p { color: var(--ink); font-weight: 600; }
/* Анимация: время «идёт» слева направо — линия тянется, точки загораются */
.ai-js .ai-night__track::before { transform: scaleX(0); transition: transform .9s var(--ease); }
.ai-js .ai-night__track::after,
.ai-js .ai-night__time,
.ai-js .ai-night__step p { opacity: 0; transition: opacity .6s var(--ease), transform .6s var(--ease); }
.ai-js .ai-night__track::after { transform: scale(.4); }
.ai-js .ai-night__time, .ai-js .ai-night__step p { transform: translateY(14px); }
.ai-js .ai-night.ai-go .ai-night__track::before { transform: scaleX(1); }
.ai-js .ai-night.ai-go .ai-night__track::after { opacity: 1; transform: none; }
.ai-js .ai-night.ai-go .ai-night__time,
.ai-js .ai-night.ai-go .ai-night__step p { opacity: 1; transform: none; }
.ai-night__step:nth-child(1) { --d: 0s; }
.ai-night__step:nth-child(2) { --d: .9s; }
.ai-night__step:nth-child(3) { --d: 1.8s; }
.ai-night__step:nth-child(n+4) { --d: 2.4s; }
.ai-js .ai-night__time, .ai-js .ai-night__track::after { transition-delay: var(--d); }
.ai-js .ai-night__track::before { transition-delay: calc(var(--d) + .25s); }
.ai-js .ai-night__step p { transition-delay: calc(var(--d) + .15s); }

/* ——— Продукт: каналы → четыре модуля ——— */
.ai-product { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(40px, 6vw, 120px); align-items: center; }
.site-shell .ai-product__logo { margin: 0 0 22px; line-height: 0; }
.site-shell .ai-product__logo img { width: min(100%, 460px); height: auto; }
.site-shell .ai-product__tag { margin-bottom: 18px; font-family: var(--display); font-size: clamp(26px, 2.5vw, 40px); line-height: 1.12; }
.site-shell .ai-product__text { max-width: 40ch; color: var(--ink-soft); font-size: clamp(17px, 1.3vw, 19px); line-height: 1.6; }
.ai-flow { display: grid; gap: 40px; }
.ai-flow__channels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 4px;
}
.site-shell .ai-flow__channels .ai-kicker { margin: 0; }
.ai-flow__channels ul { display: flex; flex-wrap: wrap; gap: 8px; }
.ai-chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px; }
.ai-chip .ai-ico { width: 16px; height: 16px; color: var(--ink-soft); }
.ai-flow__modules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 16px; }
.ai-mod {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  padding: clamp(20px, 2vw, 28px);
  border: 1px solid var(--line);
  border-radius: 4px;
}
.ai-mod--wide { grid-column: 1 / -1; }
.ai-mod.ai-inv { border-color: var(--ink); }
.ai-mod > .ai-ico { width: 30px; height: 30px; margin-top: 2px; }
.ai-mod.ai-inv > .ai-ico { color: var(--i-acc); }
.site-shell .ai-mod h3 { font-size: clamp(22px, 1.9vw, 28px); line-height: 1.12; }
.ai-mod__n { font: 500 .6em/1 var(--term); color: var(--ink-muted); vertical-align: .25em; }
.ai-inv .ai-mod__n { color: var(--i-muted); }
.site-shell .ai-mod p { margin-top: 6px; color: var(--ink-soft); font-size: 16px; line-height: 1.5; }
.site-shell .ai-inv p { color: var(--i-soft); }
/* Стрелка над каждым модулем — поток идёт сверху вниз */
.ai-mod::before {
  content: "";
  position: absolute;
  left: 50%; top: -32px;
  width: 18px; height: 24px;
  margin-left: -9px;
  background: var(--ink-muted);
  -webkit-mask: var(--ai-arrow) center / contain no-repeat;
  mask: var(--ai-arrow) center / contain no-repeat;
}
.ai-mod.ai-inv::after {
  content: "";
  position: absolute;
  top: 16px; right: 16px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--i-acc);
  animation: ai-pulse 2.2s ease-out infinite;
}

/* ——— Как встраивается: пять этапов по линии ——— */
.ai-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(16px, 2.2vw, 36px); }
.ai-step { position: relative; padding-top: 26px; }
.ai-step::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 2px;
  background: var(--ink);
  transform-origin: 0 50%;
}
.ai-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: -8px; right: calc(-.5 * clamp(16px, 2.2vw, 36px) - 9px);
  width: 18px; height: 18px;
  background: var(--ink);
  -webkit-mask: var(--ai-arrow-r) center / contain no-repeat;
  mask: var(--ai-arrow-r) center / contain no-repeat;
}
.ai-step__n { font: 500 12px/1 var(--term); color: var(--ink-muted); }
.site-shell .ai-step h3 { min-height: 2.24em; margin: 14px 0 14px; font-size: clamp(21px, 1.75vw, 28px); line-height: 1.12; }
.ai-roles { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px !important; }
.ai-role { padding: 6px 9px; border: 1px solid transparent; border-radius: 999px; font: 500 11px/1 var(--term); letter-spacing: .05em; text-transform: uppercase; }
.ai-role--ai { background: var(--accent); color: var(--on-accent); }
.ai-role--mgr { border-color: var(--ink); color: var(--ink); }
.ai-role--dir { background: var(--paper-deep); color: var(--ink-soft); }
.site-shell .ai-step p:last-child { color: var(--ink-soft); font-size: 16px; line-height: 1.55; }
.ai-js .ai-step::before { transform: scaleX(0); transition: transform .8s var(--ease); transition-delay: calc(var(--pk-i, 0) * 120ms + 150ms); }
.ai-js .ai-step.pk-in::before { transform: scaleX(1); }

/* ——— Выгоды: вкладки ——— */
.ai-tabs__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-bottom: clamp(28px, 4vh, 44px); }
.site-shell .ai-tabs__bar .ai-kicker { margin: 0; }
.ai-tabs__list { display: flex; flex-wrap: wrap; gap: 8px; }
.ai-tabs__btn {
  padding: 10px 18px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: transparent;
  color: var(--ink-soft);
  font: 600 15px/1.2 var(--body);
  cursor: pointer;
  transition: background-color .25s, color .25s, border-color .25s;
}
.ai-tabs__btn[aria-selected=true] { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.ai-tabs__btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (hover: hover) { .ai-tabs__btn:not([aria-selected=true]):hover { border-color: var(--ink); color: var(--ink); } }
.ai-tab + .ai-tab { margin-top: clamp(56px, 8vh, 96px); }
.ai-tabs-on .ai-tab + .ai-tab { margin-top: 0; }
.ai-tab__who { margin: 0 0 14px; font: 500 12px/1.3 var(--term); letter-spacing: .08em; text-transform: uppercase; color: var(--accent-ink); }
.ai-tabs-on .ai-tab__who { display: none; }
.ai-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.ai-card { display: flex; flex-direction: column; min-height: clamp(260px, 30vh, 320px); padding: clamp(24px, 2.4vw, 36px); }
.ai-card + .ai-card { border-left: 1px solid var(--line); }
.ai-card.ai-inv { border-color: var(--ink); }
.ai-card > .ai-ico { width: 28px; height: 28px; margin-bottom: auto; }
.ai-card.ai-inv > .ai-ico { color: var(--i-acc); }
.site-shell .ai-card h3 { margin: 40px 0 12px; font-size: clamp(22px, 1.8vw, 28px); line-height: 1.12; }
.site-shell .ai-card p { color: var(--ink-soft); font-size: 16px; line-height: 1.55; }
.site-shell .ai-card.ai-inv p { color: var(--i-soft); }
.ai-tab--enter .ai-card { animation: ai-card-in .7s var(--ease) both; animation-delay: calc(var(--n, 0) * 70ms); }
.ai-tab--enter .ai-head > * { animation: ai-card-in .6s var(--ease) both; }
@keyframes ai-card-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

/* ——— Точка А → Точка Б ——— */
.ai-ab { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: clamp(16px, 2.6vw, 44px); }
.ai-ab__col { padding: clamp(28px, 3vw, 48px); border: 1px solid var(--line); border-radius: 4px; }
.ai-ab__col.ai-inv { border-color: var(--ink); }
.site-shell .ai-ab__col h3 { display: flex; align-items: center; gap: 14px; margin-bottom: 26px; font-size: clamp(24px, 2.1vw, 34px); line-height: 1.1; }
.ai-ab__col--a h3, .ai-ab__col--a .ai-li { color: var(--ink-muted); }
.ai-ab__badge {
  display: grid;
  flex: none;
  width: 48px; height: 48px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font: 500 17px/1 var(--body);
}
.ai-ab__col.ai-inv .ai-ab__badge { border-color: var(--paper); background: var(--paper); color: var(--ink); }
.ai-ab__arrow {
  align-self: center;
  width: 44px; height: 44px;
  background: var(--ink);
  -webkit-mask: var(--ai-arrow-r) center / contain no-repeat;
  mask: var(--ai-arrow-r) center / contain no-repeat;
}
.ai-js .ai-ab__arrow { opacity: 0; transform: translateX(-24px); transition: opacity .7s var(--ease) .3s, transform .9s var(--ease) .3s; }
.ai-js .ai-ab.ai-go .ai-ab__arrow { opacity: 1; transform: none; }
.ai-plus { margin-top: clamp(32px, 5vh, 48px); }
.site-shell .ai-plus .ai-kicker { margin-bottom: 14px; }
.ai-plus ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ai-plus li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 4px;
  font-weight: 600;
  line-height: 1.35;
}
.ai-plus li::before {
  content: "";
  flex: none;
  width: 18px; height: 18px;
  background: var(--accent);
  -webkit-mask: var(--ai-plus) center / contain no-repeat;
  mask: var(--ai-plus) center / contain no-repeat;
}

/* ——— Сравнение с Битрикс24 / amoCRM ——— */
.ai-cmp { border-bottom: 1px solid var(--line); }
.ai-cmp__row {
  display: grid;
  grid-template-columns: minmax(120px, .55fr) minmax(0, 1.2fr) minmax(0, 1.25fr);
  gap: 0 clamp(16px, 2.4vw, 40px);
  align-items: baseline;
  border-top: 1px solid var(--line);
}
.ai-cmp__row > * { padding: 20px 0; }
.ai-cmp__row--head { border-top: 0; align-items: end; }
.ai-cmp__row--head > * { padding-top: 0; padding-bottom: 16px; }
.ai-cmp__row--head .ai-cmp__them { color: var(--ink); font-weight: 600; }
.ai-cmp__row--head .ai-cmp__us { color: var(--ink); font-family: var(--display); font-size: clamp(22px, 1.9vw, 28px); line-height: 1; }
.ai-cmp__label { color: var(--ink-muted); font-size: 15px; font-weight: 600; }
.ai-cmp__them { color: var(--ink-soft); font-size: clamp(16px, 1.2vw, 18px); line-height: 1.45; }
/* Колонка UltraCRM — сплошная светло-зелёная полоса через все строки */
.ai-cmp__us {
  margin: 0 calc(-1 * clamp(12px, 1.4vw, 20px));
  padding-left: clamp(12px, 1.4vw, 20px) !important;
  padding-right: clamp(12px, 1.4vw, 20px) !important;
  align-self: stretch;
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  color: var(--ink);
  font-size: clamp(16px, 1.2vw, 18px);
  font-weight: 600;
  line-height: 1.45;
}
.ai-cmp__row--head .ai-cmp__us { box-shadow: inset 0 3px 0 var(--accent); padding-top: 18px !important; }
.ai-choose { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(32px, 5vh, 48px); }
.ai-choose__card { padding: clamp(24px, 2.6vw, 40px); border: 1px solid var(--line); border-radius: 4px; }
.ai-choose__card.ai-inv { border-color: var(--ink); }
.site-shell .ai-choose__card h3 { margin-bottom: 12px; font-size: clamp(22px, 1.9vw, 30px); line-height: 1.12; }
.site-shell .ai-choose__card p { color: var(--ink-soft); font-size: 17px; line-height: 1.55; }
.site-shell .ai-choose__card.ai-inv p { color: var(--i-soft); }

/* ——— Зона ответственности: матрица «до / после» ——— */
.ai-z {
  display: grid;
  grid-template-columns: minmax(118px, 150px) repeat(6, minmax(0, 1fr));
  grid-template-rows: repeat(8, auto);
  gap: 8px;
}
.ai-z__labels, .ai-z__stage { display: grid; grid-row: 1 / -1; grid-template-rows: subgrid; }
.site-shell .ai-z__head {
  align-self: end;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
}
.ai-z__n { margin-right: 4px; font: 500 11px/1 var(--term); color: var(--ink-muted); }
.ai-z__corner { border-bottom: 1px solid var(--ink); }
.site-shell .ai-z__group {
  padding-top: 18px;
  font: 500 11px/1.2 var(--term);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.site-shell .ai-z__group--after { color: var(--accent-ink); }
.ai-z__gap { display: block; border-bottom: 1px dashed var(--line); margin-bottom: 4px; }
.site-shell .ai-z__lbl { align-self: center; font-size: 15px; font-weight: 600; }
.site-shell .ai-z__lbl--ai { color: var(--accent-ink); }
.site-shell .ai-z__c {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 9px 12px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.3;
}
.site-shell .ai-z__c--was { background: var(--paper-deep); color: var(--ink-soft); }
.site-shell .ai-z__c--ai { background: var(--accent); color: var(--on-accent); font-weight: 600; }
.site-shell .ai-z__c--now { border: 1px solid var(--line); color: var(--ink); }
.site-shell .ai-z__c:empty { background: transparent; border-color: transparent; }
.ai-js .ai-z__c--ai:not(:empty) { opacity: 0; transform: scale(.94); transition: opacity .5s var(--ease), transform .6s var(--ease); }
.ai-js .ai-z.ai-go .ai-z__c--ai { opacity: 1; transform: none; }
.ai-z__stage:nth-of-type(2) { --d: 0s; }
.ai-z__stage:nth-of-type(3) { --d: .12s; }
.ai-z__stage:nth-of-type(4) { --d: .24s; }
.ai-z__stage:nth-of-type(5) { --d: .36s; }
.ai-z__stage:nth-of-type(6) { --d: .48s; }
.ai-z__stage:nth-of-type(n+7) { --d: .6s; }
.ai-js .ai-z__c--ai { transition-delay: calc(var(--d, 0s) + .3s); }
.site-shell .ai-z__sum {
  margin-top: 24px;
  padding: clamp(18px, 2vw, 26px) clamp(20px, 2.4vw, 32px);
  border-radius: 4px;
  background: var(--ink);
  color: var(--paper);
  font-family: var(--display);
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.25;
}

/* ——— Кто я ——— */
.ai-me { display: grid; grid-template-columns: minmax(200px, .42fr) minmax(0, 1.58fr); gap: clamp(40px, 6vw, 120px); align-items: start; }
.ai-me__person { position: sticky; top: calc(var(--ai-head-h) + 32px); text-align: center; }
.ai-me__person .ai-person__frame { width: clamp(180px, 19vw, 300px); }
.site-shell .ai-me__name { font-family: var(--display); font-size: clamp(24px, 2vw, 30px); line-height: 1.15; }
.ai-me__role { margin-top: 6px; color: var(--ink-muted); font-size: 15px; }
.ai-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.ai-fact {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 16px;
  padding: 28px 28px 28px 0;
  border-bottom: 1px solid var(--line);
}
.ai-fact:nth-child(even) { padding-right: 0; padding-left: 28px; border-left: 1px solid var(--line); }
.ai-fact > .ai-ico { grid-row: 1 / 3; width: 24px; height: 24px; margin-top: 3px; color: var(--accent); }
.site-shell .ai-fact h3 { font-size: clamp(20px, 1.6vw, 25px); line-height: 1.15; }
.site-shell .ai-fact p { color: var(--ink-soft); font-size: 16px; line-height: 1.55; }

/* ——— Как начинаем ——— */
.ai-start {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  counter-reset: none;
}
.ai-start__step { position: relative; padding: clamp(28px, 3vw, 48px); }
.ai-start__step + .ai-start__step { border-left: 1px solid var(--line); }
.ai-start__step.ai-inv { border-color: var(--ink); }
.ai-start__n {
  display: block;
  margin-bottom: clamp(20px, 3vh, 36px);
  font-family: var(--display);
  font-size: clamp(64px, 7vw, 120px);
  line-height: .85;
  color: var(--line);
}
.ai-start__step.ai-inv .ai-start__n { color: var(--i-acc); }
.site-shell .ai-start__step h3 { margin-bottom: 14px; font-size: clamp(28px, 2.6vw, 40px); line-height: 1.05; }
.ai-start__step .ai-tag { margin-bottom: 18px; }
.site-shell .ai-start__step p:last-child { max-width: 34ch; color: var(--ink-soft); font-size: 17px; line-height: 1.55; }
.site-shell .ai-start__step.ai-inv p:last-child { color: var(--i-soft); }
/* Стрелка между шагами — у следующего шага, чтобы его фон её не перекрывал */
.ai-start__step + .ai-start__step::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%; left: -17px;
  width: 32px; height: 32px;
  margin-top: -16px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--paper) var(--ai-arrow-r-ink) center / 16px no-repeat;
}
.ai-guarantee { display: flex; align-items: center; gap: 12px; margin-top: 28px; font-size: clamp(17px, 1.4vw, 20px); font-weight: 600; }
.ai-guarantee .ai-ico { width: 26px; height: 26px; color: var(--accent); }

/* ——— Тарифы ——— */
.ai-plans {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.ai-plan { display: flex; flex-direction: column; padding: clamp(28px, 3vw, 48px); }
.ai-plan + .ai-plan { border-left: 1px solid var(--line); }
.ai-plan.ai-inv { border-color: var(--ink); }
.ai-plan__head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 20px; }
.site-shell .ai-plan__head h3 { font-size: clamp(26px, 2.2vw, 36px); line-height: 1.05; }
.site-shell .ai-plan__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 .22em;
  margin-bottom: 26px;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--line);
  font-family: var(--display);
  line-height: 1;
}
.ai-plan.ai-inv .ai-plan__price { border-color: var(--i-line); }
.ai-plan__from:empty { display: none; }
.ai-plan__from { margin-right: .18em; }
.ai-plan__cur { margin-left: .12em; }
.ai-plan__from, .ai-plan__cur { font-size: clamp(28px, 2.4vw, 40px); }
.ai-plan__sum { font-size: clamp(46px, 4.4vw, 76px); letter-spacing: -.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ai-plan__per { margin-left: .2em; color: var(--ink-muted); font-family: var(--body); font-size: 15px; }
.ai-plan.ai-inv .ai-plan__per { color: var(--i-muted); }
.ai-plan__list { flex: 1; margin-bottom: 32px !important; }
.ai-plan__list .ai-li { font-size: 16px; }
.site-shell .ai-plan__cta { align-self: flex-start; }

/* ——— Вопросы и контакт ——— */
.ai-faq { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: clamp(40px, 6vw, 110px); align-items: start; }
.ai-cta { position: sticky; top: calc(var(--ai-head-h) + 24px); padding: clamp(30px, 3vw, 48px); border-radius: 4px; }
.site-shell .ai-cta__title { margin: 0 0 14px; font-size: clamp(30px, 2.8vw, 46px); line-height: 1.06; letter-spacing: -.015em; }
.site-shell .ai-cta__sub { margin-bottom: 28px; color: var(--i-soft); font-size: 17px; }
.site-shell .ai-btn--lg { width: 100%; padding: 17px 24px; font-size: 16px; }
.site-shell .ai-cta__phone { display: inline-block; margin-top: 28px; font-family: var(--display); font-size: clamp(24px, 2vw, 30px); transition: color .2s; }
@media (hover: hover) { .site-shell .ai-cta__phone:hover { color: var(--i-acc); } }
.site-shell .ai-cta__site { margin-top: 6px; font: 500 13px/1.3 var(--term); color: var(--i-muted); }

/* ——— Подвал ——— */
.site-shell .ai-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px 32px;
  margin-top: clamp(96px, 14vh, 160px);
  padding: 28px 0 36px;
  border-top: 1px solid var(--line);
  color: var(--ink-muted);
  font-size: 13px;
}
.ai-footer__links { display: flex; flex-wrap: wrap; gap: 8px 24px; }
@media (hover: hover) { .ai-footer a:hover { color: var(--accent-ink); } }

/* Стрелки для псевдоэлементов (цвет задаёт background) */
.ai-root {
  --ai-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E");
  --ai-arrow-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
  --ai-arrow-r-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23656d76' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
  --ai-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E");
}
.ai-li--yes { --ai-i: var(--ai-check); }
.ai-li--no { --ai-i: var(--ai-x); }
.ai-li--vc { --ai-i: var(--ai-ccheck); }
.ai-li--xc { --ai-i: var(--ai-cx); }

/* ═══════════════ Планшет ═══════════════ */
@media (max-width: 1180px) {
  .ai-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 44px; }
  .ai-step:nth-child(3)::after { display: none; }
  .ai-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-card:nth-child(3) { border-left: 0; }
  .ai-card:nth-child(n+3) { border-top: 1px solid var(--line); }
  .ai-product { grid-template-columns: 1fr; }
  .ai-z { grid-template-columns: minmax(104px, 120px) repeat(6, minmax(0, 1fr)); gap: 6px; }
  .site-shell .ai-z__c { padding: 8px 9px; font-size: 13px; }
}

/* ═══════════════ Телефон и узкий планшет: без бургера ═══════════════ */
@media (max-width: 959px) {
  .ai-root { --ai-head-h: 60px; }
  .ai-header__bar { gap: 12px; justify-content: space-between; }
  .site-shell .ai-wa--head { width: 42px; height: 42px; padding: 0; justify-content: center; }
  .site-shell .ai-wa--head .ai-wa__label { display: none; }
  /* Строка разделов лежит поверх шапки и проявляется, когда первый экран ушёл вверх */
  .ai-nav {
    position: absolute;
    top: 0; bottom: 0;
    left: calc(-1 * var(--gut)); right: calc(-1 * var(--gut));
    gap: 8px;
    margin: 0;
    padding: 0 var(--gut);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-padding-inline: var(--gut);
    scrollbar-width: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .3s, visibility .3s, transform .3s var(--ease);
  }
  .ai-nav::-webkit-scrollbar { display: none; }
  .ai-nav a { flex: none; padding: 8px 15px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px; }
  .ai-nav a::after { display: none; }
  .ai-nav a[aria-current] { background: var(--ink); border-color: var(--ink); color: var(--paper); }
  .ai-docked .ai-nav { opacity: 1; visibility: visible; transform: none; }
  .ai-docked .ai-brand,
  .ai-docked .site-shell .ai-wa--head { opacity: 0; visibility: hidden; }
  .pk-scrolled .site-shell .ai-header { background: color-mix(in srgb, var(--paper) 92%, transparent); }

  /* WhatsApp внизу, под большим пальцем */
  .site-shell .ai-wa--dock {
    position: fixed;
    left: 16px; right: 16px;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    z-index: 55;
    display: flex;
    justify-content: center;
    min-height: 54px;
    font-size: 16px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--paper) 22%, transparent), 0 10px 30px rgba(13, 17, 23, .18);
  }
  .ai-cta-seen .site-shell .ai-wa--dock { opacity: 0; visibility: hidden; transform: translateY(24px); }
  .site-shell .ai-footer { padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }

  .site-shell .ai-hero { min-height: 0; padding-top: 28px; }
  .site-shell .ai-sec { padding-top: 76px; }
  .site-shell .ai-product__logo img { width: min(100%, 300px); }
  .ai-hero__grid { grid-template-columns: 1fr; gap: 28px; }
  .ai-person { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 14px; text-align: left; order: -1; }
  .ai-person__frame { grid-row: 1 / 3; width: 56px; margin: 0; }
  .ai-person__frame::after { width: 12px; height: 12px; border-width: 2px; right: -1px; bottom: 0; }
  .site-shell .ai-person__name { align-self: end; font-size: 19px; }
  .ai-person__role { align-self: start; margin-top: 2px; font-size: 13px; }
  .ai-quick__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-shell .ai-quick__item { grid-template-columns: minmax(0, 1fr) auto; align-items: start; min-height: 0; padding: 16px 12px 16px 0; }
  .ai-quick__item + .ai-quick__item { padding-left: 0; border-left: 0; }
  .ai-quick__item:nth-child(even) { padding-left: 14px; border-left: 1px solid var(--line); }
  .ai-quick__item:nth-child(n+3) { border-top: 1px solid var(--line); }
  .ai-quick__item .ai-ico { display: none; }
  .ai-quick__item::after { width: 28px; height: 28px; font-size: 13px; }

  .ai-split, .ai-choose, .ai-facts, .ai-start, .ai-plans, .ai-faq, .ai-me { grid-template-columns: 1fr; }
  .ai-split__col + .ai-split__col,
  .ai-start__step + .ai-start__step,
  .ai-plan + .ai-plan { border-left: 0; border-top: 1px solid var(--line); }
  .ai-split__col { padding-left: 0; padding-right: 0; }
  .ai-split__col.ai-inv { margin: 0 calc(-1 * var(--gut)); padding-left: var(--gut); padding-right: var(--gut); }
  .ai-night { grid-template-columns: 1fr; gap: 0; }
  .ai-night__step { display: grid; grid-template-columns: 16px minmax(0, 1fr); column-gap: 18px; padding-bottom: 30px; }
  .ai-night__time { grid-column: 2; justify-self: start; }
  .ai-night__track { grid-column: 1; grid-row: 1 / 3; height: auto; margin: 0; }
  .ai-night__track::before { left: 7.5px; right: auto; top: 22px; bottom: -30px; width: 1px; height: auto; transform-origin: 50% 0; }
  .ai-js .ai-night__track::before { transform: scaleY(0); }
  .ai-js .ai-night.ai-go .ai-night__track::before { transform: scaleY(1); }
  .ai-night__track::after { top: 4px; }
  .ai-night__step p { grid-column: 2; margin-top: 10px !important; }
  .ai-flow__modules { grid-template-columns: 1fr; gap: 36px; }
  .ai-steps { grid-template-columns: 1fr; row-gap: 0; }
  .ai-step { display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 14px; padding: 20px 0 24px; }
  .ai-step::before { top: 0; }
  .ai-step::after { display: none !important; }
  .ai-step__n { grid-row: 1 / 4; padding-top: 6px; }
  .site-shell .ai-step h3 { min-height: 0; margin: 0 0 10px; }
  .ai-cards { grid-template-columns: 1fr; }
  .ai-card { min-height: 0; }
  .ai-card + .ai-card { border-left: 0; border-top: 1px solid var(--line); }
  .ai-card.ai-inv { margin: 0 calc(-1 * var(--gut)); padding-left: var(--gut); padding-right: var(--gut); }
  .site-shell .ai-card h3 { margin-top: 18px; }
  .ai-ab { grid-template-columns: 1fr; }
  .ai-ab__arrow { justify-self: center; transform: rotate(90deg); }
  .ai-js .ai-ab__arrow { transform: rotate(90deg) translateX(-24px); }
  .ai-js .ai-ab.ai-go .ai-ab__arrow { transform: rotate(90deg); }
  .ai-plus ul { grid-template-columns: 1fr; }
  .ai-cmp__row { grid-template-columns: 1fr; padding: 16px 0; }
  .ai-cmp__row > * { padding: 0; }
  .ai-cmp__row--head { display: none; }
  .ai-cmp__label { margin-bottom: 8px; font: 500 11px/1.2 var(--term); letter-spacing: .08em; text-transform: uppercase; }
  .ai-cmp__them, .ai-cmp__us { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 8px 0 !important; }
  .ai-cmp__us { margin: 0; padding: 10px 12px !important; border-radius: 4px; }
  .ai-cmp__them::before, .ai-cmp__us::before { content: attr(data-h); color: var(--ink-muted); font: 500 11px/1.4 var(--term); font-weight: 500; }
  .ai-cmp__us::before { color: var(--accent-ink); }
  .ai-z { display: block; }
  .ai-z__labels { display: none; }
  /* flex, а не grid: у подсетки без сетки-родителя Chrome сжимает строки до высоты подписи */
  .ai-z__stage { display: flex; flex-direction: column; grid-row: auto; gap: 6px; padding: 0 0 22px; }
  .ai-z__stage + .ai-z__stage { padding-top: 6px; }
  .ai-z__gap, .site-shell .ai-z__c:empty { display: none; }
  .site-shell .ai-z__head { align-self: stretch; margin-bottom: 4px; }
  .site-shell .ai-z__c { display: block; min-height: 0; }
  .ai-z__c[data-label]::before { content: attr(data-label); display: block; margin-bottom: 3px; font: 500 10px/1.2 var(--term); letter-spacing: .06em; text-transform: uppercase; opacity: .75; }
  .ai-me__person { position: static; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 16px; text-align: left; }
  .ai-me__person .ai-person__frame { grid-row: 1 / 3; width: 88px; margin: 0; }
  .ai-me__person .ai-person__frame::after { display: none; }
  .site-shell .ai-me__name { align-self: end; }
  .ai-me__role { align-self: start; }
  .ai-fact, .ai-fact:nth-child(even) { padding: 22px 0; border-left: 0; }
  .ai-start__step + .ai-start__step::before { top: -17px; left: 50%; margin: 0 0 0 -16px; transform: rotate(90deg); }
  .ai-start__step.ai-inv, .ai-plan.ai-inv { margin: 0 calc(-1 * var(--gut)); padding-left: var(--gut); padding-right: var(--gut); }
  .ai-cta { position: static; margin: 0 calc(-1 * var(--gut)); border-radius: 0; padding-left: var(--gut); padding-right: var(--gut); }
}

@media (max-width: 520px) {
  .site-shell .ai-hero__title { font-size: clamp(34px, 10vw, 46px); }
  .ai-hero__actions .ai-btn { width: 100%; }
  .ai-hero__test { gap: 18px; }
  .ai-stat__num { font-size: 52px; }
  .ai-cmp__them, .ai-cmp__us { grid-template-columns: 1fr; gap: 2px; }
  .ai-brand__by { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ai-caret, .ai-person__frame::after, .ai-mod.ai-inv::after { animation: none; }
  .ai-js .ai-mark, .ai-js .ai-night__track::before, .ai-js .ai-night__track::after, .ai-js .ai-night__time,
  .ai-js .ai-night__step p, .ai-js .ai-step::before, .ai-js .ai-ab__arrow, .ai-js .ai-z__c--ai:not(:empty), .ai-hero__hl {
    opacity: 1 !important; transform: none !important; transition: none !important; background-size: 100% 34% !important;
  }
  .ai-js .ai-ab__arrow { transform: none !important; }
  .ai-tab--enter .ai-card, .ai-tab--enter .ai-head > * { animation: none; }
}
@media (max-width: 959px) and (prefers-reduced-motion: reduce) { .ai-js .ai-ab__arrow { transform: rotate(90deg) !important; } }