/* Раздел «AC-PRO: Ритм»: оформление страниц /products/ritm/ и /kz/products/ritm/. Все классы с префиксом .ritm- */
@font-face{font-family:AcproRhythm;font-weight:700;font-style:normal;font-display:swap;
  src:url(/_brand/fonts/web-support-v1/roboto-condensed-bold.woff2) format("woff2"),url(/_brand/fonts/web-support-v1/roboto-condensed-bold.woff) format("woff")}
.ritm{color:var(--ink);font-size:17px;line-height:1.6}
.ritm .container{max-width:1296px}
.ritm-crumbs{padding-top:calc(var(--header-h,66px) + 18px);font-size:14px;color:var(--ink-2)}
.ritm-crumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none}
.ritm-crumbs li+li::before{content:"/";margin-right:10px;color:var(--ink-2)}
.ritm-crumbs a{text-decoration:underline;text-underline-offset:3px}
.ritm-hero{padding-block:clamp(28px,5vw,56px) clamp(36px,6vw,72px)}
.ritm-h1{margin:0 0 20px;color:var(--ink);text-transform:none;font-size:inherit;line-height:1}
.ritm-brandline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 2px}
.ritm-wm{display:inline-flex;align-items:center;padding:0;background:transparent;border-radius:4px}
.ritm-wm img{display:block;height:clamp(40px,8.6vw,84px);width:auto}
:root[data-theme=dark] .ritm-wm{background:#E9E0D5;padding:6px 14px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ritm-wm{background:#E9E0D5;padding:6px 14px}}
.ritm-rhythm{margin-left:2px;font-family:AcproRhythm,sans-serif;font-weight:700;font-synthesis:none;font-size:clamp(40px,8.6vw,84px);line-height:1;color:var(--ink)}
.ritm-h1tail{display:block;margin-top:14px;font-family:var(--display);font-weight:700;font-size:clamp(28px,5.2vw,56px);line-height:1.05;text-transform:uppercase;letter-spacing:-.005em;color:var(--ink)}
.ritm-lead{max-width:760px;margin:0 0 14px;font-size:clamp(20px,2.4vw,26px);line-height:1.35;font-weight:500}
.ritm-slogan{display:flex;align-items:center;gap:12px;margin:0 0 26px;font:700 clamp(20px,2.2vw,26px)/1.2 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--ink)}
.ritm-slogan::before{content:"";flex:0 0 34px;height:4px;background:var(--acp-red)}
.ritm-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.ritm .btn{white-space:normal;height:auto;min-height:46px;max-width:100%;line-height:1.2;text-align:center}   /* длинные подписи кнопок переносятся, а не растягивают страницу */
.mcta .mcta-main.btn{min-width:0;white-space:normal;height:auto;min-height:46px;line-height:1.15;text-align:center;padding-inline:12px}   /* нижняя панель телефона: длинная подпись не выдавливает кнопку WhatsApp за экран */
.ritm-section{padding-block:clamp(40px,6vw,76px);border-top:1px solid var(--border-strong);scroll-margin-top:calc(var(--header-h,66px) + 12px)}
.ritm-h2{margin:0 0 22px;font-size:clamp(30px,4.4vw,52px);line-height:1.05;text-transform:uppercase}
.ritm-h3{margin:26px 0 12px;font:700 26px/1.1 var(--display);text-transform:uppercase}
.ritm-note{max-width:820px;margin:14px 0 0;color:var(--ink);font-size:16px}
.ritm-note-s{font-size:15px;color:var(--ink-2)}

/* Проблемы */
.ritm-prob{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.ritm-prob li{padding:20px;background:var(--card);border:1px solid var(--border-strong);border-top:4px solid var(--acp-red);border-radius:4px}
.ritm-prob h3{margin:0 0 8px;font:700 24px/1.1 var(--display);text-transform:uppercase}
.ritm-prob p{margin:0}

/* Цепочка «От карточки сотрудника до табеля»: четыре равных шага с иконками V2 на светлой плашке, тонкие стрелки, два способа передачи у шага 2 */
.ritm-chain{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:ch}
.ritm-ch{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);column-gap:18px;align-items:center;min-width:0;padding:0 0 40px;counter-increment:ch}
.ritm-ch:last-child{padding-bottom:0}
.ritm-ch-ic{position:relative;display:grid;place-items:center;width:68px;height:68px;background:#fff;border:1.5px solid var(--border-strong);border-radius:8px}
:root[data-theme=dark] .ritm-ch-ic{background:#E9E0D5}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ritm-ch-ic{background:#E9E0D5}}
.ritm-ch-ic img{display:block;width:42px;height:42px}
.ritm-ch-ic::after{content:counter(ch);position:absolute;left:-9px;top:-9px;width:26px;height:26px;border-radius:50%;background:var(--acp-red);color:#fff;font:700 14px/26px var(--sans);text-align:center}
.ritm-ch-t{font:500 19px/1.25 var(--sans)}
/* стрелка вниз между плашками: линия и наконечник из границ */
.ritm-ch:not(:last-child)::after{content:"";position:absolute;left:33px;top:76px;bottom:12px;width:2px;background:var(--ink)}
.ritm-ch:not(:last-child)::before{content:"";position:absolute;left:27px;bottom:4px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--ink)}
@media not all and (max-width:1000px){   /* R12 */
  .ritm-chain{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:44px;align-items:start}
  .ritm-ch{display:block;padding:0}
  .ritm-ch-ic{width:76px;height:76px}
  .ritm-ch-ic img{width:48px;height:48px}
  .ritm-ch-t{display:block;max-width:250px;margin-top:16px}
  /* стрелка вправо от плашки к следующей плашке */
  .ritm-ch:not(:last-child)::after{left:92px;right:-28px;top:37px;bottom:auto;width:auto;height:2px}
  .ritm-ch:not(:last-child)::before{left:auto;right:-30px;top:31px;bottom:auto;border-left:9px solid var(--ink);border-right:0;border-top:7px solid transparent;border-bottom:7px solid transparent}
}

/* Возможности с экранами */
.ritm-feat{display:grid;gap:clamp(36px,5vw,64px)}
.ritm-f{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,40px);align-items:center}
.ritm-f:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.ritm-f:nth-child(even) .ritm-f-t{order:2}
.ritm-f-t h3{margin:0 0 10px;font:700 clamp(26px,3vw,36px)/1.05 var(--display);text-transform:uppercase}
.ritm-f-t p{margin:0 0 10px}
.ritm-f-list{margin:0;padding:0 0 0 22px;list-style:disc}
.ritm-f-list li{margin:6px 0}
.ritm-f-fig{margin:0;min-width:0}
/* OWNER-NOTE-20261012-02: кнопки «Увеличить» и окно просмотра убраны; снимок — просто изображение */
.ritm-f-fig img{display:block;width:100%;height:auto;border:1px solid var(--border-strong);border-radius:4px;background:#fff}

/* Расчётный пример: исходные цифры, расчёт по шагам и график в одном масштабе */
.ritm-ex-intro{max-width:760px;margin:0 0 20px}
.ritm-ex-in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:0;list-style:none}
.ritm-ex-in li{display:flex;flex-direction:column;gap:2px;min-width:0;padding:14px 16px;background:var(--card);border:1px solid var(--border-strong);border-radius:4px}
.ritm-ex-in li:last-child{border-top:4px solid var(--acp-red);padding-top:11px}
.ritm-ex-in b{font:700 clamp(24px,2.5vw,32px)/1.05 var(--display)}
.ritm-ex-in span{font-size:15px;line-height:1.3;color:var(--ink-2)}
.ritm-ex-main{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:14px;align-items:stretch;margin:0 0 16px}
/* OWNER-NOTE-20261014-36: три карточки расчёта делят высоту колонки поровну (flex), промежуток между ними всегда 34 px; стрелка стоит по центру промежутка
   (линия 14 px + наконечник 10 px, по 5 px до рамок соседних карточек) и по центру карточки по горизонтали */
.ritm-flow{display:flex;flex-direction:column;gap:34px;margin:0;padding:0;list-style:none}
.ritm-flow li{position:relative;flex:1 1 auto;display:grid;align-content:start;gap:2px;padding:14px 18px;background:var(--card);border:1px solid var(--border-strong);border-radius:4px}
.ritm-flow li+li::before{content:"";position:absolute;left:50%;top:-29px;width:2px;height:14px;margin-left:-1px;background:var(--ink)}
.ritm-flow li+li::after{content:"";position:absolute;left:50%;top:-15px;margin-left:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid var(--ink)}
.ritm-flow li:last-child{border:2px solid var(--acp-red)}
.ritm-flow-l{font:500 15px/1.3 var(--sans);color:var(--ink-2)}
.ritm-flow-v{font:700 clamp(28px,3.2vw,42px)/1.05 var(--display)}
.ritm-flow-s{font-size:15px;line-height:1.3;color:var(--ink-2)}
.ritm-chart{margin:0;min-width:0;padding:18px;background:var(--card);border:1px solid var(--border-strong);border-radius:4px}
.ritm-chart-h{margin:0 0 14px;font:700 22px/1.1 var(--display);text-transform:uppercase}
/* OWNER-NOTE-20261013-10 и OWNER-NOTE-20261014-10-A1: два столбца «1 месяц работы» (графитовый) и «1 год работы» (красный) одинаковой ширины, числа внутри
   столбцов у верхнего края, подписи под столбцами; высоты в пропорции страницы 4 презентации P26 — год 324 px, месяц 0,3999 × 324 ≈ 130 px (год ≈ в 2,5 раза выше);
   прежний честный масштаб 1:12 (G1) заменён этим указанием владельца, суммы не менялись */
.ritm-chart-plot{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,4vw,48px);align-items:end;height:330px;border-bottom:2px solid var(--ink)}
.ritm-col{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.ritm-colbar{display:flex;align-items:flex-start;justify-content:center;height:calc(324px * var(--p))}
.ritm-colbar b{margin:4px 4px 0;color:#fff;font:700 clamp(16px,1.6vw,20px)/1 var(--display);letter-spacing:0;white-space:nowrap}
@media (max-width:400px){.ritm-colbar b{font-size:14px}}
.ritm-col-month .ritm-colbar{background:var(--acp-steel)}
.ritm-col-year .ritm-colbar{background:var(--acp-red)}
.ritm-chart-x{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,4vw,48px);margin-top:8px}
.ritm-chart-x span{text-align:center;font:500 15px/1.3 var(--sans)}

/* Внедрение и цены */
.ritm-impl{display:grid;gap:10px;max-width:900px;margin:0 0 8px;padding:0;list-style:none}
.ritm-impl li{position:relative;padding-left:26px}
.ritm-impl li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:10px;background:var(--acp-red)}
.ritm-roles{margin:0 0 20px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ritm-roles li{padding:16px;background:var(--card);border:1px solid var(--border-strong);border-radius:4px}
.ritm-roles p{margin:12px 0 0;font-size:18px;font-weight:500}
.ritm-logo-w{display:inline-flex;align-items:center;min-height:72px;padding:10px 16px;background:#E9E0D5;border-radius:4px}
.ritm-logo{display:block;width:auto}
.ritm-logo-acpro{height:48px}   /* OWNER-NOTE-20261014-37: горизонтальный логотип 168 × 48 px — не меньше минимума P02 стандарта (168 px) */
.ritm-logo-onset{height:52px}
.ritm-table{width:100%;max-width:640px;border-collapse:collapse;margin:0 0 6px}
.ritm-table th,.ritm-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border-strong)}
.ritm-table th{font:700 18px/1.2 var(--display);text-transform:uppercase}
.ritm-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;list-style:none}
.ritm-tiers li{display:flex;flex-direction:column;gap:6px;padding:16px 14px;text-align:center;background:var(--card);border:1.5px solid var(--border-strong);border-radius:4px}
.ritm-tiers span{font:500 16px/1.2 var(--sans)}
.ritm-tiers b{font:700 clamp(22px,6.4vw,28px)/1.1 var(--display)}
.ritm-support{font-weight:700}

/* Подбор комплекта */
.ritm-kit-lead{max-width:820px;margin:0 0 16px}
.ritm-kitd{background:var(--card);border:1.5px solid var(--border-strong);border-radius:4px}
.ritm-kitd summary{position:relative;list-style:none;cursor:pointer;padding:16px 56px 16px 20px;font:700 22px/1.2 var(--display);text-transform:uppercase}
.ritm-kitd summary::-webkit-details-marker{display:none}
.ritm-kitd summary::after{content:"+";position:absolute;right:20px;top:12px;font:400 28px/1 var(--sans)}
.ritm-kitd[open] summary::after{content:"\2212"}
.ritm-kit{padding:4px 20px 20px}
.ritm-g{min-width:0;margin:0 0 18px;padding:0;border:0}
.ritm-g>legend.sr{margin:-1px}   /* названия групп только для вспомогательных технологий */
.ritm-scn{margin:0 0 14px;padding:0;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ritm-scn legend{padding:0;margin:0 0 10px;font:500 16px/1.3 var(--sans)}
.ritm-scn label{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--border-strong);border-radius:4px;cursor:pointer;background:var(--ground)}
.ritm-scn input{width:20px;height:20px;margin-top:2px;accent-color:var(--acp-red);flex:0 0 auto}
.ritm-scn b{display:block;font:700 20px/1.15 var(--display);text-transform:uppercase}
.ritm-scn label:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.ritm-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 6px}
.ritm-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0 0 6px}
.ritm-field>span{font:500 15px/1.3 var(--sans)}
.ritm-field input,.ritm-field select,.ritm-field textarea{width:100%;min-height:46px;padding:10px 12px;font:400 16px/1.3 var(--sans);color:var(--ink);background:var(--ground);border:1.5px solid var(--ink);border-radius:4px}
/* OWNER-NOTE-20261013-09: поля ввода и выпадающие списки одной высоты (46 px): высота задана явно, рамка входит в размер, у списка — тот же шрифт и отступы */
.ritm-field input,.ritm-field select{box-sizing:border-box;height:46px;padding:0 12px;line-height:1.3}
.ritm-field textarea{min-height:90px;resize:vertical}
.ritm-field input[aria-invalid=true]{border-width:3px}
.ritm-field .ritm-e{min-height:0;font:700 14px/1.3 var(--sans);color:var(--ink)}
.ritm-field .ritm-e:not(:empty)::before{content:"! ";font-weight:700}
.ritm-errsum{margin:0 0 14px;padding:12px 14px;border:2px solid var(--ink);border-radius:4px;font-weight:700}
.ritm-rules{max-width:820px;margin:0 0 16px;font-size:15px;color:var(--ink)}
.ritm-result{min-width:0;margin-top:20px;padding:18px;background:var(--ground);border:2px solid var(--ink);border-radius:4px}
/* текст пользователя без пробелов (примечание, вопрос, имя) переносится по символам и не растягивает страницу; ничего не обрезается */
.ritm-result,.ritm-result li,.ritm-result p,.ritm-msg,.ritm-errsum,.ritm-attached,.ritm .lead-sent-p{overflow-wrap:anywhere;word-break:normal}
.ritm .lead-main{min-width:0}
.ritm-result h3{margin:0 0 10px;font-size:28px;text-transform:uppercase}
.ritm-result h4{margin:16px 0 6px;font:700 18px/1.2 var(--display);text-transform:uppercase}
.ritm-result ul{margin:0;padding-left:22px;list-style:disc}

/* Вопросы и демонстрация */
.ritm-faq{border-top:1px solid var(--border-strong);max-width:900px}
.ritm-faq details{border-bottom:1px solid var(--border-strong)}
.ritm-faq summary{position:relative;list-style:none;cursor:pointer;padding:16px 44px 16px 0;font:700 22px/1.2 var(--display);text-transform:none}
.ritm-faq summary::-webkit-details-marker{display:none}
.ritm-faq summary::after{content:"+";position:absolute;right:6px;top:12px;font:400 28px/1 var(--sans)}
.ritm-faq details[open] summary::after{content:"\2212"}
.ritm-faq p{margin:0 0 16px;max-width:760px}
/* OWNER-NOTE-20261014-40 / 40-A1: три секции с инверсией — «Где теряется время» (#problemy), «Внедрение» (#vnedrenie) и «Запишитесь на демонстрацию» (.ritm-final):
   в светлой теме фон #1B1B1B и светлый текст, в тёмной теме фон #E9E0D5 и тёмный текст — одни и те же секции в обеих темах. Внутри секции переопределены токены
   противоположной темы, поэтому карточки, рамки, таблица, подписи и фокус берут цвета палитры без отдельной перекраски; готовые логотипы и значки не меняются */
.ritm-inv{--ground:#1B1B1B;--card:#252525;--card-2:#302F2E;--card-3:#3A3938;--border:#3A4A56;--border-strong:#92A6B1;--ink:#E9E0D5;--ink-2:#92A6B1;--muted:#92A6B1;--focus:#E9E0D5;background:var(--ground);color:var(--ink)}
:root[data-theme=dark] .ritm-inv{--ground:#E9E0D5;--card:#F2ECE6;--card-2:#DDD4CA;--card-3:#D2C9BE;--border:#C6C9C7;--border-strong:#92A6B1;--ink:#1B1B1B;--ink-2:#3A4A56;--muted:#3A4A56;--focus:#1B1B1B}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ritm-inv{--ground:#E9E0D5;--card:#F2ECE6;--card-2:#DDD4CA;--card-3:#D2C9BE;--border:#C6C9C7;--border-strong:#92A6B1;--ink:#1B1B1B;--ink-2:#3A4A56;--muted:#3A4A56;--focus:#1B1B1B}}
.ritm-inv :focus-visible{outline-color:var(--focus)!important}
.ritm-section.ritm-inv{border-top-color:var(--border-strong)}
.ritm-final{padding-block:clamp(40px,6vw,72px)}
.ritm-final .ritm-h2,.ritm-final .ritm-h3{color:var(--ink)}
.ritm-final p{max-width:720px;color:var(--ink)}
.ritm-need{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:nd}
.ritm-need li{display:flex;flex-direction:column;gap:10px;padding:16px;border:1.5px solid var(--ink);border-radius:4px;color:var(--ink);counter-increment:nd}
.ritm-need li::before{content:counter(nd);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--acp-red);color:#fff;font:700 16px/1 var(--sans)}
.ritm-lead-wrap{padding-block:clamp(36px,5vw,60px)}
.ritm-contact{display:block;margin:4px 0 2px;font:500 18px/1.3 var(--sans)}
/* OWNER-NOTE-20261013-12: поле-ловушка реле вне экрана (ставится только при --lead-endpoint) */
.ritm-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
/* №12, тестовый стенд: пометка над формой (только сборка --test-stand, в кандидат не входит) */
.ritm-testnote{margin:0 0 12px;padding:10px 12px;border:2px dashed var(--acp-red);border-radius:4px;font:500 15px/1.4 var(--sans);color:var(--ink)}
/* №12: строка ожидания повтора (retry_after) в панели результата */
.lead-wait{margin:0 0 10px}
/* OWNER-NOTE-20261013-11: номер со значками WhatsApp и Telegram справа (messengers-v1, вариант 1, 32 px, шаг пары 60 px = 32 + 28), почта под номером */
.ritm-contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.ritm-msgrs{display:inline-flex;align-items:center;gap:28px;margin-left:4px}
.ritm-msgr{display:inline-flex;width:32px;height:32px;border-radius:4px}
.ritm-msgr img{display:block;width:32px;height:32px}
.ritm-contact-mail{display:inline-block;margin-top:6px;padding:2px 0;min-height:24px;font:500 17px/1.3 var(--sans);color:var(--ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}   /* цель касания не ниже 24 px */
.ritm-msg{min-width:0;margin:12px 0;padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font:400 15px/1.45 var(--sans);background:var(--ground);color:var(--ink);border:1.5px solid var(--ink);border-radius:4px;max-height:260px;overflow:auto}
.ritm-panel[hidden]{display:none}
.ritm-panel .lead-sent-btns{display:flex;flex-wrap:wrap;gap:10px}
.ritm-attached{margin:0 0 12px;padding:10px 12px;border:1.5px solid var(--ink);border-radius:4px;font-size:15px}
.ritm-attached button{margin-left:8px;font:700 14px/1 var(--sans);text-decoration:underline;background:none;border:0;color:inherit;cursor:pointer;padding:6px}
.ritm-trunc{font-weight:700}

@media (max-width:1100px){.ritm-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.ritm-ex-in{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .ritm-prob,.ritm-roles,.ritm-ex-main{grid-template-columns:1fr}
  .ritm-f,.ritm-f:nth-child(even){grid-template-columns:1fr}
  .ritm-f:nth-child(even) .ritm-f-t{order:0}
  .ritm-need{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ritm-ex-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ritm-ex-in li:last-child{grid-column:1/-1}
}
@media (max-width:640px){.ritm-tiers{grid-template-columns:1fr}}
@media (max-width:700px){.ritm{font-size:16px}.ritm-actions .btn{width:100%}.ritm-scn,.ritm-fields{grid-template-columns:1fr}.ritm-ch{column-gap:14px}.ritm-ch-t{font-size:18px}.ritm-faq summary,.ritm-kitd summary{font-size:20px}}
@media (max-width:480px){.ritm-need{grid-template-columns:1fr}}
@media (max-width:360px){.ritm-wm img{height:33px}.ritm-rhythm{font-size:33px}.ritm-ex-in{grid-template-columns:1fr}.ritm-chart{padding:14px}}
/* Длинная подпись кнопки шапки «Записаться на демонстрацию»: без системного DIN шапка шире, поэтому кнопка сжимается, а телефон уходит в меню и подвал */
/* R12 (FIX07): границы записаны как точное дополнение «до 1000 px» (вложенный @media для второго условия): на дробной ширине 1000,5 px раньше не действовало ни одно правило */
@media not all and (max-width:1000px){.hd-cta{font-size:12.5px;padding-inline:14px;letter-spacing:.03em}}
@media not all and (max-width:1000px){.acp-nodin .hd-cta{font-size:11px;padding-inline:9px;letter-spacing:0}.acp-nodin .hd-phone{display:none}}
/* Тёмная тема: логотип стоит на светлом поле (+20 px), длинная подпись кнопки выходила за край шапки на 11 px — кнопка чуть плотнее.
   :where() держит специфичность 0,1,0, чтобы правила уплотнения ниже (1001–1120 px и без DIN) по-прежнему выигрывали */
@media not all and (max-width:1000px){:where(:root[data-theme=dark]) .hd-cta{letter-spacing:0;padding-inline:10px}}
@media not all and (max-width:1000px){@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .hd-cta{letter-spacing:0;padding-inline:10px}}}
@media not all and (max-width:1000px){@media (max-width:1120px){.hd-cta{font-size:11px;padding-inline:9px;letter-spacing:0}}}
@media not all and (max-width:1000px){@media (max-width:1050px){.acp-nodin .hd-link{font-size:10.5px;padding-inline:4px}.acp-nodin .hd-cta{font-size:10.5px;padding-inline:7px}}}
/* Оболочка Ритма, как на остальных 95 страницах (D14: тени и #000 не допускаются, белый только текст красной кнопки).
   Исходные токены тёмной темы задавали тени с #000 и перебивали --shadow:none из site.css по специфичности; линия подвала была белой 12 % */
:root,:root[data-theme=dark],:root:not([data-theme=light]){--shadow-sm:none;--shadow:none;--shadow-lg:none}
.ft-bottom[data-astro-cid-sz7xmlte]{border-top-color:rgba(233,224,213,.12)}
/* KZ: «Демонстрацияға» в заголовке формы (5,9 кегля) не помещалось в узкую колонку при 768 px и рвалось без дефиса.
   Без системного DIN действует своё уплотнение .acp-nodin .lead-title из site.css, это правило его не перекрывает */
@media (min-width:640px) and (max-width:1100px){html:not(.acp-nodin) .lead-title[data-astro-cid-xyq5hly5]:lang(kk){font-size:min(clamp(34px,6.4cqi,56px),5.6vw)}}
/* R6 и R11 (FIX07): без системного DIN заголовок формы рвался («Демонстрацияға» KZ, «демонстрацию» RU). Кегль считается от контейнера формы lead:
   одна колонка — (100cqi − 2·отступ) / коэффициент слова; с 700 px контейнера форма делится на две колонки (то же условие, что у раскладки),
   колонка заголовка 0,425·(C − 1). Коэффициенты: ширина слова 10,18 (KZ) и 9,10 (RU) кегля, запас 3 %. Только уменьшение относительно прежнего clamp */
html.acp-nodin .lead-title:lang(kk){font-size:min(clamp(26px,5cqi,44px),calc((100cqi - 2 * clamp(20px, 2.6vw, 30px)) / 10.49))}
@container lead (min-width:700px){html.acp-nodin .lead-title:lang(kk){font-size:min(clamp(26px,5cqi,44px),calc(((100cqi - 1px) * .425 - 2 * clamp(20px, 2.6vw, 30px)) / 10.49))}}
html.acp-nodin .lead-title:lang(ru){font-size:min(clamp(26px,5cqi,44px),calc((100cqi - 2 * clamp(20px, 2.6vw, 30px)) / 9.38))}
@container lead (min-width:700px){html.acp-nodin .lead-title:lang(ru){font-size:min(clamp(26px,5cqi,44px),calc(((100cqi - 1px) * .425 - 2 * clamp(20px, 2.6vw, 30px)) / 9.38))}}

/* G06 (поправка v3.1, решения В1 и В2): оболочка Ритма без прозрачности — непрозрачные шапка и нижняя панель без размытия, без шума,
   фон ошибки — доля 8 % токена --danger (ink или sand), затемнение окна непрозрачное; запасное #1B1B1B — для браузеров без токенов в ::backdrop */
.hd[data-astro-cid-3ef6ksr2]{background:var(--ground);backdrop-filter:none;-webkit-backdrop-filter:none}
.mcta[data-astro-cid-3v5i3x4a]{background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none}
body:before{display:none}
.lead-error[data-astro-cid-xyq5hly5]{background:color-mix(in srgb,var(--danger) 8%,transparent)}
/* В3 (вариант Б): 44 перекрытия в 40 правилах исходных таблиц и встроенных блоков, на страницах Ритма эти правила элементов не находят;
   те же селекторы и контексты, значения по палитре (T1–T5, G). Вид страницы не меняется */
.band-dark .btn-ghost{border-color:rgba(233,224,213,0.16)}
.band-dark .text-muted,.band-dark .lede{color:#92A6B1}
.band-dark .card{background:rgba(233,224,213,0.04)}
.band-dark .card{border-color:rgba(233,224,213,0.16)}
.diag:after{opacity:1}
.reg-table tbody tr:nth-child(2n){background:var(--card)}
.ray{background:none}
.band-dark .cell-label:after{background:rgba(233,224,213,0.16)}
.cell.band-dark.tile:hover{background-color:#1B1B1B}
.ft[data-astro-cid-sz7xmlte] .logo-tag{color:#92A6B1}
.ft[data-astro-cid-sz7xmlte] .logo-mark path:nth-child(2){fill:#1B1B1B}
.band-dark .sh-count[data-astro-cid-pzvqjql2]{color:var(--acp-mist)}
.band-dark .statrow[data-astro-cid-m7fuv3fi]{--stat-line:rgba(233,224,213,0.16)}
.band-dark .stat-l[data-astro-cid-m7fuv3fi]{color:var(--acp-mist)}
.band-dark .stat-n[data-astro-cid-m7fuv3fi]{color:var(--acp-mist)}
.sp-shot[data-astro-cid-jayqcdqu]{box-shadow:none}
.sp-stripes[data-astro-cid-jayqcdqu] i[data-astro-cid-jayqcdqu]:nth-child(2){background:#3A4A56}
.sp-cat[data-astro-cid-jayqcdqu]{border:1px solid rgba(233,224,213,0.16)}
.sp-cat[data-astro-cid-jayqcdqu]:hover{background-color:rgba(233,224,213,0.06)}
.sp-cat-k[data-astro-cid-jayqcdqu]{color:var(--acp-mist)}
.sp-price[data-astro-cid-jayqcdqu]{border-top:1px solid rgba(233,224,213,0.16)}
.sp-price-k[data-astro-cid-jayqcdqu]{color:var(--acp-mist)}
.sp-toc[data-astro-cid-jayqcdqu] ol[data-astro-cid-jayqcdqu]{border-top:1px solid rgba(233,224,213,0.16)}
.sp-toc[data-astro-cid-jayqcdqu] a[data-astro-cid-jayqcdqu]{border-bottom:1px solid rgba(233,224,213,0.08)}
.sp-toc[data-astro-cid-jayqcdqu] a[data-astro-cid-jayqcdqu]{color:var(--acp-mist)}
.sp-pain-list[data-astro-cid-jayqcdqu] li[data-astro-cid-jayqcdqu]{border-top:1px solid rgba(233,224,213,0.12)}
.sp-pain-list[data-astro-cid-jayqcdqu] li[data-astro-cid-jayqcdqu]{color:var(--on-night)}
.sp-rel-all[data-astro-cid-jayqcdqu]:hover{background-color:#1B1B1B}
.sp-cta-shade[data-astro-cid-jayqcdqu]{background:none}
.sp-cta-s[data-astro-cid-jayqcdqu]{color:var(--acp-mist)}
.sp-contacts[data-astro-cid-jayqcdqu]{background:rgba(233,224,213,0.16)}
.sp-contacts[data-astro-cid-jayqcdqu]{border:1px solid rgba(233,224,213,0.16)}
.sp-ct[data-astro-cid-jayqcdqu]{background-color:#302F2E}
.sp-ct[data-astro-cid-jayqcdqu]:hover{background-color:#1B1B1B}
.sp-ct-k[data-astro-cid-jayqcdqu]{color:var(--acp-mist)}
.band-dark .crumbs[data-astro-cid-ilhxcym7] ol[data-astro-cid-ilhxcym7],.band-dark .crumbs[data-astro-cid-ilhxcym7] a[data-astro-cid-ilhxcym7]{color:var(--acp-mist)}
.acl-steel{fill:#3A4A56}
.acl-c2{fill:#92A6B1}
.acl-c3{fill:#3A4A56}
.band-dark .acl-ink,.ft .acl-ink,.on-dark .acl-ink{fill:#E9E0D5}
.band-dark .acl-word,.ft .acl-word,.on-dark .acl-word{color:#E9E0D5}
.band-dark .acl-tag,.ft .acl-tag,.on-dark .acl-tag{color:#92A6B1}
.band-dark .bi-k,.on-dark .bi-k{fill:#E9E0D5}
.band-dark .bi-ks,.on-dark .bi-ks{stroke:#E9E0D5}

/* SITE-WHOLE-14, №47: переключатель RU KZ EN в шапке «Ритма» шире прежней ссылки на язык (110 px вместо 42 px). На 1001–1099 px шапка RU в тёмной теме выходила
   за правый край до 29 px (без системного DIN — и на 1100 px): кнопка «Записаться на демонстрацию» длинная, шапка SITE-WHOLE-13 была заполнена до 1 px. Меняются только интервалы шапки, тексты и кегли прежние.
   Вес селекторов 0,2,0 и место в конце ritm.css: правила .hd-cta и .hd-link выше перекрывает правило Astro .hd-cta[data-astro-cid-…] того же веса 0,2,0. */
@media not all and (max-width:1000px){@media (max-width:1199px){.hd-inner.container{gap:8px}.hd-nav .hd-link{padding-inline:4px}.hd .hd-right{gap:6px}.hd-right .hd-cta{padding-inline:8px}.hd-right .hd-langs{gap:2px}.hd-langs .acp-lang{min-width:28px;padding-inline:4px}}}