/* сМЫсл: общие стили сайта, вынесены из кода страниц 06.11.2026. Правка здесь меняет все страницы */


/* Спокойная вёрстка от 01.10.2026: белый фон, двоеточие перед разделом, линии вместо карточек.
   С 05.10.2026 основная версия: графит вместо тёмно-синего, холодные светло-серые подложки, заголовки шрифтом Jost под логотип.
   Переменная --navy сохранила имя, но теперь это графит #29292B. */
:root{--blue-t:#1A8FC6;--ink:#29292B;--navy:#29292B;--blue:#51C4F2;--crimson:#D62D5C;--crimson-d:#B92350;--grey:#5A5A5F;--mute:#7E848C;--line:#DFE2E6;--line2:#CCD0D6;--soft:#F2F4F6;--pale:#E3F4FC;--navy-d:#29292B;--slot:#FFF6D6;--slot-line:#D2B24A;--slot-ink:#5C4A12}
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF}
#app{font-family:'Golos Text','Segoe UI',system-ui,-apple-system,Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--ink);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#app *{box-sizing:border-box}
#app a{color:inherit}
#app button{font:inherit;cursor:pointer}
#app h1,#app h2,#app h3{text-wrap:balance;color:var(--navy);font-weight:500}
#app p{margin:0 0 8px}
#app p:last-child{margin-bottom:0}
#app strong{font-weight:400}
/* полужирный остаётся только у первых слов абзаца на личных страницах: там он заменяет подзаголовок */
#p-masha p>strong:first-child,#p-slava p>strong:first-child,#p-masha li>strong:first-child{font-weight:500}
#app p,#app li,#app blockquote,.lrow,.rd,.fact span{text-wrap:pretty}
.hero-g .lead,.need-t,.pull,.duo-cap,.next-b,.who-lead,.bridge,.prof-t,.pcase-t,.band-m p,.manifest p,.prompt a,.rn,.li-t,.eyebrow,.pers-tag{text-wrap:balance!important}

/* панель прототипа */
.pbar{background:var(--navy);color:#fff;font-size:13px;line-height:1.3;padding:8px 16px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.pbar-t{border:1px solid rgba(255,255,255,.5);border-radius:4px;padding:3px 8px;font-weight:500;letter-spacing:.02em}
.pbar label{display:inline-flex;gap:8px;align-items:center;cursor:pointer;color:rgba(255,255,255,.85)}
.pbar select{font:inherit;color:#fff;background:#1E1E20;border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:5px 8px;max-width:60vw}
.pbar-dev{display:inline-flex;border:1px solid rgba(255,255,255,.35);border-radius:6px;overflow:hidden}
.pbar-dev button{background:transparent;color:rgba(255,255,255,.75);border:0;padding:5px 10px;font-size:13px}
.pbar-dev button.on{background:#fff;color:var(--navy)}
.pbar input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);margin:0}
@media (max-width:860px){.pbar-dev{display:none}}

.stage{background:#fff}
.site{container-type:inline-size;container-name:site;background:#fff}
#app.phone .stage{background:#E4E9ED;padding:28px 0 56px}
#app.phone .site{max-width:390px;margin:0 auto;box-shadow:0 12px 44px rgba(41,41,43,.18);border-radius:22px;overflow:clip}

.wrap{max-width:1328px;margin:0 auto;padding:0 64px}
.page{display:none}
.page.on{display:block}
#formula,#pilot,#diff,#mentoring,#individual,#st1,#st2,#st3{scroll-margin-top:84px}
#app .nb{white-space:nowrap!important;text-wrap-mode:nowrap!important}

/* двоеточие */
.cln{display:inline-flex;flex-direction:column;gap:8px;flex:none}
.cln i{display:block;width:14px;height:14px;border-radius:50%;background:var(--blue)}
.cln-s{gap:6px}
.cln-s i{width:10px;height:10px}
.cln-l{gap:12px}
.cln-l i{width:20px;height:20px}

/* шапка */
/* линия под шапкой снята (правка М.А. 14.10.2026, ночь) */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;background:#fff}
.hdr-in{display:flex;align-items:center;gap:32px;height:84px}
.logo{display:block;color:var(--ink);line-height:0;--colon:var(--blue);--logo-acc:var(--blue)}
.logo-svg{height:28px;width:140px;display:block}
.nav{display:flex;gap:32px;margin-left:auto;align-items:center;font-size:16px}
.nav>a,.ddb{color:var(--navy)!important;text-decoration:none;background:none;border:0;padding:10px 0;white-space:nowrap}
.ddw{position:relative}
.ddb::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);margin-left:8px}
.ddm{display:none;position:absolute;top:100%;left:-18px;background:#fff;color:var(--navy);min-width:340px;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 32px rgba(41,41,43,.10)}
.ddw.open .ddm{display:block}
.ddm a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:16px;line-height:1.3}
.dd-cap{display:block;font-size:13px;line-height:1.3;color:var(--grey);padding:12px 12px 4px;margin-top:6px;border-top:1px solid var(--line)}
.ddm a.dd-q>span,.mnav-sub a.dd-q>span{display:block}
.ddm a.dd-q em,.mnav-sub a.dd-q em{display:block;font-style:normal;font-size:14px;line-height:1.3;color:var(--grey);margin-top:2px}
.ddm a.dd-q{padding:8px 12px}
.ddm a.dd-aq{margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 8px 8px;padding-top:12px}
.mnav-sub .dd-cap{padding:10px 0 2px;margin-top:4px}
.mnav-sub a.dd-aq{border-top:1px solid var(--line);margin-top:4px}
.burger{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;padding:0;position:relative}
.burger i{position:absolute;left:10px;right:10px;height:1.5px;background:var(--navy);transition:transform .2s}
.burger i:first-child{top:18px}.burger i:last-child{top:26px}
.hdr.open .burger i:first-child{transform:translateY(4px) rotate(45deg)}
.hdr.open .burger i:last-child{transform:translateY(-4px) rotate(-45deg)}
.mnav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0 28px;max-height:80vh;overflow:auto}
.mnav a{display:block;padding:11px 0;text-decoration:none;font-size:18px;color:var(--navy)!important}
.mnav-h{display:block;padding:11px 0 4px;font-size:18px;color:var(--grey)}
.mnav-sub{padding-left:14px;border-left:1px solid var(--line2);margin:4px 0 8px}
.mnav-sub a{font-size:16px;padding:8px 0}
.mnav .btn{margin-top:16px;width:100%}
/* кнопка в мобильном меню: правило .mnav a делало её блоком, из-за чего надпись
   прижималась влево и кнопка читалась как съехавшая (правка М.А. 20.10.2026) */
#app .mnav a.btn{display:flex;align-items:center;justify-content:center;text-align:center}


.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--crimson);color:#fff;border:0;border-radius:10px;min-height:60px;padding:0 34px;font-size:19px;font-weight:500;line-height:1.2;transition:background .15s}
.btn-s{min-height:46px;padding:0 22px;font-size:16px}
.arr{display:inline-block;transition:transform .15s}
.lnk{color:var(--navy)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--line2)}
.lnk-h{text-decoration:none}
.tel{text-decoration:none;white-space:nowrap}

/* первый экран */
.hero-g{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:56px 80px;align-items:start}
.hero-home{padding:60px 0 44px}
.hero-full{position:relative;display:flex;align-items:center;min-height:520px;padding:56px 0 60px;margin-bottom:18px;background:#fff}
.hero-full>.wrap{width:100%}
.hero-full::after{content:"";position:absolute;inset:16px;border:1px dashed var(--mute);border-radius:12px;pointer-events:none}
.hero-phl{position:absolute;right:48px;bottom:36px;font-size:14px;color:var(--grey)}
.hero-full h1{font-size:80px;line-height:1.04}
.hero-home.hero-full .lead{font-size:26px;max-width:none;text-wrap:balance!important}
.hero-home.hero-full .lead-1{white-space:nowrap}
.hero-home.hero-full .lead-q{display:flex;flex-wrap:wrap;gap:4px 32px;margin-top:14px!important}
.hero-home.hero-full .lead-q span{white-space:nowrap}
.hero-in .lead-q{display:flex;flex-wrap:wrap;gap:4px 32px;margin-top:10px!important}
.hero-in .lead-q span{white-space:nowrap}
.hero-full .eyebrow{font-size:18px;margin-bottom:28px!important}
.hero-full .hero-cta{margin-top:30px}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:17px;line-height:1.4;color:var(--navy);margin:0 0 32px!important}
.eyebrow em{font-style:normal;color:var(--mute);display:inline-block}
.eyebrow{align-items:flex-start}
.eyebrow .cln{margin-top:.32em;flex:none}
/* строка категории продолжает логотип: набрана шрифтом заголовков и соразмерна двоеточию */
.site .hero-full .eyebrow{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:26px;line-height:1.2;letter-spacing:-.01em;gap:14px;margin-bottom:30px!important}
.hero-full .eyebrow .cln{gap:6px;margin-top:.2em}
.hero-full .eyebrow .cln i{width:10px;height:10px}
.hero-home h1{font-size:72px;line-height:1.04;letter-spacing:-.03em;margin:0}
.hero-home h1>span{display:block}
.dim{color:var(--mute)}
.hero-home .lead{font-size:23px;line-height:1.45;max-width:25em;margin:24px 0 0!important}
.hero-home h1{margin-top:-6px}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:32px}
.hero-cta .cap{font-size:16px;color:var(--grey)}
.ph{aspect-ratio:4/5;border:1px dashed var(--mute);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:15px;line-height:1.4;color:var(--grey)}
.hero-ph{width:100%;max-width:400px;margin-left:auto}

.hero-in{padding:32px 0 10px}
.back{display:inline-flex;align-items:center;min-height:44px;font-size:16px;color:var(--grey)!important;text-decoration:none;margin-bottom:6px}
.hero-pre{font-size:17px;color:var(--grey);margin:0 0 14px!important}
.hero-q{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:17px;line-height:1.4;margin:6px 0 16px!important}
.hero-q span{color:var(--grey)}
.hero-q b{font-weight:400!important;color:var(--navy);padding-left:14px;border-left:1px solid rgba(41,41,43,.28)}
.h1w{display:flex;align-items:flex-start;gap:22px}
.h1w h1{font-size:60px;line-height:1.06;letter-spacing:-.03em;margin:0;max-width:16em}
.h1w .cln{margin-top:10px}
.hero-in .lead{font-size:26px;line-height:1.35;letter-spacing:-.01em;color:var(--navy);max-width:none;margin:20px 0 0!important;text-wrap:pretty!important}
.hero-in .meta{font-size:16px;color:var(--grey);margin:22px 0 0!important}
.hero-sm .h1w{gap:18px}
.hero-sm .h1w h1{font-size:44px;line-height:1.1;letter-spacing:-.025em;max-width:none}
.hero-sm .h1w .cln{margin-top:7px}

/* разделы */
.sec{padding:24px 0}
.sec.soft{background:var(--soft);padding:40px 0;margin:16px 0}
.sec.soft:has(+.cta),.sec.soft:has(+.band),.sec.soft:has(+.sec.soft),.sec.soft:has(+.prompt),.pers-soft:has(+.cta),.band:has(+.sec.soft){margin-bottom:0}
.sec.soft+.cta,.band+.cta,.prompt+.cta,.sec.soft+.band,.sec.soft+.sec.soft,.band+.sec.soft{margin-top:0}
.sec.soft .q{background:#fff}
.sec.soft .pc{background:#fff}
.sec.soft .logos{border-color:var(--line2)}
.sec.soft .col-2{border-top-color:var(--line2)}
.sh{display:flex;align-items:flex-start;gap:16px}
.sh h2{font-size:40px;line-height:1.1;letter-spacing:-.02em;margin:0}
.sh .cln{margin-top:4px}
.sec-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:28px 80px;align-items:start}
.sec-g .sh h2,.duo2 .sh h2{font-size:36px}
.sec-g .sh .cln,.duo2 .sh .cln{margin-top:2px}
#p-home .sec-g .sh h2{font-size:40px}
#p-home .sec-g .sh .cln{margin-top:4px}
.sec-top{margin-bottom:18px}
#app .sec-aside p{margin:0}
.sec-aside{font-size:18px;line-height:1.5;color:var(--grey);max-width:38em;margin:16px 0 0 30px}
.sec-lead{font-size:19px;max-width:22em;margin-top:17px!important}  /* подпись встаёт на базовую линию заголовка (правка М.А. 14.10.2026, ночь) */
.sec-intro{padding:24px 0 12px}
.intro-2 .col{font-size:20px;line-height:1.5;padding-top:24px}
.intro-2 .col p{max-width:28em}
/* вводный блок на /cmo: голубая плашка со скруглёнными углами и тонким разделителем,
   как «Вход»/«Срок» в блоке «Коротко» (правка М.А. 14.10.2026, ночь) */
.intro-2.pale{background:var(--pale);border-radius:12px;padding:22px 4px 24px;gap:28px 0}
.intro-2.pale .col{border-top:0;padding:0 28px}
.intro-2.pale .col+.col{border-left:1px solid rgba(41,41,43,.16)}
@container site (max-width:760px){
  .intro-2.pale{padding:20px 24px 4px;gap:0}
  .intro-2.pale .col{padding:0 0 20px}
  .intro-2.pale .col+.col{border-left:0;border-top:1px solid rgba(41,41,43,.16);padding-top:18px}
}
.intro-list{max-width:none;font-size:20px}
.intro-list ul.dash li{margin-bottom:8px}
.lead-text,.lead-text p{font-size:22px;line-height:1.5}
.lead-text{max-width:none}
.subh{font-size:20px;margin:28px 0 10px}
.subh:first-child{margin-top:0}

ul.dash,ol.num{list-style:none;margin:0 0 12px;padding:0}
ul.dash:last-child,ol.num:last-child{margin-bottom:0}
ul.dash li{position:relative;padding-left:20px;margin:0 0 5px}
ul.dash li:last-child{margin-bottom:0}
ul.dash li::before{content:"";position:absolute;left:2px;top:.69em;width:6px;height:6px;border-radius:50%;background:var(--blue)}
/* пункты-предложения в теле раздела: без маркера, с тонкой линией между пунктами */
.sec-b>ul.dash-s{border-top:1px solid var(--line2);margin-bottom:14px}
.sec-b>ul.dash-s li{padding:11px 0;margin:0;border-bottom:1px solid var(--line2)}
.sec-b>ul.dash-s li::before{display:none}
.sec-b>p+ul.dash-s{margin-top:14px}
.sec-b>ol.num+p,.sec-b>ul.dash-s+p{margin-top:24px!important}
ul.dash-2{columns:2;column-gap:48px}
ul.dash-2 li{break-inside:avoid}
ol.num{counter-reset:n;border-top:1px solid var(--line)}
ol.num li{counter-increment:n;position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}
/* номер и текст стоят в двух ячейках строки и выравниваются по базовой линии: цифра держит строку
   при любом кегле блока (правка М.А. 14.10.2026, ночь: «цифры и текст скачут на разной высоте») */
ol.num li::before{content:counter(n,decimal-leading-zero);font-size:15px;color:var(--grey);font-variant-numeric:tabular-nums}
.li-b{min-width:0}
.li-t{display:block;font-weight:400;font-size:24px;line-height:1.3;letter-spacing:-.005em;color:var(--navy);margin-bottom:6px}
.li-d{display:block;font-size:17px}
.sec.soft ol.num,.sec.soft ol.num li{border-color:var(--line2)}

.lrows{border-top:1px solid var(--line2)}
.lrow{padding:11px 0;border-bottom:1px solid var(--line2);font-size:17px}
.lrows-num .lrow{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:baseline}
.lrow-n{font-size:15px;line-height:1.4;color:var(--grey);font-variant-numeric:tabular-nums}
.lrows-n{border-top-color:var(--navy)}
.lrows-n .lrow{color:var(--navy)}
.side .sh{margin-bottom:20px}
.side-t{margin-top:18px;font-size:17px}
.duo2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 72px;align-items:start}

.sign{background:var(--pale);border-radius:12px;padding:13px 20px 15px;margin-top:16px;font-size:18px;line-height:1.5;color:var(--navy)}
.sign b{display:block;font-size:15px;font-weight:400;color:var(--grey);margin-bottom:8px}
/* строка-призыв под таблицей «Что беспокоит первое лицо» на /cmo (правка М.А. 14.10.2026, ночь) */
.sign.sign-p2{margin-top:24px;font-size:19px}

.rows{border-top:1px solid var(--line);margin:0 0 20px}
.rows:last-child{margin-bottom:0}
p+.rows{margin-top:20px}
.rows+.q{margin-top:28px}
.row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 32px;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:baseline}
.rn{font-weight:400;font-size:24px;line-height:1.3;letter-spacing:-.005em;color:var(--navy)}
.rd{font-size:17px}
.rn-lg{display:flex;align-items:center;gap:14px}
.rn-lg .row-lg{width:150px;height:36px;background-position:left center;flex:none}
/* телефон: двоеточие-маркер не должно отрываться от строки слогана –
   при переносе текст уходил на вторую строку, а точки оставались одни (правка М.А. 20.10.2026) */
@container site (max-width:760px){
  #app .cta .cta-l>.hm-slogan,#app .cta-home .cta-l>.hm-slogan{flex-wrap:nowrap;align-items:flex-start;column-gap:10px}
  #app .cta .cta-l>.hm-slogan>span:last-child,#app .cta-home .cta-l>.hm-slogan>span:last-child{min-width:0}
  #app .cta .cta-l>.hm-slogan .cln,#app .cta-home .cta-l>.hm-slogan .cln{margin-top:.3em}
}
/* телефон: строка кейса с логотипом – логотип занимает всю высоту своей ячейки,
   у двухстрочных знаков (Ростелеком) под ним не остаётся воздуха (правка М.А. 20.10.2026) */
@container site (max-width:760px){#app .rows .row:has(.row-lg) .rn-lg{margin-bottom:6px}}

.row:has(.row-lg){align-items:center}
.rn-l{display:block;font-size:15px;font-weight:400;letter-spacing:0;color:var(--grey);margin-bottom:6px}
.row:has(.rn-l){align-items:start}
.row:has(.rn-l) .rd{padding-top:30px}
.more{margin-top:20px!important}

/* колонки с линией сверху */
.cols{display:grid;gap:22px 40px}
.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 56px}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.col{padding-top:18px;border-top:2px solid var(--navy);font-size:17px}
.col-2{border-top:1px solid var(--line2)}
.col-l{display:block;font-size:15px;color:var(--grey);margin-bottom:12px}
.col-h{font-size:26px;line-height:1.2;letter-spacing:-.01em;margin:0 0 12px}
.col-h-s{font-size:22px;line-height:1.25}
.col-t{font-size:24px;line-height:1.3;letter-spacing:-.01em;color:var(--navy)}
.col p{margin-bottom:8px}

.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px}
.stack{display:grid;gap:22px}
.card{padding-top:18px;border-top:2px solid var(--navy);font-size:17px}
.card h3{font-size:26px;line-height:1.2;letter-spacing:-.01em;margin:0 0 12px}
.card-l{display:block;font-size:15px;color:var(--grey);margin-bottom:10px}

/* шаги на странице услуг */
.step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:28px 80px;padding:24px 0;border-top:1px solid var(--line)}
/* линия под последним шагом снята (правка М.А. 14.10.2026, ночь) */
.step-n{display:block;font-size:15px;color:var(--grey);margin-bottom:10px}
.step-l h3{font-size:32px;line-height:1.15;letter-spacing:-.02em;margin:0 0 14px}
.step-l p{font-size:17px;color:var(--grey);max-width:18em}
.step-text{font-size:18px}
.step-w{grid-template-columns:minmax(0,1fr);gap:18px 0}
.step-w .step-l{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 80px;align-items:end}
.step-w .step-l .step-n{grid-column:1/-1}
.step-w .step-l h3{margin:0}
.step-w .step-l p{max-width:none;margin:0 0 4px}
#app .sq-lead{font-size:18px;margin:0 0 26px;max-width:none}
.sq-l{font-size:15px;line-height:1.5;color:var(--navy);text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1px;text-underline-offset:4px}
.sq-c{color:var(--grey);font-size:14px}
.sq-head,.sq-row{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,10fr) minmax(0,7fr);gap:0 44px}
.sq-head{font-size:13px;color:var(--grey);padding:0 0 10px}
.sq-rows{border-top:1px solid var(--line)}
.sq-row{padding:19px 0 20px;border-bottom:1px solid var(--line);align-items:start}
.sq-q{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:baseline}
.sq-n{font-size:13px;color:var(--grey);font-variant-numeric:tabular-nums}
.sq-t{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:32px;line-height:1.12;letter-spacing:-.015em;color:var(--navy)}
.sq-s{grid-column:2;font-size:15px;line-height:1.45;color:var(--grey);margin-top:10px;text-wrap:pretty}
.sq-h{font-size:18px;line-height:1.45;color:var(--ink);padding-top:6px;text-wrap:pretty}
.sq-tl{padding-top:8px}
.sq-tl>div{margin-bottom:4px}
.sq-ml{display:none;font-size:12px;color:var(--grey);margin-bottom:2px}
#app .sq-note{font-size:16px;color:var(--grey);margin:14px 0 0;max-width:none}
.sm-box{border:1px solid var(--line);border-radius:12px;padding:26px 28px 28px;margin:32px 0 0}
.sm-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}
.sm-t{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:25px;line-height:1.22;letter-spacing:-.01em;color:var(--navy);margin-top:4px}
.sm-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--line2)}
.sm-c{display:flex;flex-direction:column;gap:4px;padding-top:16px}
.sm-st{font-size:13px;color:var(--grey)}
.sm-q{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:20px;line-height:1.25;color:var(--navy)}
.sm-h{font-size:15px;line-height:1.45;color:var(--ink);text-wrap:pretty}
.cards+.step-text{margin-top:20px}
.step-2 .rows~p{font-size:17px;color:var(--grey)}

/* главная: раскрывающиеся шаги */
.hsteps{border-top:1px solid var(--line)}
.hstep{border-bottom:1px solid var(--line)}
.hstep summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:120px minmax(0,1fr);gap:0;align-items:baseline;align-content:center;min-height:62px;padding:11px 0;position:relative}
.hstep summary::-webkit-details-marker{display:none}
.hstep-n{font-size:16px;color:var(--grey)}
#app .hstep summary h3{font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:0;padding-right:64px;color:var(--navy)}
.hstep-x{position:absolute;right:4px;top:50%;width:22px;height:22px;margin-top:-11px}
.hstep-x::before,.hstep-x::after{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:var(--blue);transition:transform .2s}
.hstep-x::after{transform:rotate(90deg)}
.hstep[open] .hstep-x::after{transform:rotate(0)}
.hstep summary:hover h3{color:var(--ink)}
.hstep summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:6px}
.hstep-wt summary{grid-template-columns:120px minmax(0,1fr) auto}
#app .hstep-wt summary h3{padding-right:24px}
.hstep-t{font-size:17px;line-height:1.3;color:var(--grey);white-space:nowrap;margin-right:64px}
.hstep-b{margin-left:120px;max-width:none;padding:4px 0 24px}
.hstep-b p:last-child{margin-bottom:0}
.hsteps-p .hstep summary{grid-template-columns:72px minmax(0,1fr);min-height:72px}
#app .hsteps-p .hstep summary h3{font-size:26px;line-height:1.2}
.hsteps-p .hstep-b{margin-left:72px;max-width:none;font-size:18px;padding-bottom:36px}
.sec.soft .hsteps,.sec.soft .hstep{border-color:var(--line2)}
.hsteps-d .hstep summary{grid-template-columns:minmax(0,1fr)}
.hsteps-d .hstep-b{margin-left:0}

/* главная */
.needs{border-top:1px solid var(--line)}
.need{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:8px 64px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none}
.need-t{font-size:26px;line-height:1.25;letter-spacing:-.01em;color:var(--navy)}
.need-d{display:flex;flex-direction:column;gap:6px;padding-top:5px}
.need-n{font-size:18px;line-height:1.35;font-weight:400;color:var(--navy)}
.need-x{font-size:16px;line-height:1.5;color:var(--grey);text-wrap:pretty}
/* главная: ситуация и результат в одной строке */
.need-h,.need2{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:8px 72px}
.need-h{display:grid;align-items:end;margin-bottom:20px}
.need2{align-items:start;padding:18px 0}
.need2 .need-d{gap:8px;padding-top:5px}
#app .need-r{font-size:18px;line-height:1.45;color:var(--ink);text-wrap:pretty!important}
.need2 .need-n{font-size:15px;line-height:1.35;font-weight:400;color:var(--grey)}
#app .need-s{display:inline}
.need2 .need-d{position:relative}
.need-a{position:absolute;left:-56px;top:15px;color:var(--blue)}
/* страницы направлений: у правого заголовка пары двоеточия нет */
.side-n .sh .cln{display:none}
.need-sg{display:block;font-family:'Golos Text',sans-serif;font-size:15px;line-height:1.45;letter-spacing:0;color:var(--grey);margin-top:8px;text-wrap:pretty}
.need-h1{display:block;text-wrap:pretty}
.need-h1+.need-h1{margin-top:6px}
.need-ns{display:flex;flex-wrap:wrap;gap:2px 22px}
.need-dl{color:inherit;text-decoration:none}
.fq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;margin:6px 0 18px}
.fq-c{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:14px;text-decoration:none}
.fq-n{font-size:13px;color:var(--grey);font-variant-numeric:tabular-nums}
.fq-q{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:22px;line-height:1.2;letter-spacing:-.01em;color:var(--navy);margin-bottom:4px;text-wrap:balance}
.fq-d{font-size:15px;line-height:1.4;color:var(--grey)}
#app .fq-m{font-size:16px;margin:0}
.need-l{display:none;font-size:13px;line-height:1.3;color:var(--mute)}
/* блог: список тем */
.posts{border-top:1px solid var(--line2)}
.post{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:8px 40px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line2)}
.post-r{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:15px;line-height:1.35;color:var(--grey);padding-top:8px}
.post-s{font-size:13px}
.post-b{display:flex;flex-direction:column;gap:10px}
.post-x{font-size:17px;line-height:1.5;color:var(--grey);text-wrap:pretty}
.aud-t>span{text-wrap:balance}

.band{background:var(--navy);color:#fff;padding:46px 0;margin:16px 0}
.band-m p{font-size:56px;line-height:1.08;font-weight:500;letter-spacing:-.03em;color:#fff;margin:0!important}
.band .dim{color:rgba(255,255,255,.5)}
.band-f{margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.2)}
.band-f p{font-size:17px;color:rgba(255,255,255,.8);max-width:44em}
.band .formula{color:#fff}
/* подпись над формулой на графитовой полосе: рыночный контекст должен читаться как рамка, а не сливаться
   с фоном (правка М.А. 15.10.2026, ночь) */
.band .flabel{color:var(--blue);font-size:13px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;margin-bottom:28px}
.band .lnk{color:#fff!important;text-decoration-color:rgba(255,255,255,.45)}
#app .band h2{color:#fff}
.band-about .band-f{margin-top:36px;padding-top:0;border-top:0}
.band-home .band-f{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:88px;align-items:center}
.band-home .frow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 16px;align-items:center}
.band-home .fline{grid-column:1/-1;display:flex;align-items:center;gap:18px;justify-self:start}
.band-home .fline .frac{min-width:0}
.band-home .fres{max-width:none}
.band-home .feq{font-size:36px}
.band-home .band-f .formula{grid-column:1;grid-row:1/span 2;margin:0}
#app .band-home .band-f>p{grid-column:2;font-size:18px;line-height:1.55;color:rgba(255,255,255,.88);max-width:30em;margin:0}
#app .band-home .band-f>p:not(:last-child){align-self:end;margin-bottom:14px}
#app .band-home .band-f>p:last-child{align-self:start}
.band-home .band-f .note{grid-column:1/-1}
/* «Как мы работаем»: метод сМЫсла после шага 3 (правка М.А. 14.10.2026) */
.band-method{margin:0}
.band-method .sh{margin-bottom:8px}
.band-method .band-f{margin-top:24px;padding-top:0;border-top:0}
#app .band-method .band-f>p.pm{grid-column:2;align-self:start}
.band-method .lnk{color:#fff!important}
.formula{font-size:30px;line-height:1.2;letter-spacing:-.015em;color:var(--navy);margin:0 0 28px}
.flabel{display:block;font-size:16px;letter-spacing:0;color:var(--grey);margin-bottom:22px}
.frow{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}
.frac{display:inline-flex;flex-direction:column;align-items:center;gap:10px}
.fn{padding-bottom:12px;border-bottom:2px solid var(--blue)}
.feq{font-size:44px;line-height:1;color:var(--blue)}
.fres{max-width:12em}
/* формула с расшифровкой при наведении (страница «О практике») */
#app .ft{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;margin:0;text-align:left;cursor:pointer;text-decoration:underline dashed 1px rgba(255,255,255,.45);text-underline-offset:7px;transition:color .15s}
#app .ft:hover,#app .ft.on{color:var(--blue);text-decoration-color:var(--blue)}
#app .ft:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}
.formula-i .fn{padding-bottom:16px}
.fpanel{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2)}
#app .fhint{font-size:15px;color:rgba(255,255,255,.6);margin:0 0 20px;max-width:none}
.fp-g{display:grid}
.fp-i{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:8px 32px;visibility:hidden;opacity:0;transition:opacity .2s}
.fp-i.on{visibility:visible;opacity:1}
#app .fp-i h3{font-size:28px;line-height:1.15;color:var(--blue);margin:0}
#app .fp-i p{font-size:19px;line-height:1.5;color:#fff;max-width:36em}
.sec-defs{display:none}

.proof>*+*{margin-top:26px}
/* полоса логотипов: линии сверху и снизу сняты (правка М.А. 14.10.2026, ночь) */
.logos{display:flex;flex-wrap:wrap;align-items:center;gap:28px 64px;padding:20px 0}
.logos-j{justify-content:space-between;gap:28px 40px}
.logo-i{display:flex;align-items:center;text-decoration:none}
.lg{display:block;background-repeat:no-repeat;background-position:center;background-size:contain}
.logo-i .lg{width:160px;height:46px}
.logo-i .lg-croc{background-size:auto 56%}
.logo-i .lg-reksoft{background-size:auto 44%}
.logo-i .lg-rtk-service{background-size:auto 46%}
.logo-slot{border:1px dashed var(--mute);border-radius:10px;min-height:56px;min-width:140px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.3;color:var(--grey);padding:8px 16px}
.pcases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr;gap:0 24px}
.pc{display:grid;grid-row:span 2;grid-template-rows:subgrid;background:var(--soft);border-radius:12px;padding:22px 26px 24px}
.pc .pcase{padding-bottom:18px;border-bottom:1px solid var(--line2)}
.pc .q{background:none;border-radius:0;padding:18px 0 0}
#app .pc .q blockquote{font-size:18px;line-height:1.5;letter-spacing:0;margin-bottom:18px}
.proof .more{margin-top:20px!important}
.pcase{display:flex;flex-direction:column;gap:10px;text-decoration:none}
.pcase-l{font-size:15px;color:var(--grey)}
.pcase-t{font-size:30px;line-height:1.2;font-weight:400;letter-spacing:-.01em;color:var(--navy)}
.pcase-d{font-size:17px}
.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.quotes .note{grid-column:1/-1}
/* отзывы на главной: заголовок раздела, ссылка «Кейсы» отделена от цитат (правка М.А. 14.10.2026) */
.sec-rev .sec-top{margin-bottom:20px}
#app .rev-more{margin-top:24px;padding-top:18px;border-top:1px solid var(--line2)}
.q{margin:0;background:var(--soft);border-radius:12px;padding:26px 30px;display:flex;flex-direction:column}
.q figcaption{margin-top:auto}
.q blockquote{margin:0 0 18px;font-size:22px;line-height:1.45;letter-spacing:-.005em;color:var(--navy)}
.q figcaption{font-size:15px;line-height:1.45;color:var(--grey);display:flex;align-items:center;gap:14px}
.q-ph{flex:none;width:56px;height:56px;border-radius:50%;border:1px dashed var(--mute);background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:var(--mute)}
/* настоящий портрет в цитате: те же правила, что у фото в цитатах кейсов
   (правка М.А. 16.10.2026: «что говорят заказчики – поставить фото, возьм их из кейсов») */
.q-ph-img{border:0;overflow:hidden;background:#F2F4F6}
.q-ph-img img{width:100%;height:100%;object-fit:cover;display:block}
.q-who{min-width:0;text-wrap:pretty}
.quotes .q blockquote{font-size:20px}
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 32px}
.diff-g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:0 56px;align-items:start}
.diff-g .diffs{grid-column:1;grid-row:1}
.diff-g .stats{grid-column:2;grid-row:1/span 2}
.diff-more{grid-column:1;grid-row:2}
.diffs{border-top:2px solid var(--navy)}
.diff{padding:13px 0 14px;border-bottom:1px solid var(--line)}
#app .diff .li-t{font-size:24px;line-height:1.25;margin-bottom:4px}
.diff-d{display:block;font-size:16px;line-height:1.45;color:var(--grey);text-wrap:balance}
.diff-g .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
.diff-g .stat b{font-size:52px}
.diff-g .more{margin-top:24px!important;margin-bottom:0!important}
.stat{padding-top:16px;border-top:2px solid var(--navy)}
.stat b{display:block;font-size:60px;line-height:1;font-weight:500;letter-spacing:-.03em;color:var(--navy)}
.stat>span{display:block;margin-top:10px;font-size:15px;line-height:1.4;color:var(--grey);text-wrap:balance}

.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.person{display:flex;flex-direction:column;gap:16px;text-decoration:none}
.person h3{font-size:24px;line-height:1.2;margin:0 0 4px}
.person p{font-size:16px;color:var(--grey);margin:0 0 2px!important}
.person .go{color:var(--navy);margin-top:8px!important}
.joint{margin-top:32px;font-size:22px;line-height:1.45;max-width:none}
.prof{margin-bottom:32px}
.prof-t{font-size:30px;line-height:1.25;letter-spacing:-.015em;color:var(--navy);max-width:28em}
.pull{font-size:30px!important;line-height:1.3;letter-spacing:-.015em;color:var(--navy);max-width:26em;margin:44px 0 0!important}

/* страница услуги */
.sum{padding:18px 0 24px}
.sum-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--pale);border-radius:12px;padding:18px 4px}
.sum-i{display:flex;flex-direction:column;gap:8px;padding:0 28px;border-left:1px solid rgba(41,41,43,.16)}
.sum-i:first-child{border-left:0}
.sum-i b{font-size:15px;font-weight:400!important;color:var(--grey)}
.sum-i>span{font-size:17px;line-height:1.5}
.sum+.note{margin:0}
.acc{border-top:1px solid var(--line)}
.acc-i{border-bottom:1px solid var(--line)}
.acc-i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:7px 0;font-size:22px;line-height:1.25;color:var(--navy)}
.acc-i summary::-webkit-details-marker{display:none}
.acc-i summary::after{content:"+";font-size:26px;line-height:1;color:var(--blue)}
.acc-i[open] summary::after{content:"–"}
.acc-b{padding:0 0 16px;font-size:17px}
.acc-b ol.num{border:0;counter-reset:none}
.acc-b ol.num li{position:relative;display:block;border:0;padding:0 0 0 26px;margin:0 0 5px}
/* точка вместо номера: своё позиционирование, после перевода строк перечня на сетку
   (правка М.А. 15.10.2026: в аккордеоне «Подробно» пропали буллиты) */
.acc-b ol.num li::before{content:"";position:absolute;left:3px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.next-b{font-size:26px;line-height:1.35;letter-spacing:-.01em;color:var(--navy)}

.aud-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.aud-g>*{background:#fff;padding-left:36px;padding-right:36px;position:relative;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.aud-h{font-size:28px;line-height:1.15;letter-spacing:-.015em;margin:0;padding-top:24px;padding-bottom:18px;border-radius:12px 12px 0 0;border-top:4px solid var(--navy)}
.aud-h.c1{border-top-color:var(--blue)}
.aud-r{display:grid;grid-template-columns:116px minmax(0,1fr);gap:8px 20px;align-items:baseline;padding-top:13px;padding-bottom:13px}
.aud-r::before,.aud-go::before{content:"";position:absolute;left:36px;right:36px;top:0;border-top:1px solid var(--line)}
.aud-r b{font-size:15px;font-weight:400!important;color:var(--grey)}
.aud-t>span{display:block;position:relative;padding-left:0;font-size:17px;line-height:1.4;margin-bottom:5px}
.aud-t>span:last-child{margin-bottom:0}
.aud-d .aud-t>span::before{content:none}
.aud-q .aud-t{counter-reset:audq}
.aud-q .aud-t>span{counter-increment:audq}
.aud-q .aud-t>span::before{content:counter(audq,decimal-leading-zero);position:absolute;left:-28px;top:.28em;font-size:13px;line-height:1.4;font-weight:400;color:var(--grey);font-variant-numeric:tabular-nums}
#app .aud-go{margin:0;padding-top:13px;padding-bottom:20px;border-radius:0 0 12px 12px;border-bottom:1px solid var(--line);font-size:17px}
#app .sec-aud .duo-cap,#app .sec-aud .duo-cap p,#app .aud-pull{font-family:inherit;font-size:18px!important;line-height:1.5;letter-spacing:0;color:var(--grey);max-width:none;text-wrap:balance}
.sec-aud .sec-aside{max-width:none}
.sec-aud .duo-cap{margin-top:28px}
#app .sec-aud .duo-cap p{margin:0}
#app .aud-pull{margin:2px 0 0!important}
.duo-cap{margin-top:40px;font-size:26px;line-height:1.35;letter-spacing:-.01em;color:var(--navy)}
/* плашка-переход на страницу директора по маркетингу: белая (правка М.А. 14.10.2026, вечер);
   на странице «Как мы работаем» — голубая плашкой (правка М.А. 14.10.2026, ночь) */
.prompt{background:#fff;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.prompt.prompt-pale{background:var(--pale);border-top:none;border-bottom:none}
.prompt a{display:flex;flex-wrap:wrap;gap:6px 24px;align-items:baseline;justify-content:space-between;padding:20px 0;text-decoration:none;font-size:26px;line-height:1.3;letter-spacing:-.01em;color:var(--navy)!important}
.prompt strong{font-weight:400!important}

/* кейсы */
.sec-cases{padding-top:30px}
.cfs{display:flex;flex-wrap:wrap;gap:0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.cf{font:inherit;font-size:16px;line-height:1.3;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 0;cursor:pointer;color:var(--grey);text-align:left}
.cf i{font-style:normal;color:var(--mute);margin-left:4px;font-size:13px}
.cf.on{color:var(--navy);border-bottom-color:var(--navy)}
.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 40px;margin-bottom:8px}
.ccard{display:flex;flex-direction:column;padding-top:18px;border-top:1px solid var(--line2);text-decoration:none}
.ccard-g{font-size:15px;line-height:1.4;color:var(--grey);margin-bottom:14px}
.ccard h3{font-size:24px;line-height:1.2;letter-spacing:-.01em;margin:0 0 10px}
.ccard p{font-size:17px;margin:0}
.ccard-m{display:flex;align-items:center;gap:14px;height:40px;margin:0 0 12px;font-size:22px;font-weight:500;color:var(--navy)}
.ccard h3{min-height:40px;margin-bottom:12px;padding-top:5px}
.ccard-a{padding-top:14px;font-size:14px;color:var(--mute)}
.ccard-lg{width:150px;height:36px;background-position:left center;flex:none}
/* короткое уточнение рядом с логотипом в карточке кейса: ВкусВилл известен как
   розница, без пометки «B2B-направление» карточка читается неверно (16.10.2026) */
.ccard-q{font-family:'Golos Text',sans-serif;font-size:15px;font-weight:400;line-height:1.2;color:var(--mute)}
/* фраза, которую нельзя рвать переносом, но которая может уйти на новую строку целиком */
.nb-l{white-space:nowrap}
@media (max-width:560px){.nb-l{white-space:normal}}
.ccard-lg.lg-croc,.row-lg.lg-croc{background-size:auto 62%}
.ccard-lg.lg-rtk-service,.row-lg.lg-rtk-service{background-size:auto 58%}
.ccard-lg.lg-haulmont{background-size:auto 72%}
.ccard-lg.lg-scan{background-size:auto 74%}
/* кейсы: один список карточек в порядке направлений; повтор кейса в общем виде скрыт */
.cgrid[data-f="all"] .ccard[data-dup]{display:none}
.cgrid[data-f="all"] .ccard{order:var(--o)}
.cgrid[data-f="0"] .ccard:not([data-g="0"]){display:none}
.cgrid[data-f="1"] .ccard:not([data-g="1"]){display:none}
.cgrid[data-f="2"] .ccard:not([data-g="2"]){display:none}
.cgrid[data-f="3"] .ccard:not([data-g="3"]){display:none}
.cgrid[data-f="4"] .ccard:not([data-g="4"]){display:none}
.cgrid[data-f="5"] .ccard:not([data-g="5"]){display:none}
.cgrid[data-f="6"] .ccard:not([data-g="6"]){display:none}
.cgrid[data-f="7"] .ccard:not([data-g="7"]){display:none}

/* о практике */
.hero-sub{font-size:21px;line-height:1.5;max-width:40em;margin:18px 0 0!important}
.sec-who{padding-top:24px}
.vm{margin-top:32px}
.vm .col{border-top:2px solid var(--blue)}
#app .vm-l{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:30px;line-height:1.15;letter-spacing:-.01em;color:var(--blue-t);margin-bottom:14px}
.vm .col{font-size:18px}
.who-lead{font-size:26px;line-height:1.35;letter-spacing:-.01em;color:var(--navy);margin:0 0 32px!important}
.facts{border-top:1px solid var(--line);margin:0 0 34px}
.fact{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:11px 0;border-bottom:1px solid var(--line)}
.fact b{font-size:15px;font-weight:400!important;color:var(--grey);padding-top:3px}
.fact>span{font-size:18px;line-height:1.5}
.bridge{font-size:24px;line-height:1.3;letter-spacing:-.01em;color:var(--navy);margin-top:28px!important}
.defs{border-top:1px solid var(--line)}
.def{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:8px 32px;padding:13px 0;border-bottom:1px solid var(--line)}
.def h3{font-size:22px;line-height:1.3;margin:0}
.def p{font-size:17px}

/* таблицы */
.tbl{border-top:1px solid var(--navy);margin:24px 0}
.tr{display:grid;grid-template-columns:var(--tpl);gap:32px;padding:11px 0;border-bottom:1px solid var(--line)}
.tr.th{padding:12px 0;font-size:15px;color:var(--grey)}
.tr:not(.th) .td:first-child{font-weight:400;font-size:22px;line-height:1.3;color:var(--navy)}
.tr .td{min-width:0;font-size:17px}

/* личные страницы */
.hero-pers .pers-role{font-size:17px;color:var(--grey);margin:16px 0 0!important}
.hero-pers.hero-full{margin-bottom:0;padding:56px 0 72px;align-items:flex-start}
.hero-pers.hero-full .h1w h1{max-width:none}
.hero-pers.hero-full .lead{max-width:680px}
/* ширина подзаголовка ограничена, чтобы строка аудиторий не уходила на фотографию
   (правка М.А. 21.10.2026) */
#p-masha .hero-pers.hero-full .lead{max-width:620px}
/* воздух между двумя предложениями подзаголовка (правка М.А. 21.10.2026):
   вместо переноса строки пустая строка-разделитель */
#p-masha .hero-pers .lead .lead-br{display:block;height:0;margin-top:20px}
#p-masha .hero-pers .lead .br-d{display:inline!important}
.hero-pers.hero-full .back{margin-bottom:72px}
.hero-pers.hero-full .h1w h1{font-size:72px;line-height:1.04}
.hero-pers.hero-full .h1w .cln{margin-top:14px}
.hero-pers.hero-full .pers-role{font-size:19px;margin-top:20px!important}
.hero-pers.hero-full .lead{margin-top:36px!important}
.manifest{padding:34px 0 18px}
.manifest p{font-size:52px;line-height:1.1;font-weight:500;letter-spacing:-.03em;color:var(--navy);margin:0!important}
.pers{max-width:960px;font-size:19px;line-height:1.55}
.pers-sec{padding:16px 0}
.hero-pers+.pers-sec,.hero-pers+.note-page+.pers-sec{padding-top:44px}
.pers p{margin:0 0 9px}
#app .pers-h{display:flex;align-items:center;gap:12px;font-size:28px;line-height:1.15;letter-spacing:-.015em;margin:12px 0 20px}
.pers ul.dash{margin:0 0 14px}
.xp-l{margin-bottom:10px}
.xps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.xp{display:flex;flex-direction:column;gap:3px;padding:11px 0 12px;border-top:1px solid var(--line2)}
.xp-t{font-size:18px;line-height:1.35;color:var(--navy);text-wrap:balance}
.xp-d{font-size:15px;line-height:1.4;color:var(--grey);text-wrap:pretty}
.xps-q{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:18px 0 22px;border-bottom:1px solid var(--line)}
.xps-q .xp{border-top-color:var(--line);padding:15px 0 16px;gap:4px}
.xps-q .xp-t{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:21px;line-height:1.25;letter-spacing:-.01em}
.xps-q .xp-d{font-size:16px;line-height:1.45;color:inherit}
.xps-end{margin:0}
.xps-end .xp-d{font-size:18px}
#app .xp-note{margin:0;padding-top:18px;border-top:1px solid var(--line2);font-size:17px;color:var(--grey);max-width:none}
.edus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 32px;margin:6px 0 4px}
.edu{display:flex;flex-direction:column;gap:14px}
.edu-lg{width:100%;max-width:170px;height:56px;background-position:left center;background-repeat:no-repeat;background-size:contain}
.edu-lg.edu-sq{max-width:56px}
.edu-ph{width:100%;max-width:170px;height:56px;border:1px dashed var(--mute);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.3;color:var(--mute)}
.edu-t{font-size:16px;line-height:1.4;text-wrap:pretty}
.pers-pts{border-top:1px solid var(--line2);margin:0 0 14px}
#app .pers-pts p{margin:0;padding:12px 0;border-bottom:1px solid var(--line2)}
.pers-pts:last-child{margin-bottom:0}
#p-masha .pers-pts p>strong:first-child{font-weight:500}
.pers ul.dash+p[id]{margin-top:20px}
#mentoring{scroll-margin-top:108px}
.pers ul.dash li{margin-bottom:6px}
.pers .facts{margin:6px 0 24px}
.pers .fact{grid-template-columns:120px 1fr}
.pers .fact-r{grid-template-columns:132px 1fr;padding:16px 0 17px;align-items:baseline}
.fact-t{display:block;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:23px;line-height:1.25;letter-spacing:-.01em;color:var(--navy);margin-bottom:5px;text-wrap:balance}
.fact-d{display:block;font-size:17px;line-height:1.5;text-wrap:pretty}
.fact-r b{font-size:15px;white-space:nowrap}
.pers-soft{background:var(--soft);padding:34px 0;margin:16px 0}
.pers-end{padding:30px 0 48px}
.pers-end .slot{margin-top:2px}
.pers .slotb{margin:0 0 16px}
.pers-tag{font-size:30px;line-height:1.25;letter-spacing:-.015em;color:var(--navy);margin-top:28px!important}
.stub{max-width:40em;font-size:20px}

/* финал и форма */
/* финальный блок с формой участвует в общем чередовании (правка М.А. 14.10.2026, вечер):
   белая плашка с формой на светло-серой подложке или светло-серая плашка с белой формой.
   Какой именно – решает сборка: класс cta-soft ставит gen.py. */
.cta{background:#fff;color:var(--ink);padding:46px 0;margin-top:16px;scroll-margin-top:84px}
.cta.cta-soft{background:var(--soft)}
#app .cta h2{color:var(--navy)}
.cta .lnk{color:var(--navy)!important;text-decoration-color:var(--line2)}
.cta .form{background:var(--soft);border:1px solid var(--line2)}
.cta.cta-soft .form{background:#fff}
:is(.sec.soft,.pers-soft,.hm-soft)+.cta.cta-soft{border-top:1px solid var(--line2)}
/* сквозная линия внизу левой колонки финала, как на главной */
#app .cta .cta-l>.hm-slogan{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line2);font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:18px;line-height:1.3;color:var(--navy)}
#app .cta:not(.cta-home) .cta-l>p{margin-left:0;max-width:none}
/* четыре вопроса над заголовком финала (правка М.А. 14.10.2026, вечер: левая колонка была пустой) */
#app .cta:not(.cta-home) .cta-l>.hm-fq{display:flex;flex-direction:column;gap:2px;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:19px;line-height:1.3;letter-spacing:-.01em;color:var(--grey);margin:0 0 14px}
.cta-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 80px;align-items:start}
.cta h2{font-size:52px;line-height:1.08;letter-spacing:-.03em;margin:0 0 22px}
/* сквозная линия продолжает логотип: перед ней двоеточие, поэтому она со строчной */
.sh-cta{gap:20px;margin-bottom:28px}
#app .sh-cta h2{margin:0}
.sh-cta .cln{margin-top:5px}
#app .cta-l>p{font-size:18px;line-height:1.5;color:var(--grey);margin:0 0 0 40px;max-width:22em}
#app .cta-l>p+p{margin-top:14px}
.form{background:#fff;border-radius:12px;padding:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form label{grid-column:1/-1;display:grid;gap:6px;font-size:15px;color:var(--grey)}
.form label.half{grid-column:auto}
.form label>span{display:flex;gap:8px;align-items:baseline;justify-content:space-between}
.form .opt{font-size:13px;color:var(--mute)}
.form input{font:inherit;font-size:17px;color:var(--ink);background:#fff;border:1px solid #A9B6BE;border-radius:10px;min-height:48px;padding:0 16px;width:100%}
.form input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.form .btn{grid-column:1/-1;width:100%}
.form-cap{grid-column:1/-1;font-size:15px;color:var(--grey);text-align:center;margin:0!important}
.form-msg{grid-column:1/-1;font-size:15px;text-align:center;color:var(--navy);margin:0!important}

.ftr{background:var(--navy-d);padding:32px 0 28px;font-size:15px;color:rgba(255,255,255,.7);scroll-margin-top:84px}
.ftr .logo{color:#fff}
.ftr-g{display:grid;grid-template-columns:5fr 3fr 4fr;gap:40px}
.ftr-brand p{margin-top:16px!important;max-width:22em;line-height:1.45}
.ftr-nav{display:grid;gap:10px;align-content:start}
.ftr a{text-decoration:none;color:#fff!important}
.ftr .lnk{text-decoration:none}
.ftr-c p{line-height:1.9}
.ftr-cr{margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:rgba(255,255,255,.5)}
.ftr-cr p{margin:0!important}

/* слоты и пометки */
.slot{display:inline-block;border:1px dashed var(--slot-line);background:var(--slot);color:var(--slot-ink);border-radius:6px;padding:0 8px;font-size:.86em;line-height:1.6;font-weight:400;font-style:normal}
.slotb{display:block;padding:16px 18px;border-radius:10px;font-size:15px}
.note{display:none;background:#FFF9E3;border-left:3px solid var(--slot-line);color:var(--slot-ink);font-size:14px;line-height:1.5;letter-spacing:0;padding:10px 14px;margin:16px 0;font-weight:400;font-style:normal;text-align:left}
.note-page{margin:0;padding:14px 0;border-left:0;border-bottom:1px solid #EADFA8}
.note-page .wrap>div+div{margin-top:6px}
#app.notes .note{display:block}

@media (hover:hover){
  .ddm a:hover{background:var(--soft)}
  .btn:hover{background:var(--crimson-d)}
  a:hover>.arr,a:hover .arr,.need:hover .arr{transform:translateX(4px)}
  .lnk:hover{text-decoration-color:currentColor}
/* ссылка-навигация внутри текста выделена цветом (правка М.А. 20.10.2026):
   голубой --blue-t – цвет смысловых акцентов и наведения на сайте, малиновый
   оставлен за действиями «написать нам» */
#app .lnk.lnk-b{color:var(--blue-t)!important;text-decoration-color:rgba(26,143,198,.45)}
#app .lnk.lnk-b:hover{text-decoration-color:currentColor}
  .lnk-h:hover,.nav>a:hover,.back:hover,.ftr a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
  .cf:hover{color:var(--navy)}
  .need:hover .need-x,.row:hover .rd{color:var(--ink)}
  /* подсветка строки под курсором: соседние строки и карточки бледнеют */
  .need,a.row,.stack>.card{transition:opacity .18s ease}
  .needs:has(>.need:hover)>.need:not(:hover),
  .rows:has(>a.row:hover)>.row:not(:hover),
  .stack:has(>.card:hover)>.card:not(:hover){opacity:.38}
  .need2:hover .need-n{color:var(--ink)}
}
@media (prefers-reduced-motion:reduce){.need,a.row,.stack>.card{transition:none}}
#app a:focus-visible,#app button:focus-visible,#app select:focus-visible,#app summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

/* планшет */
@container site (max-width:1080px){
  .wrap{padding:0 40px}
  .nav{display:none}
  .burger{display:block}
  .hdr.open .mnav{display:block}
  .hero-home h1{font-size:60px}
  .hero-full{min-height:540px}
  .hero-pers.hero-full .h1w h1{font-size:56px}
  .hero-pers.hero-full .back{margin-bottom:80px}
  .hero-full h1{font-size:60px}
  .hero-home.hero-full .lead{font-size:23px}
  .h1w h1{font-size:50px}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px}
  .sum-g,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sum-g{row-gap:24px}
  .sum-i:nth-child(odd){border-left:0}
  .cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sec-g,.step{gap:32px 48px}
  .band-m p{font-size:48px}
  .cta h2{font-size:44px}
  .xps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diff-g{grid-template-columns:minmax(0,1fr);row-gap:36px}
  .diff-g .diffs,.diff-g .stats,.diff-more{grid-column:1;grid-row:auto}
  .diff-more{margin-top:-12px}
  .band-home .band-f{display:block}
  .band-home .band-f .formula{margin:0 0 24px}
  #app .band-home .band-f>p{max-width:36em}
}
@container site (max-width:900px){
  .step-w .step-l{grid-template-columns:minmax(0,1fr);gap:8px 0}
  .sq-head{display:none}
  .sq-row{grid-template-columns:minmax(0,1fr);gap:14px 0}
  .sq-ml{display:block}
  .sq-h,.sq-tl{padding:0 0 0 38px}
  .sm-g{grid-template-columns:minmax(0,1fr)}
  .sm-top{flex-direction:column;align-items:flex-start}
  .fq{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
  .side-n .sh .cln{display:inline-flex}
  .hero-g,.sec-g,.step,.duo2,.cta-g,.cols-3{grid-template-columns:minmax(0,1fr)}
  #app .diff .li-t{font-size:20px}
  .hero-ph{max-width:320px;margin:0}
  .sec-aside{margin-left:0}
  .sec-g{gap:28px}
  .people{max-width:560px}
}
/* телефон */
@container site (max-width:760px){
  #app{font-size:17px}
  .wrap{padding:0 20px}
  .hdr-in{height:64px}
  .logo-svg{height:22px;width:110px}
  .cln{gap:6px}
  .cln i{width:10px;height:10px}
  .cln-l{gap:8px}
  .cln-l i{width:13px;height:13px}
  .cln-s{gap:5px}
  .cln-s i{width:8px;height:8px}
  .hero-home{padding:36px 0 36px}
  .hero-home h1{margin-top:0}
  .hero-full{min-height:460px;padding:44px 0 56px;margin-bottom:16px}
  .hero-full::after{inset:8px}
  .hero-pers.hero-full{padding:32px 0 48px}
  .hero-pers.hero-full .back{margin-bottom:32px}
  .hero-pers.hero-full .h1w h1{font-size:38px;line-height:1.08}
  .hero-pers.hero-full .h1w .cln{margin-top:7px}
  .hero-pers.hero-full .pers-role{font-size:16px;margin-top:14px!important}
  .hero-pers.hero-full .lead{margin-top:24px!important}
  .hero-phl{right:20px;bottom:20px;font-size:13px}
  .site .hero-full .eyebrow{font-size:20px;gap:11px;margin-bottom:20px!important}
  .hero-full .eyebrow .cln{gap:5px;margin-top:.17em}
  .hero-full .eyebrow .cln i{width:8px;height:8px}
  .hero-home.hero-full .lead{font-size:19px}
  .eyebrow{font-size:15px;gap:12px;margin-bottom:22px!important}
  .hero-home h1{font-size:40px;line-height:1.08}
  .hero-home .lead{font-size:19px;margin-top:24px!important}
  .hero-cta{margin-top:28px;gap:12px}
  .hero-cta .btn{width:100%}
  .hero-g{gap:36px}
  .hero-ph{max-width:240px}
  .hero-in{padding:24px 0 6px}
  .back{margin-bottom:8px}
  .h1w{gap:14px}
  .h1w h1{font-size:34px;line-height:1.1}
  .h1w .cln{margin-top:6px}
  .hero-sm .h1w{gap:12px}
  .hero-sm .h1w h1{font-size:27px;line-height:1.18}
  .hero-sm .h1w .cln{margin-top:4px}
  .hero-in .lead{font-size:20px;margin-top:14px!important}
  .intro-2 .col{font-size:18px}
  .br-d{display:none}
  .sec{padding:24px 0}
  .sec.soft,.band{padding:32px 0;margin:12px 0}
  .sec.soft:has(+.cta),.sec.soft:has(+.band),.sec.soft:has(+.sec.soft),.sec.soft:has(+.prompt),.pers-soft:has(+.cta),.band:has(+.sec.soft){margin-bottom:0}
  .sec.soft+.cta,.band+.cta,.prompt+.cta,.sec.soft+.band,.sec.soft+.sec.soft,.band+.sec.soft{margin-top:0}
  .sh{gap:12px}
  .sh h2,.sec-g .sh h2,.duo2 .sh h2{font-size:28px;line-height:1.14}
  .sh .cln,.sec-g .sh .cln,.duo2 .sh .cln{margin-top:3px}
  #p-home .sec-g .sh h2{font-size:28px}
  #p-home .sec-g .sh .cln{margin-top:3px}
  .sec-top{margin-bottom:16px}
  #app .sec-aud .duo-cap,#app .sec-aud .duo-cap p,#app .aud-pull{font-size:17px!important;line-height:1.5}
  .sec-aud .duo-cap{margin-top:24px}
  #app .aud-pull{margin-top:8px!important}
  .sec-aside{font-size:17px;margin-top:12px}
  .intro-list{font-size:18px}
  .sec-g{gap:16px}
  .lead-text,.lead-text p{font-size:19px}
  .cols-2,.cols-4,.cards,.pcases,.quotes,.sum-g,.cgrid,.ftr-g{grid-template-columns:minmax(0,1fr)}
  .people{gap:16px}
  .xps{grid-template-columns:minmax(0,1fr)}
  .xp{padding:11px 0 12px}
  .xp-t{font-size:17px}
  .xps-q .xp-t{font-size:19px}
  .xps-q{margin:14px 0 18px}
  .xps-q .xp{padding:12px 0 13px}
  .edus{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
  .edu-t{font-size:15px}
  .person{gap:12px}
  .person h3{font-size:20px}
  #app .person p{font-size:15px}
  .cols,.cards{gap:22px}
  .col-h,.card h3{font-size:22px}
  .col-t{font-size:20px}
  ul.dash-2{columns:1}
  ol.num li{grid-template-columns:44px minmax(0,1fr);padding:12px 0}
  .li-t,.rn{font-size:19px}
  .lrow{padding:12px 0}
  .duo2{gap:32px}
  .side .sh{margin-bottom:14px}
  .row{grid-template-columns:minmax(0,1fr);gap:6px;padding:14px 0}
  .row:has(.rn-l) .rd{padding-top:0}
  .step{gap:14px;padding:24px 0}
  .step-l h3{font-size:25px}
  #app .hstep summary h3{font-size:23px;padding-right:44px}
  #app .hsteps-p .hstep summary h3{font-size:21px}
  .hsteps-p .hstep summary{grid-template-columns:34px minmax(0,1fr);gap:0;min-height:60px}
  .hsteps-d .hstep summary{grid-template-columns:minmax(0,1fr)}
  #app .hsteps-p .hstep summary h3{padding-right:40px}
  .hsteps-p .hstep-b{margin-left:0;font-size:17px;padding-bottom:26px}
  #app .vm-l{font-size:24px}
  .hstep summary{grid-template-columns:minmax(0,1fr);gap:4px;min-height:64px;padding:12px 0}
  .hstep-wt summary{grid-template-columns:minmax(0,1fr)}
  #app .hstep-wt summary h3{padding-right:44px}
  .hstep-t{font-size:15px;margin-right:44px;white-space:normal}
  .hstep-b{margin-left:0}
  .hstep-n{font-size:14px}
  .hstep-b{padding-bottom:28px}
  .need{padding:18px 0}
  .post{grid-template-columns:minmax(0,1fr);padding:16px 0}
  .post-r{flex-direction:row;align-items:center;padding-top:0}
  #app .post-t{font-size:21px}
  .need-h{grid-template-columns:minmax(0,1fr);margin-bottom:24px}
  .need-h2{display:none}
  .need2{padding:14px 0}
  .need2 .need-d{gap:6px;padding-top:6px}
  .need-l{display:block}
  .need-a{display:none}
  #app .need-r{font-size:17px;line-height:1.45}
  .need2 .need-n{font-size:15px;margin-top:4px}
  .need{grid-template-columns:minmax(0,1fr)}
  .need-t{font-size:21px}
  .need-sg{margin-top:6px}
  .sq-t{font-size:26px}
  .sq-h{font-size:17px}
  .sq-row{padding:20px 0}
  .sm-box{padding:18px;margin-top:24px}
  .sm-t{font-size:21px}
  .need-ns{flex-direction:column;gap:2px}
  .fq{grid-template-columns:minmax(0,1fr);gap:14px 0;margin-bottom:14px}
  .fq-q{font-size:21px}
  .need-d{padding-top:0}
  .need-n{font-size:17px}
  .band-m p{font-size:32px;line-height:1.14}
  .band-m p+p{margin-top:10px!important}
  .band-f{margin-top:24px;padding-top:20px}
  .band-home .feq{font-size:30px}
  #app .band-home .band-f>p{font-size:17px;max-width:none}
  .formula{font-size:21px}
  .fpanel{display:none}
  .sec-defs{display:block}
  #app .ft,#app .ft.on{pointer-events:none;text-decoration:none;color:inherit}
  .frow{gap:12px 20px}
  .frac{align-items:flex-start}
  .feq{font-size:30px}
  .proof>*+*{margin-top:20px}
  .logos{gap:18px 28px;padding:18px 0}
  .logos-j{justify-content:flex-start}
  .logo-i .lg{width:128px;height:38px}
  .pcase-t{font-size:22px}
  .quotes{gap:16px}
  .q{padding:20px}
  .pcases{grid-template-rows:none;gap:16px}
  .pc{display:block;grid-row:auto;padding:20px}
  .pc .q{padding:18px 0 0}
  #app .pc .q blockquote{font-size:16px}
  .prof-t{font-size:22px}
  .prof{margin-bottom:32px}
  .q blockquote,.quotes .q blockquote{font-size:18px}
  .stats,.diff-g .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
  .stat b,.diff-g .stat b{font-size:44px}
  .diff-g{row-gap:28px}
  .pull{font-size:23px!important;margin-top:32px!important}
  .sum{padding:18px 0 22px}
  .sum-g{grid-template-columns:minmax(0,1fr);row-gap:0;padding:6px 20px}
  .sum-i{padding:12px 0;border-left:0;border-top:1px solid rgba(41,41,43,.16)}
  .sum-i:first-child{border-top:0}
  .acc-i summary{font-size:19px;min-height:52px}
  .next-b,.duo-cap{font-size:21px}
  .aud-g{grid-template-columns:minmax(0,1fr)}
  .aud-g .c1{order:2}
  .aud-g>*{padding-left:22px;padding-right:22px}
  .aud-r::before,.aud-go::before{left:22px;right:22px}
  .aud-h{font-size:23px;padding-top:20px;padding-bottom:16px}
  .aud-h.c1{margin-top:16px}
  .aud-r{grid-template-columns:minmax(0,1fr);gap:4px;padding-top:11px;padding-bottom:11px}
  .aud-t>span{font-size:17px;padding-left:0;text-wrap:pretty}
  .aud-q .aud-t>span{padding-left:26px}
  .aud-q .aud-t>span::before{left:0}
  #app .aud-go{padding-top:16px;padding-bottom:22px}
  .prompt a{font-size:21px;padding:20px 0}
  .pers-soft{padding:28px 0;margin:14px 0}
  .sec-cases{padding-top:24px}
  .cf{white-space:nowrap;flex:none}
  .cfs{flex-wrap:nowrap;gap:0 22px;overflow-x:auto;margin:0 -20px 28px;padding:0 20px;scrollbar-width:none}
  .cfs::-webkit-scrollbar{display:none}
  .cgrid{gap:24px}
  .ccard h3{font-size:21px}
  .who-lead{font-size:21px;margin-bottom:24px!important}
  .hero-sub{font-size:18px}
  .sec-who{padding-top:24px}
  .vm{margin-top:24px}
  .fact{grid-template-columns:1fr;gap:4px;padding:11px 0}
  .pers .fact{grid-template-columns:1fr}
  .facts{margin-bottom:36px}
  .bridge{font-size:20px;margin-top:22px!important}
  .sub-h{font-size:22px;margin-top:40px}
  .def{grid-template-columns:1fr;padding:14px 0}
  .tbl{border-top:0;margin:20px 0}
  .tr.th{display:none}
  .tr{grid-template-columns:1fr;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}
  .tr:first-child+.tr,.tr.th+.tr{border-top:1px solid var(--navy)}
  .tr .td+.td::before{content:attr(data-l);display:block;font-size:13px;color:var(--grey);margin-bottom:3px}
  .manifest{padding:28px 0 14px}
  .manifest p{font-size:30px;line-height:1.16}
  .pers{font-size:17px}
  .pers-sec{padding:14px 0}
  .hero-pers+.pers-sec,.hero-pers+.note-page+.pers-sec{padding-top:28px}
  #app .pers-h{font-size:23px}
  .pers-end{padding:26px 0 40px}
  .pers-tag{font-size:22px;margin-top:28px!important}
  .cta{padding:36px 0;margin-top:12px}
  .cta-g{gap:24px}
  .cta h2{font-size:32px;margin-bottom:20px}
  #app .cta-l>p{font-size:17px;margin-left:0}
  .sh-cta{gap:12px;margin-bottom:20px}
  .sh-cta .cln{gap:8px;margin-top:3px}
  .sh-cta .cln i{width:13px;height:13px}
  .form{padding:18px;grid-template-columns:minmax(0,1fr);gap:12px}
  .ftr{padding:32px 0}
  .ftr-g{gap:22px}
  .stub{font-size:18px}
}

/* Заголовки шрифтом под логотип (основная версия с 05.10.2026) */
.site :is(h1,h2,h3),.site .manifest p,.site .band-m p,.site .stat b,.site .pers-tag,.site .need-t,.site .rn,.site .li-t,.site .pcase-t,.site .tr:not(.th) .td:first-child{font-family:'Jost','Century Gothic','Golos Text',sans-serif!important;font-weight:400!important;letter-spacing:-.01em!important}
.site :is(.hero-full h1,.h1w h1,.manifest p,.band-m p,.stat b,.cta h2){letter-spacing:-.02em!important}
.site .ftr :is(h1,h2,h3),.site .hdr :is(h1,h2,h3){font-family:inherit!important}
/* тире в заголовках остаётся коротким: в Jost оно широкое, поэтому сжато по горизонтали */
.site :is(h1,h2,h3,.manifest p,.band-m p,.need-t,.pers-tag,.stat b) .dsh{display:inline-block;transform:scaleX(.62);margin:0 -.13em}
.site .stat b .dsh-n{transform:scaleX(.5);margin:0 -.2em}
/* подвал того же цвета, что финальный блок с формой; между ними тонкая линия */
.ftr{border-top:1px solid rgba(255,255,255,.14)}

@container site (max-width:760px){
  .hero-q{flex-direction:column;gap:2px;margin:4px 0 14px!important}
  .hero-q b{padding-left:0;border-left:0}
}

@container site (max-width:1280px){
  .hero-home.hero-full .lead-1{white-space:normal}
}
@container site (max-width:760px){
  .hero-home.hero-full .lead-q{flex-direction:column;gap:2px;margin-top:14px!important}
}

@container site (max-width:760px){
  .hero-in .lead-q{flex-direction:column;gap:2px;margin-top:12px!important}
}

.person-l{display:block}

/* О практике: четыре колонки стоят плашкой с тонкими разделителями, как блок «Коротко» на страницах направлений, чтобы не читаться ответами на четыре вопроса над ними (правка М.А. 10.10.2026) */
.sec-who{padding-top:28px}
.sec-who .cols-4{gap:0;background:var(--pale);border-radius:12px;padding:22px 4px}
.sec-who .cols-4 .col{border-top:0;padding:0 28px;border-left:1px solid rgba(41,41,43,.16)}
.sec-who .cols-4 .col:first-child{border-left:0}
.sec-who .cols-4 .col-l{margin-bottom:8px}
.sec-who .cols-4 .col p{margin-bottom:0}
.sec-who .vm{margin-top:36px}
@container site (max-width:1080px){
  .sec-who .cols-4{row-gap:24px}
  .sec-who .cols-4 .col:nth-child(odd){border-left:0}
}
@container site (max-width:760px){
  .sec-who{padding-top:24px}
  .sec-who .cols-4{row-gap:0;padding:6px 20px}
  .sec-who .cols-4 .col{padding:12px 0;border-left:0;border-top:1px solid rgba(41,41,43,.16)}
  .sec-who .cols-4 .col:first-child{border-top:0}
}

.hero-home.hero-full .hero-cta .cap{font-size:19px;color:var(--navy)}
@container site (max-width:760px){
  .hero-home.hero-full .hero-cta .cap{font-size:17px}
}

/* первый экран главной с 10.10.2026: вопросы шрифтом заголовков сразу под манифестом, перед кнопкой короткая формула */
.hero-home.hero-full .lead-q{gap:4px 34px;margin-top:24px!important}
.hero-home.hero-full .lead-q span{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:30px;line-height:1.25}
.hero-home.hero-full .lead-f{font-size:24px;line-height:1.4;margin-top:26px!important}
.hero-home.hero-full .lead-f>span{white-space:nowrap}
@container site (max-width:900px){
  .hero-home.hero-full .lead-q{flex-direction:column;gap:2px}
}
@container site (max-width:760px){
  .hero-home.hero-full .lead-q{display:flex;margin-top:18px!important}
  .hero-home.hero-full .lead-q span{font-size:25px;white-space:normal}
  .hero-home.hero-full .lead-f{font-size:19px;margin-top:22px!important}
  .hero-home.hero-full .lead-f>span{display:block;white-space:normal}
  .hero-home.hero-full .lead-f>span+span{margin-top:6px}
}

/* «О практике», «Что нас отличает»: при нечётном числе отличий последнее стоит во всю ширину, чтобы справа не оставалось пустой ячейки (12.10.2026) */
/* последняя карточка «Что нас отличает» больше не растягивается на две колонки:
   линия над ней идёт по ширине колонки, как у соседей (правка М.А. 14.10.2026, ночь) */

/* шаг 2 на главной: строка о том, чьи это вопросы, стоит над сеткой вопросов (12.10.2026) */
#app .fq-h{font-size:17px;line-height:1.45;color:var(--grey);margin:0 0 18px}
/* вводные строки блока «Как мы работаем» на главной: каждая фраза в свою строку на широком экране (12.10.2026) */
.sec-steps .sec-aside{max-width:none}

/* плитки образования: учебное заведение первой строкой, программы со следующей (12.10.2026) */
.edu-l{display:block}
@container site (max-width:760px){
  .edu-t{overflow-wrap:break-word;hyphens:auto}
}

/* ---------- главная от 13.10.2026: история от ситуации к вопросу и ответу (макет 2В) ----------
   Двоеточие перед заголовком блока остаётся, как на всём сайте. Линий между блоками нет:
   блоки чередуются, белый и светло-серый. Второй знак страницы – кольцо из четырёх долей. */
.hm{padding:46px 0}
.hm-soft{background:var(--soft)}
#app .hm .sh h2{font-size:40px;line-height:1.1;margin:0}
.hm .sh .cln{margin-top:4px}
#app .hm h3{margin:0}
.hm-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 56px;margin-bottom:26px}
#app .hm-aside{font-size:17px;line-height:1.5;color:var(--grey);max-width:30em;margin:0}
#app .hm-top>.hm-aside{margin-top:9px}
#app .hm-aside p{margin:0 0 6px}
#app .hm-aside p:last-child{margin:0}
#app .hm-more{font-size:16px;margin:0;display:flex;flex-wrap:wrap;gap:8px 44px}
#p-home .hero-full{margin-bottom:0}
/* ситуации и вопросы */
.hm-2h,.hm-row{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:10px 56px}
.hm-2h{align-items:start;margin-bottom:18px}
.hm-2h-b{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:40px;line-height:1.1;letter-spacing:-.01em;color:var(--navy);white-space:nowrap}
.hm-rows{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.hm-row{align-items:start;padding:16px 0;border-top:1px solid var(--line)}
.hm-row:first-child{border-top:0}
.hm-ev-t{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:24px;line-height:1.22;letter-spacing:-.01em;color:var(--navy);text-wrap:balance}
.hm-ev{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:baseline}
.hm-ev-n{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-weight:300;font-size:24px;line-height:1.22;color:var(--mute)}
.hm-ev-d{font-size:15px;line-height:1.45;color:var(--grey);margin-top:5px;max-width:40em;text-wrap:pretty}
#app .hm-q{display:flex;align-items:center;gap:12px;text-decoration:none;padding-top:2px}
.hm-q-t{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:21px;line-height:1.25;letter-spacing:-.01em;color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--line2)}
#app .hm-ask{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:20px;line-height:1.25;letter-spacing:-.01em;color:var(--navy);margin:22px 0 0}
#app .hm-ask a{color:var(--crimson);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
/* кольцо из четырёх долей */
.rg{display:inline-grid;grid-template-columns:repeat(2,13px);gap:5px;flex:none}
.rg i{display:block;width:13px;height:13px;border:3px solid #D5D9DE;font-style:normal}
.rg .rg-tl,.cq-tl{border-right:0!important;border-bottom:0!important;border-top-left-radius:100%}
.rg .rg-tr,.cq-tr{border-left:0!important;border-bottom:0!important;border-top-right-radius:100%}
.rg .rg-bl,.cq-bl{border-right:0!important;border-top:0!important;border-bottom-left-radius:100%}
.rg .rg-br,.cq-br{border-left:0!important;border-top:0!important;border-bottom-right-radius:100%}
.rg i.on{border-color:var(--blue)}
.rg-b{grid-template-columns:repeat(2,50px);gap:10px}
.rg-b i{width:50px;height:50px;border-width:3px;display:flex;align-items:center;justify-content:center;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:15px;line-height:1;color:#A9AEB6}
.rg-b i.on{font-size:25px;color:var(--navy)}
/* цикл четырёх вопросов */
.hm-cyc>.wrap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px 88px;align-items:center}
.cyc-g{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;justify-items:center}
.cq{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;border:2px solid var(--navy);font-style:normal;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-weight:300;font-size:56px;line-height:1;color:var(--navy)}
.ca{display:flex;align-items:center;justify-content:center;height:34px;font-size:20px;line-height:1;font-weight:400;color:var(--navy)}
.ca-back{color:var(--crimson)}
.cyc-cap{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--grey);margin-top:14px}
.cyc-cap b{font-weight:400;font-size:16px;line-height:1}
#app .hm-cyc-t{font-size:19px;line-height:1.45;max-width:30em;margin:16px 0 20px}
.hm-cyc-q{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;max-width:640px}
#app .hm-cyc-q a{display:flex;align-items:baseline;gap:12px;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:20px;line-height:1.25;letter-spacing:-.01em;color:var(--navy);text-decoration:none;border-top:1px solid var(--line2);padding:8px 0 10px}
.hm-cyc-q a span:first-child{font-weight:300}
#app .hm-cyc-n{font-size:15px;color:var(--grey);max-width:40em;margin:18px 0 0}
/* главы: к чему придёте через ответы */
.hm-ans{padding-bottom:16px}
.hm-ans .hm-top{margin-bottom:4px}
#app .hm-term{font-size:15px}
.hm-ch{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px 56px;padding:30px 0;border-top:1px solid var(--line);scroll-margin-top:84px}
.hm-top+.hm-ch{border-top:0}
.hm-ch-b{display:flex;flex-direction:column;min-width:0}
.hm-ch-h{margin-bottom:16px}
#app .hm-ch-ev{font-size:15px;color:var(--grey);margin:0 0 5px}
#app .hm-ch h3{font-size:30px;line-height:1.12}
#app .hm-lead{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:21px;line-height:1.35;letter-spacing:-.01em;color:var(--navy);max-width:34em;margin:0;text-wrap:pretty}
#app .hm-ch-t{font-size:17px;max-width:44em;margin:8px 0 0}
.hm-sign{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 28px;max-width:52em}
.hm-sign b,.hm-ma-g b{font-weight:400;font-size:13px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);flex:none}
.hm-sign span{flex:1 1 26em;font-size:17px}
#app .hm-ch .hm-more{padding-top:13px;border-top:1px solid var(--line)}
/* строки с подписью слева: «В результате», «Признак результата», «До сделки», «После сделки» */
.hm-kv{display:grid;grid-template-columns:190px minmax(0,1fr);gap:4px 24px;padding:14px 0 15px;border-top:1px solid var(--line)}
.hm-kv>b{font-weight:400;font-size:13px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);padding-top:5px}
#app .hm-kv p{font-size:17px;max-width:44em;margin:0}
#app .hm-kv .hm-lead{font-size:21px;max-width:34em}
#app .hm-kv .hm-ch-t{margin-top:8px}
/* сделка M&A */
/* сделка M&A: пятая глава того же вида, кольцо подсвечено целиком */
.hm-ma{scroll-margin-top:84px}
#app .hm-ma-l{margin-bottom:16px}
.hm-ma-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 48px;max-width:56em;font-size:17px}
.hm-ma-g b{display:block;margin-bottom:8px}
/* клиенты */
.hm-cl .logos{margin-bottom:20px;padding:20px 0}
/* вход в работу */
.hm-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 44px}
.hm-card{border-top:1px solid var(--line2);padding-top:16px}
.hm-card-h{margin-bottom:12px}
#app .hm-card h3{font-size:24px;line-height:1.2}
.hm-card-h>span{display:block;font-size:14px;color:var(--grey);margin-top:4px}
#app .hm-card p{font-size:16px}
.hm-btn{margin-top:30px}
/* партнёры */
.hm-2c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 80px;align-items:start}
#app .hm-2c .sh{margin-bottom:14px}
#app .hm-2c .hm-aside{margin-left:30px}
.hm-ppl .people{gap:24px}
.hm-ppl .person h3{font-size:21px}
.hm-ppl .person p{font-size:15px}
/* отличия и цифры */
.hm-drows{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);margin:22px 0 32px}
.hm-drow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 56px;align-items:baseline;padding:13px 0;border-top:1px solid var(--line)}
.hm-drow:first-child{border-top:0}
.hm-d-t{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:20px;line-height:1.25;letter-spacing:-.01em;color:var(--navy)}
.hm-d-d{color:var(--grey);font-size:16px}
.hm-diff .stats{margin-bottom:26px}
.hm-diff .stat{border-top:1px solid var(--line2);padding-top:14px}
.hm-diff .stat b{font-size:40px}
.hm-diff .stat>span{font-size:14px;margin-top:8px}
/* финал главной: светлый, возвращает к вопросам первого экрана */
.cta.cta-home{color:var(--ink);margin-top:0;padding:38px 0 38px}
/* чередование блоков главной после возврата цитат (правка М.А. 14.10.2026): цитаты серые, партнёры белые, «почему мы» серый, финал белый с формой на подложке */
.cta-home .form input,.cta-home .form textarea{background:#fff}
#app .cta-home h2{color:var(--navy);font-size:40px;line-height:1.08;margin:0 0 16px}
#app .cta-home .cta-l>p{margin-left:0;max-width:none;color:var(--ink)}
#app .cta-home .cta-cap{color:var(--ink);font-size:17px}
#app .cta-home .cta-l>.hm-fq{display:flex;flex-direction:column;gap:2px;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:19px;line-height:1.3;letter-spacing:-.01em;color:var(--grey);margin:0 0 14px}
#app .cta-home .cta-l>.hm-slogan{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line2);font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:18px;line-height:1.3;color:var(--navy)}
.hm-slogan .logo-svg{width:100px;height:20px;color:var(--ink);--colon:var(--blue);--logo-acc:var(--blue);flex:none}
@container site (max-width:1180px){
  .hm-2h,.hm-row{grid-template-columns:minmax(0,1fr) 310px;gap:10px 40px}
  #app .hm .sh h2,.hm-2h-b{font-size:34px}
  .hm-kv{grid-template-columns:150px minmax(0,1fr)}
  .hm-q-t{font-size:19px}
  .hm-ev-t{font-size:22px}
  .hm-cyc>.wrap{grid-template-columns:230px minmax(0,1fr);gap:32px 48px}
  .cq{font-size:46px}
  .hm-ch{grid-template-columns:140px minmax(0,1fr);gap:20px 36px}
  #app .hm-ch h3{font-size:27px}
  .hm-cards{gap:28px 32px}
  #app .cta-home h2{font-size:34px}
}
@container site (max-width:900px){
  .hm-cards{grid-template-columns:minmax(0,1fr)}
  .hm-2c{grid-template-columns:minmax(0,1fr);gap:28px}
  .hm-diff .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container site (max-width:760px){
  .hm{padding:30px 0}
  #app .hm .sh h2{font-size:28px;line-height:1.14}
  .hm-top{margin-bottom:18px;gap:8px 24px}
  #app .hm-aside{font-size:16px}
  .hm-2h{display:block;margin-bottom:18px}
  .hm-2h-b{display:none}
  .hm-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:15px 0}
  .hm-ev{grid-template-columns:28px minmax(0,1fr)}
  .hm-ev-n{font-size:20px}
  #app .hm-q{padding-left:28px}
  .hm-ev-t{font-size:20px}
  .hm-ev-d{font-size:15px}
  #app .hm-q{padding-top:0;min-height:32px}
  .hm-q-t{font-size:18px}
  #app .hm-ask{font-size:18px;margin-top:18px}
  .hm-cyc>.wrap{grid-template-columns:minmax(0,1fr);gap:28px}
  .cyc{max-width:210px}
  .cyc-g{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}
  .cq{font-size:40px}
  .ca{height:30px;font-size:18px}
  #app .hm-cyc-t{font-size:17px;margin:12px 0 16px}
  .hm-cyc-q{grid-template-columns:minmax(0,1fr)}
  #app .hm-cyc-q a{font-size:18px}
  #app .hm-cyc-n{font-size:15px;margin-top:18px}
  .hm-ans{padding-bottom:8px}
  .hm-kv{grid-template-columns:minmax(0,1fr);gap:3px;padding:12px 0}
  .hm-kv>b{padding-top:0}
  #app .hm-kv p{font-size:16px}
  #app .hm-kv .hm-lead{font-size:18px}
  #app .hm-2c .hm-aside{margin-left:0}
  .hm-ch-h{margin-bottom:12px}
  .hm-ch{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px 0}
  .rg-b{grid-template-columns:repeat(2,26px);gap:6px}
  .rg-b i{width:26px;height:26px;border-width:3px;font-size:0}
  .rg-b i.on{font-size:15px}
  #app .hm-ch-ev{font-size:15px;margin-bottom:6px}
  #app .hm-ch h3{font-size:24px}
  #app .hm-lead{font-size:18px}
  #app .hm-ch-t,.hm-sign span,.hm-ma-g{font-size:16px}
  #app .hm-ch-t{margin-top:10px}
  .hm-sign span{flex-basis:100%}
  #app .hm-more{font-size:16px;flex-direction:column;gap:10px}
  .hm-ma-g{grid-template-columns:minmax(0,1fr);gap:18px}
  .hm-cards{gap:24px}
  #app .hm-card h3{font-size:21px}
  .hm-btn{margin-top:28px}
  .hm-btn .btn{width:100%}
  .hm-drows{margin:18px 0 24px}
  .hm-drow{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 0}
  .hm-d-t{font-size:18px}
  .hm-d-d{font-size:15px}
  .hm-diff .stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}
  .hm-diff .stat b{font-size:34px}
  .cta.cta-home{padding:32px 0}
  #app .cta-home h2{font-size:27px}
  #app .cta-home .cta-l>.hm-fq{font-size:17px;flex-direction:column;gap:2px}
  #app .cta-home .cta-l>.hm-slogan{font-size:16px;margin-top:22px}
}

/* фраза для директора по маркетингу в главе четвёртого вопроса */
#app .hm-pr{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 24px;margin-top:16px;padding:14px 20px;background:var(--pale);border-radius:10px;text-decoration:none;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:21px;line-height:1.3;letter-spacing:-.01em;color:var(--navy)}
@container site (max-width:760px){
  #app .hm-pr{font-size:18px;padding:12px 14px}
}
/* «Что нас отличает» на главной: прежний вид блока, отступы как у соседних блоков */
.hm-diff0{padding:46px 0}
@container site (max-width:760px){
  .hm-diff0{padding:30px 0}
}
/* согласия в форме */
.form label.chk{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;color:var(--grey);cursor:pointer}
.form label.chk input{flex:none;width:18px;height:18px;min-height:0;margin:0;padding:0;border-radius:4px;accent-color:var(--crimson)}
.form label.chk>span{display:block}
#app .form label.chk a{color:var(--navy)!important}

/* страница «Формула сМЫсла»: видение и миссия стоят первым блоком */
#p-formula .sec-who .vm{margin-top:0}
#p-formula .band-about .band-f{margin-top:0}
#p-formula .sec-who{padding:40px 0 32px}
#p-about .bridge .lnk{text-decoration-color:var(--line2)}

/* выпадающий список «О практике»: уже, чем список услуг */
.ddm.ddm-s{min-width:300px}

/* «О практике» от 13.10.2026: сооснователи в ряд с небольшой фотографией, под ними спектр экспертизы */
.people-c{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;margin-bottom:34px}
.person-c{flex-direction:row;align-items:center;gap:22px}
.person-c .ph{width:132px;aspect-ratio:4/5;flex:none;padding:10px;font-size:13px;border-radius:10px}
.sec-team .xp-l{display:block;margin-bottom:10px}
.fw-lists{margin-top:34px}
#p-about .sec-aud .fw-lists .col{border-top-color:var(--line2)}
@container site (max-width:760px){
  .people-c{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:26px}
  .person-c .ph{width:96px}
  .fw-lists{margin-top:24px}
}

/* «Маркетинг под бизнес-модель»: шесть ячеек в три столбца, линия сверху */
.sec-bm .sec-aside{max-width:none}
.bm-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bm{border:1px solid var(--line);border-radius:12px;padding:22px 24px 24px}
#app .bm h3{font-size:24px;line-height:1.2;margin:0 0 8px}
#app .bm p{font-size:16px;line-height:1.5;color:var(--ink);margin:0}
@container site (max-width:1080px){
  .bm-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@container site (max-width:760px){
  .bm-g{grid-template-columns:minmax(0,1fr);gap:14px}
  #app .bm h3{font-size:21px}
}

/* ===== инфографика от 13.10.2026 (решение М.А.): шкала этапов, схема пути, номера у отличий ===== */
.trk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;position:relative}
.trk-i{position:relative;padding-top:30px;min-width:0}
.trk-i::before{content:"";position:absolute;top:6px;left:0;right:-40px;height:1px;background:var(--line2)}
.trk-i:last-child::before{right:6px}
.trk-i::after{content:"";position:absolute;top:0;left:0;width:13px;height:13px;border-radius:50%;background:var(--blue)}
.trk::after{content:"";position:absolute;top:2px;right:6px;width:8px;height:8px;border-top:1px solid var(--mute);border-right:1px solid var(--mute);transform:rotate(45deg)}
.trk-s{display:block;font-weight:400!important;font-size:13px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin-bottom:8px}
/* правка М.А. 14.10.2026 (пункт 14 списка доработок): линейка (линия + точки + стрелка) убрана там, где описаны шаги нашей работы —
   схема пути «Как мы работаем» (главная и /services), «Как начать» на /cmo, линейка диагностики. Остаются точки на шкале
   «Когда обращаются / Что вы получите / Что меняется» и на шкалах этапов сделки M&A (это не наши шаги, а этапы клиента) */
.trk-nol .trk-i{padding-top:0}
.trk-nol .trk-i::before,.trk-nol .trk-i::after{content:none;display:none}
.trk-nol::after{content:none;display:none}
.trk-nol .trk-i{border-top:1px solid var(--line2);padding-top:16px}
/* схема «Шаг 1/2/3» под заголовком «Как мы работаем»: голубая плашка со скруглёнными углами и тонкими
   вертикальными разделителями, как «Вход»/«Срок» в блоке «Коротко» (правка М.А. 14.10.2026, ночь) */
.trk-pale{background:var(--pale);border-radius:12px;padding:18px 4px 20px}
.trk-pale .trk-i{padding:0 28px;border-top:0}
.trk-pale .trk-i::before,.trk-pale .trk-i::after{content:none;display:none}
.trk-pale .trk-i+.trk-i{border-left:1px solid rgba(41,41,43,.16)}
.trk-pale::after{content:none;display:none}
/* главная: этапы сделки */
.trk-ma{margin:22px 0 6px}
#app .trk-ma .hm-lead{margin:0 0 6px}
#app .trk-ma .hm-ch-t{margin:0;max-width:none}
#app .hm-ma .trk-ma+.hm-more{margin-top:20px}
/* как мы работаем: блок сделки */
.trk-sm{margin-top:4px}
.trk-sm .trk-i{display:flex;flex-direction:column;gap:4px}
/* как мы работаем: схема пути */
.sec-path{padding:8px 0 20px}
#app .trk-path a{display:block;text-decoration:none;color:var(--navy)}
.trk-path .trk-t{display:block;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:26px;line-height:1.2;letter-spacing:-.01em;margin-bottom:6px;text-wrap:balance}
.trk-path .trk-x{display:block;font-size:15px;color:var(--grey)}
#app .trk-path a:hover .trk-t{color:var(--blue-t)}
/* страница сделки: «Коротко» по этапам */
.sum-g.sum-ma{display:block;padding:24px 32px 28px}
.sum-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin-bottom:26px}
.sum-ma .sum-i{padding:0;border-left:0}
.sum-ma .trk-i::before{background:rgba(41,41,43,.22)}
.trk-sum p{font-size:16px;line-height:1.5;margin:0 0 14px!important;max-width:none}
.trk-sum p:last-child{margin-bottom:0!important}
.trk-l{display:block;font-size:14px;color:var(--grey);margin-bottom:3px}
/* номера у отличий */
.diff-n{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:baseline}
.col-n{display:block;font-size:15px;line-height:1.4;color:var(--grey);font-variant-numeric:tabular-nums;margin-bottom:8px}
@container site (max-width:760px){
  .trk{grid-template-columns:minmax(0,1fr);gap:0}
  .trk-i{padding:0 0 22px 30px}
  .trk-i:last-child{padding-bottom:0}
  .trk-i::before{top:6px;bottom:-6px;left:6px;right:auto!important;width:1px;height:auto}
  .trk-i:last-child::before{display:none}
  .trk-i::after{top:3px}
  .trk::after{display:none}
  .trk-path .trk-t{font-size:22px}
  .trk-nol .trk-i{padding:0 0 18px 0;border-top:0;border-bottom:1px solid var(--line2)}
  .trk-nol .trk-i:last-child{padding-bottom:0;border-bottom:0}
  .trk-pale{padding:18px 20px 20px}
  .trk-pale .trk-i{padding:0 0 16px 0;border-left:0!important;border-bottom:1px solid rgba(41,41,43,.16)}
  .trk-pale .trk-i:last-child{padding-bottom:0;border-bottom:0}
  .sum-g.sum-ma{padding:18px 20px 20px}
  .sum-top{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:20px}
  .diff-n{grid-template-columns:36px minmax(0,1fr)}
}

/* ===== инфографика, вторая часть (решения М.А. 13.10.2026) ===== */
/* кольцо у строки вопроса на страницах направлений */
.hero-q{align-items:center}
.hero-q .rg{margin-right:2px}
/* линейка под «Коротко» */
.sec-line{padding:0 0 30px}
/* цифра в карточке кейса */
.ccard-f{display:flex;align-items:baseline;gap:12px;margin-top:16px}
.ccard-f b{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-weight:400!important;font-size:40px;line-height:1;letter-spacing:-.02em;color:var(--navy);flex:none}
.ccard-f b .dsh-n{display:inline-block;transform:scaleX(.5);margin:0 -.2em}
.ccard-f>span{font-size:14px;line-height:1.35;color:var(--grey);text-wrap:balance}
/* знаки у списков «Работаем с компаниями, где» и «С кем мы не работаем» */
.fw-yes ul.dash li,.fw-no ul.dash li{padding-left:24px}
.fw-yes ul.dash li::before{left:1px;top:.48em;width:10px;height:5px;border-radius:0;background:none;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}
.fw-no ul.dash li::before{left:1px;top:.5em;width:10px;height:10px;border-radius:0;background:linear-gradient(45deg,transparent 43%,var(--mute) 43%,var(--mute) 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,var(--mute) 43%,var(--mute) 57%,transparent 57%)}
/* сквозная линия в финале главной: перед ней маленькое двоеточие */
#app .cta-home .cta-l>.hm-slogan{column-gap:12px}
@container site (max-width:760px){
  .hero-q{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 12px;align-items:center}
  .hero-q .rg{grid-row:1/span 2}
  .sec-line{padding-bottom:22px}
  .ccard-f b{font-size:34px}
}

/* ===== документы вместо описаний (решение М.А. 13.10.2026) ===== */
.doc{width:16px;height:20px;flex:none;color:var(--blue-t)}
.sum-g.sum-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sec-stages .trk{gap:0 48px}
.sec-stages .trk-i::before{right:-48px;background:var(--line2)}
.sec-stages .trk-i:last-child::before{right:6px}
#app .st-when{font-size:16px;line-height:1.45;color:var(--grey);margin:0 0 16px;max-width:none}
.st-docs{border-bottom:1px solid var(--line2);margin-bottom:16px}
.art{display:flex;gap:11px;align-items:flex-start;padding:11px 0 12px;border-top:1px solid var(--line2)}
.art .doc{margin-top:3px}
.art-n{display:block;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:19px;line-height:1.25;letter-spacing:-.01em;color:var(--navy);text-wrap:pretty}
.art-d{display:block;font-size:15px;line-height:1.4;color:var(--grey);margin-top:2px;text-wrap:pretty}
#app .st-sign{font-size:16px;line-height:1.45;margin:0;max-width:none}
.arts-l{border-bottom:1px solid var(--line2)}
.arts-l .art{gap:14px;padding:13px 0 14px}
.arts-l .art-n{font-size:20px}
.arts-l .art-d{font-size:16px;line-height:1.45;margin-top:3px}
@container site (max-width:760px){
  .sum-g.sum-2{grid-template-columns:minmax(0,1fr)}
  .sec-stages .trk{gap:0}
  .sec-stages .trk-i::before{right:auto}
  .arts-l .art-n{font-size:18px}
}
.art-n .dsh-n{display:inline-block;transform:scaleX(.5);margin:0 -.2em}

/* главная: блок «в цифрах», пять цифр в ряд (решение М.А. 13.10.2026) */
.stats.stats-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 36px}
.hm-nums .stat b{font-size:52px}
.hm-nums .diff-more .more{margin-top:26px!important;margin-bottom:0!important}
@container site (max-width:1080px){
  .stats.stats-5{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container site (max-width:760px){
  .stats.stats-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
  .hm-nums .stat b{font-size:44px}
}

/* логотипы клиентов чёрно-белые; в кейсах при наведении на кейс становятся цветными (решение М.А. 13.10.2026) */
.lg:not([class*="lg-edu"]){filter:grayscale(1) contrast(1.15);opacity:.82;transition:filter .2s ease,opacity .2s ease}
.ccard:hover .lg,.ccard:focus-visible .lg,.row:hover .lg,.row:focus-visible .lg,
.logo-i:hover .lg,.logo-i:focus-visible .lg{filter:none;opacity:1}

/* финал на внутренних страницах: сквозная линия того же кегля, что заголовки блоков (замечание М.А. 13.10.2026: была крупнее всех кеглей) */
#app .cta h2{font-size:40px;line-height:1.08;margin:0 0 16px}
.cta:not(.cta-home) .sh-cta{gap:16px;margin-bottom:22px}
.cta:not(.cta-home) .sh-cta .cln{gap:8px;margin-top:4px}
.cta:not(.cta-home) .sh-cta .cln i{width:14px;height:14px}
@container site (max-width:1080px){
  #app .cta h2{font-size:34px}
}
@container site (max-width:760px){
  #app .cta h2{font-size:27px;line-height:1.14}
  .cta:not(.cta-home) .sh-cta .cln{gap:6px;margin-top:3px}
  .cta:not(.cta-home) .sh-cta .cln i{width:11px;height:11px}
}

/* ===== страницы услуг в три колонки, общий стиль страниц директора по маркетингу и личных (решения М.А. 13.10.2026) ===== */
.sec-flow{padding-top:38px}
.sec-flow .trk{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr)}
.sec-flow .trk-t{margin-bottom:14px}
.fl{border-bottom:1px solid var(--line2);margin-bottom:16px}
#app .fl p{font-size:17px;line-height:1.45;margin:0;padding:12px 0 13px;border-top:1px solid var(--line2);max-width:none}
.sec-flow .st-docs{margin-bottom:0}
.art-p{gap:0}
#app .fl-cap{font-size:17px;color:var(--grey);margin:26px 0 0;max-width:none}
#app .fl-cap+.fl-cap{margin-top:8px}
/* таблица с номерами строк */
.td-n{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline}
#app .sec-lead{font-size:17px;color:var(--grey);margin:0 0 16px;max-width:none}
.sec-start3 .trk{margin-top:6px}
/* личные страницы: биография шкалой по годам */
.pers-std .pers{max-width:none}
.tl .facts{border-top:0;margin:4px 0 0}
.pers .tl .fact,.pers .tl .fact-r{grid-template-columns:104px minmax(0,1fr);gap:0;padding:0;border-bottom:0;align-items:start}
.tl .fact b{padding-top:2px}
.tl .fact>span{position:relative;display:block;margin-left:6px;padding:0 0 26px 30px;border-left:1px solid var(--line2)}
.tl .fact>span::before{content:"";position:absolute;left:-7px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--blue)}
.tl .fact:last-child>span{padding-bottom:2px;border-left-color:transparent}
.pers-rows{font-size:18px}
#p-masha .pers-rows .lrow strong{font-weight:500}
.xp-num{display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:baseline;gap:0!important}
.xp-num>div{display:flex;flex-direction:column;gap:4px}
@container site (max-width:760px){
  .sec-flow .trk{grid-template-columns:minmax(0,1fr)}
  .sec-flow .trk-i{padding-bottom:28px}
  #app .fl p{font-size:16px}
  .td-n{grid-template-columns:30px minmax(0,1fr)}
  .pers .tl .fact,.pers .tl .fact-r{grid-template-columns:minmax(0,1fr)}
  .tl .fact b{margin-left:6px;padding:0 0 4px 30px;border-left:1px solid var(--line2)}
  .tl .fact>span::before{top:-18px}
  .pers-rows{font-size:16px}
}

/* вторая кнопка-переход: контурная, главной остаётся малиновая (правка М.А. 13.10.2026) */
.hm-btn{display:flex;flex-wrap:wrap;gap:14px}
#app .btn-o{background:transparent;color:var(--navy)!important;border:1.5px solid var(--navy);text-decoration:none}
@media (hover:hover){#app .btn-o:hover{background:var(--soft)}}
.hm-path{margin-top:6px}
#app .hm-more7{margin:22px 0 0}

/* вечер 13.10.2026: вводная цикла в две строки; партнёры на главной: имя ссылкой, строки описания на общих рядах */
#app .hm-cyc-t{max-width:none}
.cyc-s{display:block}
.hm-2c{grid-template-columns:minmax(0,1fr) minmax(0,1.14fr)}
.hm-ppl .people{grid-template-rows:repeat(4,auto);gap:0 24px}
.person-g{display:grid;grid-row:span 4;grid-template-rows:subgrid;gap:0}
.person-g .ph{margin-bottom:16px}
#app .hm-ppl .person-g h3{margin:0 0 8px}
.person-n{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:transparent}
/* линии под именами партнёров на главной сняты (правка М.А. 14.10.2026, вечер); подчёркивание появляется только при наведении */
#app .hm-ppl .person-g .person-l{margin:0 0 3px!important;line-height:1.45}
@media(hover:hover){.person-g:hover .person-n{text-decoration-color:currentColor}}
@container site (max-width:900px){
  .hm-2c{grid-template-columns:minmax(0,1fr)}
  .cyc-s{display:inline}
}
.person-c h3{margin-bottom:8px}
@media(hover:hover){.person-c:hover .person-n{text-decoration-color:currentColor}}
.sum-br{display:block}

/* ===== вечер 13.10.2026: единая шкала кеглей (поручение М.А.: «пройдись по всему сайту, выровняй размер шрифтов») =====
   заголовок блока 40 · название главы или шага 30 · название колонки, карточки, панели 26 · название пункта в списке 22 ·
   малое название (документ, вопрос) 20 · вводный текст под первым экраном 20 · основной текст 17 · пояснение 15 · подпись 13.
   На телефоне шкала прежняя, кроме основного текста. */
#app{font-size:17px}
@container site (min-width:761px){
  /* заголовок блока */
  #app .sec-g .sh h2,#app .duo2 .sh h2{font-size:40px}
  /* название главы или шага */
  #app .step-l h3,#app .sq-t{font-size:30px}
  /* название колонки, карточки, панели */
  #app .fp-i h3,#app .aud-h,#app .vm-l,#app .sm-t{font-size:26px}
  /* название пункта в списке */
  #app .hsteps-p .hstep summary h3,#app .li-t,#app .diff .li-t,#app .rn,#app .bm h3,#app .ccard h3,
  #app .person h3,#app .hm-ppl .person h3,#app .fact-t,#app .hm-ev-t{font-size:22px}
  #app .next-b,#app .prompt a{font-size:22px}
  /* малое название */
  #app .hm-lead,#app .hm-kv .hm-lead,#app .hm-q-t,#app .hm-pr,#app .xps-q .xp-t,#app .art-n,#app .arts-l .art-n,
  #app .cta-home .cta-l>.hm-fq{font-size:20px}
  /* вводный текст */
  #app .lead-text,#app .lead-text p{font-size:20px}
  /* основной текст */
  #app .hsteps-p .hstep-b,#app .step-text,#app .sec-aside,#app .sq-h,#app .sq-lead,#app .fp-i p,#app .hm-cyc-t,
  #app .pers,#app .pers-rows,#app .xp-t,#app .cf,#app .hm-more,#app .hm-more .lnk,#app .bm p,#app .st-sign,#app .st-when,
  #app .edu-t,#app .edu-l,#app .xps-end .xp-d,#app .cta .cta-cap{font-size:17px}
  #app .sec-aud .duo-cap,#app .sec-aud .duo-cap p,#app .aud-pull{font-size:17px!important}
  #app .xps-q .xp-t{font-size:20px}
  /* пояснение */
  #app .back,#app .hero-in .meta,#app .sq-note,#app .xps-q .xp-d,#app .trk-l,#app .ccard-f>span,#app .ccard-a,
  #app .cyc-cap,#app .hero-phl,#app .person p,#app .hstep-n{font-size:15px}
  #app .cta .cta-l>p,#app .sec-who .col p,#app .fact>span:not(.fact-t){font-size:17px}
  #app .flabel{font-size:15px}
  /* подпись */
  #app .q-ph,#app .edu-ph,#app .edu-ph span,#app .post-s{font-size:13px}
}

/* вечер 13.10.2026: «Когда обращаются» и «Что меняется» на страницах услуг пронумерованы неярко (правка М.А.) */
.fl{counter-reset:fl}
#app .fl p{counter-increment:fl;position:relative;padding-left:34px}
#app .fl p::before{content:counter(fl,decimal-leading-zero);position:absolute;left:0;top:14px;font-size:13px;line-height:1.45;color:var(--grey);font-variant-numeric:tabular-nums}
/* та же шкала на телефоне: заголовок блока 28 · глава или шаг 24 · колонка, карточка 22 · пункт списка 20 · малое название 18 · основной текст 17 · пояснение 15 · подпись 13 */
@container site (max-width:760px){
  #app .step-l h3,#app .sq-t{font-size:24px}
  #app .aud-h,#app .vm-l,#app .sm-t,#app .post-t{font-size:22px}
  #app .hsteps-p .hstep summary h3,#app .bm h3,#app .ccard h3,#app .person h3,#app .hm-ppl .person h3,#app .fact-t,
  #app .li-t,#app .diff .li-t,#app .rn,#app .col-h,#app .td>span:first-child{font-size:20px}
  #app .next-b,#app .prompt a{font-size:19px}
  #app .art-n,#app .arts-l .art-n,#app .xps-q .xp-t,#app .cta-home .cta-l>.hm-fq,#app .sm-q{font-size:18px}
  #app .lead-text,#app .lead-text p{font-size:18px}
  #app .fl p,#app .bm p,#app .st-sign,#app .st-when,#app .hm-aside,#app .hm-ch-t,#app .hm-kv p:not(.hm-lead),#app .hm-more,#app .hm-more .lnk,
  #app .step-text,#app .sq-lead,#app .fact>span:not(.fact-t),#app .sec-who .col p{font-size:17px}
  #app .back,#app .hero-in .meta,#app .sq-note,#app .xps-q .xp-d,#app .flabel,#app .trk-l,#app .ccard-f>span,#app .ccard-a,#app .cyc-cap,
  #app .hm-aside.hm-term{font-size:15px}
  #app .q-ph,#app .edu-ph,#app .edu-ph span,#app .post-s,#app .sq-ml{font-size:13px}
}

/* вечер 13.10.2026: вопросы в меню «Услуги» пронумерованы (решение М.А.) */
.ddm a.dd-qn,.mnav-sub a.dd-qn{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:4px;align-items:baseline}
.dd-n{grid-row:1/3;font-style:normal;font-size:14px;color:var(--grey);font-variant-numeric:tabular-nums}
.ddm a.dd-qn em,.mnav-sub a.dd-qn em{grid-column:2}
.hero-q1 b{padding-left:0;border-left:0}

/* вечер 13.10.2026: акцент на признаке результата, вариант Б (решение М.А.): голубая линия слева, подпись голубым */
#app .trk-l{color:var(--blue-t);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
#app .st-sign{border-left:3px solid var(--blue);padding-left:14px;line-height:1.45}
#app .hm-kv-s b{color:var(--blue-t)}
#app .hm-kv-s p{border-left:3px solid var(--blue);padding-left:14px}
.sq-row .sq-h{border-left:3px solid var(--blue);padding-left:14px}
#app .fl-cap-c{font-size:15px;margin:14px 0 0;line-height:1.45}

/* вечер 13.10.2026: малиновая стрелка в текстовых ссылках (вариант 2, решение М.А.); ссылка «Обсудить задачу» в финале страниц услуг */
#app .arr{color:var(--crimson)}
#app .cta .arr,#app .band .arr,#app .ftr .arr,#app .hdr .arr,#app .btn .arr,#app .mnav .arr{color:inherit}
#app .cta-ask{margin:14px 0 0}

/* вечер 13.10.2026: строка типов компаний и полоса четырёх формул (решения М.А.) */
.ctypes{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:12px;font-size:15px;line-height:1.4;color:var(--navy)}
/* строка типов компаний на главной вынесена во всю ширину блока: в колонке она
   не помещалась в одну строку (правка М.А. 20.10.2026) */
.ctypes-w{margin:0 0 24px;font-size:16px}
@media (max-width:760px){.ctypes-w{margin:0 0 18px;font-size:15px}}

.ctypes span{display:inline-flex;align-items:center}
.ctypes span+span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin:0 9px}
#app .hm-aside>p{margin:0}
.hm-strip{padding:34px 0 38px;background:#fff}
.hm-strip-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 40px}
.hm-strip-g span{display:block;border-top:1px solid var(--navy);padding-top:14px;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:22px;line-height:1.25;letter-spacing:-.01em;color:var(--navy);text-wrap:balance}
@container site (max-width:900px){.hm-strip-g{gap:0 24px}.hm-strip-g span{font-size:20px}}
@container site (max-width:760px){.hm-strip{padding:26px 0 28px}.hm-strip-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.hm-strip-g span{font-size:19px}}

/* вечер 13.10.2026: строка для директора по маркетингу в главе 4 без плашки, строкой с линией сверху (правка М.А.: плашка выглядела криво и обрезанно) */
#app .hm-pr{background:none;border-radius:0;padding:13px 0 0;margin-top:13px;border-top:1px solid var(--line);font-family:'Golos Text','Segoe UI',system-ui,sans-serif;font-size:17px;line-height:1.45;letter-spacing:0;gap:4px 24px}
#app .hm-pr strong{font-weight:400;color:var(--grey)}
#app .hm-pr>span{color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--line2)}
@media(hover:hover){#app .hm-pr:hover>span{text-decoration-color:currentColor}}
#app .hm-cl .hm-aside{max-width:38em}
/* строка типов компаний стоит в правой колонке и должна лечь в одну строку:
   при 15 px ей не хватало 8 px ширины колонки (правка М.А. 20.10.2026) */
#app .hm-cl .ctypes,#app .aud .ctypes{font-size:14px}

/* вечер 13.10.2026: четыре вопроса таблицей, вопросы сверху в ряд (образец Г, решение М.А.) */
.qt{display:grid;grid-template-columns:150px repeat(4,minmax(0,1fr));gap:0 28px;margin-top:8px}
.qt>div{min-width:0}
.qt-h{border-top:1px solid var(--navy);padding:14px 0 18px}
.qt-n{display:block;font-size:14px;color:var(--grey);margin-bottom:8px;font-variant-numeric:tabular-nums}
.qt-t{display:block;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:22px;line-height:1.2;letter-spacing:-.01em;color:var(--navy);text-wrap:balance}
.qt-ev{display:block;font-size:14px;line-height:1.35;color:var(--grey);margin-top:8px}
.qt-c{border-top:1px solid var(--line2);padding:14px 0 18px;font-size:16px;line-height:1.45}
#app .qt-c p{margin:0;max-width:none}
#app .qt-c .qt-more{margin-top:6px}
#app .qt-sign p{border-left:3px solid var(--blue);padding-left:12px}
.qt-l{border-top:1px solid var(--line2);padding:17px 0 0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);line-height:1.4}
.qt-lb{color:var(--blue-t)}
.qt-l1{grid-area:2/1}.qt-l2{grid-area:3/1}.qt-l3{grid-area:4/1}
.qc1.qt-h{grid-area:1/2}.qc2.qt-h{grid-area:1/3}.qc3.qt-h{grid-area:1/4}.qc4.qt-h{grid-area:1/5}
.qc1.qt-lead{grid-area:2/2}.qc2.qt-lead{grid-area:2/3}.qc3.qt-lead{grid-area:2/4}.qc4.qt-lead{grid-area:2/5}
.qc1.qt-sign{grid-area:3/2}.qc2.qt-sign{grid-area:3/3}.qc3.qt-sign{grid-area:3/4}.qc4.qt-sign{grid-area:3/5}
.qc1.qt-link{grid-area:4/2}.qc2.qt-link{grid-area:4/3}.qc3.qt-link{grid-area:4/4}.qc4.qt-link{grid-area:4/5}
.qt+.hm-pr{margin-top:18px}
#app .hm-ans .hm-ma{margin-top:24px}
@container site (max-width:1080px){.qt{grid-template-columns:120px repeat(4,minmax(0,1fr));gap:0 20px}.qt-t{font-size:20px}}
@container site (max-width:900px){
  .qt{display:flex;flex-direction:column;gap:0}
  .qt-l{display:none}
  .qt-h{order:1;margin-top:26px}.qt-h.qc1{margin-top:0}
  .qc1.qt-h{order:10}.qc1.qt-lead{order:11}.qc1.qt-sign{order:12}.qc1.qt-link{order:13}
  .qc2.qt-h{order:20}.qc2.qt-lead{order:21}.qc2.qt-sign{order:22}.qc2.qt-link{order:23}
  .qc3.qt-h{order:30}.qc3.qt-lead{order:31}.qc3.qt-sign{order:32}.qc3.qt-link{order:33}
  .qc4.qt-h{order:40}.qc4.qt-lead{order:41}.qc4.qt-sign{order:42}.qc4.qt-link{order:43}
  .qt-c::before{content:attr(data-l);display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin-bottom:8px}
  .qt-sign::before{color:var(--blue-t)}
  .qt-c{padding:12px 0 14px;font-size:17px}
}

/* 14.10.2026: кольцо как переключатель (решение М.А.): один блок вместо цикла и глав */
.hm-cyc2>.wrap{align-items:start}
.hm-cyc2 .cyc{position:sticky;top:96px}
.cq{cursor:pointer;transition:color .15s,border-color .15s}
.cq.off{color:#A9AEB6;border-color:#D5D9DE}
.cq.on{color:var(--navy);border-color:var(--blue)}
#app .hm-cyc2 .hm-cyc-q{max-width:640px}
#app .qtab{display:flex;align-items:baseline;gap:12px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line2);padding:8px 0 10px;margin:0;cursor:pointer;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:20px;line-height:1.25;letter-spacing:-.01em;color:var(--navy)}
#app .qtab span:first-child{font-weight:300;flex:none}
#app .qtab.on{border-top-color:var(--navy)}
#app .qtab.on span:last-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--line2)}
@media(hover:hover){#app .qtab:hover span:last-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--line2)}}
#app .qtab.ma-tab{grid-column:1/3}
.qps{margin-top:22px;max-width:640px}
.qp{display:none}
.qp.on{display:block}
#app .qp-ev{font-size:15px;color:var(--grey);margin:0 0 4px;max-width:none}
#app .qp h3{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:26px;line-height:1.15;margin:0 0 14px;letter-spacing:-.01em;color:var(--navy)}
#app .qp-lead{font-size:17px;margin:0 0 6px;max-width:none}
.qp-r{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 24px;border-top:1px solid var(--line2);padding:13px 0 15px}
.qp-r>b{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);font-weight:400;padding-top:3px;line-height:1.4}
.qp-r.s>b{color:var(--blue-t)}
#app .qp-r p{margin:0;font-size:17px;line-height:1.45;max-width:none}
#app .qp-r .qp-more{margin-top:6px}
#app .qp-r.s p{border-left:3px solid var(--blue);padding-left:14px}
#app .qp-r.l p{font-size:16px}
#app .qp-term{font-size:14px;color:var(--grey);margin:14px 0 0;max-width:none}
#app .qp .trk{margin-top:10px}
#app .qp .trk-ma+.qp-r{margin-top:14px}
#app .qp .hm-pr{margin-top:0}
@container site (max-width:900px){
  .hm-cyc2 .cyc{position:static}
  #app .hm-cyc2 .hm-cyc-q{grid-template-columns:minmax(0,1fr)}
  #app .qtab{font-size:18px}
  #app .qtab.ma-tab{grid-column:auto}
  .qp-r{grid-template-columns:minmax(0,1fr);gap:6px 0}
  .qp-r>b{padding-top:0}
}

/* 14.10.2026: выбранный вопрос ярче (правка М.А.): заливка доли, подсказка под кольцом, активная строка списка */
.cq{outline:none;border-width:2px}
.cq:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.cq.on{background:var(--pale);border-color:var(--blue);border-width:3px;color:var(--navy)}
.cq.off{color:#B8BDC4;border-color:#DEE2E7}
.cyc-hint{font-size:14px;color:var(--grey);margin-top:6px;padding-left:24px}
#app .qtab{color:var(--grey)}
#app .qtab.on{color:var(--navy);border-top:2px solid var(--navy);padding-top:7px}
#app .qtab.on span:first-child{color:var(--blue-t);font-weight:400}
#app .qtab.on span:last-child{text-decoration-color:var(--blue)}
@media(hover:hover){#app .qtab:hover{color:var(--navy)}}

/* 14.10.2026: панель открытого вопроса на светло-голубой плашке (решение М.А.) */
.qps{max-width:none}
.qp.on{background:var(--pale);border-radius:12px;padding:20px 24px 18px;max-width:688px}
.qp-r{border-top-color:rgba(41,41,43,.14)}
#app .qp-r.s p{border-left-color:var(--blue-t)}
#app .qp .hm-pr{border-top-color:rgba(41,41,43,.14)}
@container site (max-width:760px){.qp.on{padding:16px 16px 14px;border-radius:10px}}

/* 14.10.2026: «К чему придёте» буллитами (правка М.А.) */
#app .qp-ul{list-style:none;margin:0;padding:0}
#app .qp-ul li{position:relative;padding-left:18px;margin:0 0 7px;font-size:17px;line-height:1.45}
#app .qp-ul li:last-child{margin-bottom:0}
#app .qp-ul li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--blue)}

/* 14.10.2026: вопросы внутри долей кольца (решение М.А.) */
.hm-cyc2>.wrap{grid-template-columns:400px minmax(0,1fr);gap:36px 72px}
.cyc-q .cyc-g{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}
.cyc-q .cq{flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:22px 18px 14px 22px;font-size:16px;line-height:1.25;font-weight:400;text-align:left;box-sizing:border-box}
.cyc-q .cq-tl{padding:22px 14px 14px 30px;justify-content:flex-end}
.cyc-q .cq-tr{padding:22px 30px 14px 14px;justify-content:flex-end}
.cyc-q .cq-bl{padding:16px 14px 22px 30px}
.cyc-q .cq-br{padding:16px 30px 22px 14px}
.cyc-q .cq-n{display:block;font-size:30px;font-weight:300;line-height:1;margin-bottom:8px}
.cyc-q .cq-t{display:block;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:17px;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
.cyc-q .cq.off .cq-t,.cyc-q .cq.off .cq-n{color:#9AA0A8}
.cyc-q .cq.on .cq-t{color:var(--navy)}
.cyc-q .cq.on .cq-n{color:var(--blue-t)}
@media(hover:hover){.cyc-q .cq.off:hover .cq-t,.cyc-q .cq.off:hover .cq-n{color:var(--navy)}}
.cyc-q .cyc-cap{margin-top:16px}
.cyc-q .cyc-hint{margin-top:4px}
#app .cyc-q .qtab.ma-tab{margin-top:18px;font-size:18px}
#app .cyc-q .qtab.ma-tab.on{border-top:2px solid var(--navy)}
.hm-cyc2 .qps{margin-top:0}
@container site (max-width:1080px){.hm-cyc2>.wrap{grid-template-columns:340px minmax(0,1fr);gap:32px 40px}.cyc-q .cq{padding:16px 12px 10px 16px}.cyc-q .cq-tl{padding:16px 10px 10px 22px}.cyc-q .cq-tr{padding:16px 22px 10px 10px}.cyc-q .cq-bl{padding:12px 10px 16px 22px}.cyc-q .cq-br{padding:12px 22px 16px 10px}.cyc-q .cq-t{font-size:15px}.cyc-q .cq-n{font-size:26px}}
@container site (max-width:900px){.hm-cyc2>.wrap{grid-template-columns:minmax(0,1fr)}.hm-cyc2 .cyc{max-width:420px}}
@container site (max-width:760px){.hm-cyc2 .cyc{max-width:none}.cyc-q .cq-t{font-size:15px}.cyc-q .cq-n{font-size:24px}}

/* 14.10.2026: пятый вопрос под кольцом как его продолжение, легенда одной строкой (правка М.А.) */
.cyc-q .cq-5{width:100%;aspect-ratio:auto;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:14px;margin-top:16px;padding:12px 22px 13px;border-radius:999px;border-width:2px}
.cyc-q .cq-5.on{border-width:2px;padding:12px 22px 13px}
.cyc-q .cq-5 .cq-n{margin:0;font-size:24px}
.cyc-q .cq-5 .cq-t{font-size:17px}
.cyc-leg{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:14px;padding:0 6px}
.cyc-leg .cyc-cap{margin:0}
.cyc-leg .cyc-hint{margin:0;padding:0;font-size:14px;color:var(--grey)}
@container site (max-width:760px){.cyc-q .cq-5{padding:10px 18px 11px;gap:12px}.cyc-q .cq-5 .cq-t{font-size:15px}.cyc-q .cq-5 .cq-n{font-size:20px}}
.qp-r.l>b{text-transform:none;letter-spacing:0;font-size:14px}
.hm-cyc-t .cr{color:var(--crimson)}
.hm-cyc-t .bl{color:var(--blue-t)}

/* 14.10.2026: «К чему придёте» с номерами вместо точек (правка М.А.) */
#app .qp-ul{counter-reset:qp}
#app .qp-ul li{padding-left:26px;counter-increment:qp}
#app .qp-ul li::before{content:counter(qp,decimal-leading-zero);width:auto;height:auto;border-radius:0;background:none;top:3px;font-size:13px;line-height:1.45;color:var(--grey);font-variant-numeric:tabular-nums}

/* 14.10.2026: вопросы этапов сделки выровнены по рядам и выделены (правка М.А.) */
.trk-ma{grid-template-rows:auto auto auto;gap:0 28px}
.trk-ma .trk-i{display:grid;grid-template-rows:subgrid;grid-row:span 3;align-content:start}
#app .trk-ma .hm-lead{font-size:21px;line-height:1.15;color:var(--navy);margin:0 0 10px;align-self:start}
#app .trk-ma .trk-s{margin-bottom:6px}
#app .trk-ma .trk-s{align-self:start}
@container site (max-width:760px){.trk-ma{grid-template-rows:none}.trk-ma .trk-i{display:block}#app .trk-ma .hm-lead{font-size:20px}}

/* 14.10.2026: три этапа сделки в один ряд без пустот: третья колонка шире, вопросы в одну строку */
#app .qp .trk-ma{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}
#app .qp .trk-ma .hm-lead{font-size:18px;white-space:nowrap;letter-spacing:-.01em}
#app .qp .trk-ma .hm-ch-t{text-wrap:pretty}
.qp.on.qp-ma{max-width:none}
@container site (max-width:760px){#app .qp .trk-ma .hm-lead{white-space:normal}}
#app .qp .trk-ma .hm-ch-t{color:var(--grey)}
#app .qp .trk-ma .hm-lead{margin-bottom:8px}

/* 14.10.2026: доли кольца читаются как ссылки: малиновая стрелка после вопроса и подсветка при наведении (правка М.А.) */
.cq-arr{display:inline-block;color:var(--crimson);font-size:15px;transition:transform .15s;white-space:nowrap}
.cq-5 .cq-arr{margin-left:4px}
.cq.on .cq-arr{display:none}
@media(hover:hover){.cyc-q .cq.off:hover{background:#F4FAFE;border-color:#BFD7E6}.cyc-q .cq.off:hover .cq-arr{transform:translateX(3px)}}
.cq-5 .cq-arr{display:inline-block}
.cq-5.on .cq-arr{display:none}
/* «Что нас отличает» на «О практике»: лишние пробелы убраны (правка М.А. 14.10.2026): плотнее ряды, номер ближе к названию */
#diff .cols-2{gap:18px 56px}
#diff .col-num{padding-top:14px}
#diff .col-num .col-n{margin-bottom:4px}
#diff .col-num .col-h{margin-bottom:6px}
#diff .col-num p{margin:0}

/* правка М.А. 14.10.2026: признак результата на страницах услуг голубой плашкой (вариант А вместо линии слева) */
.sign-p{background:var(--pale);border-radius:12px;padding:14px 18px 16px;margin-top:18px}
#app .sign-p .st-sign{border-left:0;padding-left:0}
#app .sign-p .trk-l{margin-bottom:6px}

/* цитаты на главной: белый раздел, карточки светло-голубые (правка М.А. 14.10.2026, вечер) */
#app .sec-rev .q{background:var(--pale)}

/* ===== линии между строками: волосяные (правка М.А. 14.10.2026, ночь) =====
   Светло-голубые разделители (--line #DFE2E6, --line2 #CCD0D6) между строками читались как лишние.
   По образцу М.А. строки внутри блоков делит волосяная линия #F1F2F4 (на светло-сером фоне чуть
   темнее, иначе её не видно), а линия над блоком остаётся прежней, заметной. Ширина и отступы
   строк не менялись – изменился только цвет разделителей. */
#app{--hair:#F1F2F4}
#app .sec.soft,#app .hm-soft,#app .cta-soft,#app .pers-soft,#app .sum,#app .sign,#app .qp.on{--hair:#E4E7EA}
#app ol.num li,
#app .sec-b>ul.dash-s li,
#app .lrow,
#app .row,
#app .sq-row,
#app .need,
#app .post,
#app .fact,
#app .def,
#app .tr,
#app .acc-i,
#app .diff,
#app .hstep,
#app .pers-pts p,
#app .xp,
#app .art,
#app .fl p,
#app .ccard,
#app .bm,
#app .col-2,
#app .hm-row,
#app .hm-drow,
#app .hm-kv,
#app .hm-card,
#app .hm-ch,
#app .hm-ch .hm-more,
#app .hm-cyc-q a,
#app .hm-diff .stat,
#app .hm-pr,
#app .qt-c,
#app .qt-l,
#app .qtab,
#app .qp-r,
#app .pc .pcase,
#app .fq-c,
#app .rev-more,
#app .xp-note,
#app .aud-r::before,#app .aud-go::before,
#app .cta .cta-l>.hm-slogan,#app .cta-home .cta-l>.hm-slogan{border-color:var(--hair)}
#p-about .sec-aud .fw-lists .col{border-top-color:var(--hair)}
/* исключение: «Видение и миссия» на странице «Метод сМЫсла» – голубая линия остаётся */
#app .vm .col{border-top:2px solid var(--blue)}

/* ===== линии под перечнями сняты (правка М.А. 14.10.2026, ночь) =====
   Закрывающая линия после последней строки перечня и нижние линии контейнеров убраны:
   перечень заканчивается текстом. Разделители между строками и линия над блоком остаются. */
#app ol.num>li:last-child,
#app .sec-b>ul.dash-s li:last-child,
#app .lrows>.lrow:last-child,
#app .rows>.row:last-child,
#app .sq-rows>.sq-row:last-child,
#app .needs>.need:last-child,
#app .posts>.post:last-child,
#app .facts>.fact:last-child,
#app .defs>.def:last-child,
#app .tbl>.tr:last-child,
#app .acc>.acc-i:last-child,
#app .diffs>.diff:last-child,
#app .hsteps>.hstep:last-child,
#app .pers-pts>p:last-child,
#app .hm-rows>.hm-row:last-child,
#app .hm-drows>.hm-drow:last-child,
#app .pc .pcase:last-child{border-bottom:0}
#app .fl,#app .st-docs,#app .arts-l,#app .hm-rows,#app .hm-drows,#app .xps-q{border-bottom:0}

/* ===== разделители по колонкам, с разрывами (правка М.А. 14.10.2026, ночь) =====
   В таблицах и в блоке «Четыре вопроса» линия шла одной полосой во всю ширину.
   Теперь она стоит у каждой колонки отдельно, с разрывом между колонками.
   На телефоне блоки становятся одноколоночными, поэтому там линия снова у строки. */
#app .tbl{border-top:0}
#app .tbl>.tr{padding:0;border-bottom:0}
#app .tbl>.tr>.td{padding:11px 0;border-bottom:1px solid var(--hair)}
#app .tbl>.tr.th>.td{padding:12px 0;border-top:1px solid var(--navy)}
#app .tbl>.tr:last-child>.td{border-bottom:0}
#app .sq-rows{border-top:0}
#app .sq-row{padding:0;border-bottom:0}
#app .sq-row>*{padding:19px 0 20px;border-top:1px solid var(--hair)}
#app .sq-row>.sq-h{position:relative;border-left:0;padding:19px 0 20px 17px}
#app .sq-row>.sq-h::before{content:"";position:absolute;left:0;top:19px;bottom:20px;width:3px;background:var(--blue)}
#app .sq-rows>.sq-row:first-child>*{border-top-color:var(--line)}
@container site (max-width:760px){
  #app .tbl>.tr{padding:16px 0;border-bottom:1px solid var(--hair)}
  #app .tbl>.tr>.td{padding:0;border-top:0;border-bottom:0}
  #app .tbl>.tr:last-child{border-bottom:0}
  #app .sq-row{padding:20px 0;border-top:1px solid var(--hair)}
  #app .sq-row>*{padding:0;border-top:0}
  #app .sq-row>.sq-h{padding:0 0 0 17px}
  #app .sq-row>.sq-h::before{top:0;bottom:0}
  #app .sq-rows>.sq-row:first-child{border-top-color:var(--line)}
}

/* подпись под шкалой отделена от колонок: тонкая линия и отступ, без заливки и выделения
   (правка М.А. 14.10.2026, ночь: «отдели аккуратно, но не слишком акцентно») */
#app .fl-cap{margin:30px 0 0;padding:16px 0 0;border-top:1px solid var(--hair);max-width:none}
#app .fl-cap+.fl-cap{margin-top:6px;padding-top:0;border-top:0}
#app .fl-cap-c{margin:14px 0 0;padding:0;border-top:0}

/* строки «в ситуации, когда» на главной: линия идёт по колонкам, с разрывом между ситуацией и вопросом
   (правка М.А. 14.10.2026, ночь). На телефоне блок одноколоночный, там линия снова у строки. */
#app .hm-rows{border-top:0}
#app .hm-row{padding:0;border-top:0}
#app .hm-row>*{padding:16px 0;border-top:1px solid var(--hair)}
#app .hm-rows>.hm-row:first-child>*{border-top-color:var(--line2)}
/* линия между кейсами и «Кто ведёт работу» отменена (правка М.А. 14.10.2026, ночь) */
@container site (max-width:760px){
  #app .hm-row{padding:15px 0;border-top:1px solid var(--hair)}
  #app .hm-row>*{padding:0;border-top:0}
  #app .hm-rows>.hm-row:first-child{border-top-color:var(--line2)}
}

/* цикл четырёх вопросов: заголовок слева, вводная напротив справа, кольцо на уровне панели ответа
   (правка М.А. 15.10.2026) */
#app .hm-cyc2 .hm-cyc-i .hm-cyc-t{margin:0}
#app .hm-cyc2 .hm-cyc-i .hm-cyc-n{margin-top:14px}
.hm-cyc2>.wrap>.sh{align-self:start}

/* вопросы первого экрана главной кликабельны: каждый ведёт в свою панель блока цикла
   (правка М.А. 15.10.2026). Подчёркивания нет: вопросы выглядят как текст, нажать может тот, кто захочет
   (правка М.А. 15.10.2026, вторая). */
#app .hero-home.hero-full .lead-q .lead-q-a,
#app .hero-home.hero-full .lead-q .lead-q-a>span{text-decoration:none;color:inherit}
#app .hero-home.hero-full .lead-q .lead-q-a{display:inline-block;cursor:pointer}

/* ---- первый экран кейса: заглавная фотография на весь экран, текст поверх неё слева
   (задача М.А. 15.10.2026: у кейса должна быть заглавная фотография) ---- */
.hero-case.hero-full{margin-bottom:0;padding:48px 0 64px;align-items:flex-start}
.hero-case.hero-full .back{margin-bottom:64px}
.hero-case.hero-full .hero-pre{font-size:19px;color:var(--grey);margin:0 0 12px!important}
.hero-case.hero-full .h1w h1{font-size:52px;line-height:1.06;max-width:16em}
.hero-case.hero-full .h1w .cln{margin-top:11px}
.hero-case.hero-full .meta{margin-top:30px!important;max-width:60em}
@media (max-width:1200px){
.hero-case.hero-full .h1w h1{font-size:44px}
.hero-case.hero-full .back{margin-bottom:52px}
}
@media (max-width:960px){
.hero-case.hero-full{padding:36px 0 52px}
.hero-case.hero-full .h1w h1{font-size:36px}
.hero-case.hero-full .back{margin-bottom:40px}
.hero-case.hero-full .hero-pre{font-size:17px}
}
@media (max-width:640px){
.hero-case.hero-full{padding:28px 0 44px}
.hero-case.hero-full .h1w h1{font-size:28px;line-height:1.1}
.hero-case.hero-full .h1w .cln{margin-top:6px}
.hero-case.hero-full .back{margin-bottom:28px}
.hero-case.hero-full .meta{margin-top:22px!important}
}

/* ---- отзыв клиента на странице кейса: цитата во всю колонку, портрет рядом с именем
   (задача М.А. 15.10.2026: фотография к цитате, когда она есть). Крупнее, чем кружок
   в подписи к цитатам на главной: здесь это голос заказчика именно про этот проект ---- */
.crev{margin:0}
.crev blockquote{margin:0;font-size:24px;line-height:1.48;text-wrap:pretty}
.crev figcaption{display:flex;align-items:center;gap:22px;margin-top:30px;
  font-size:17px;line-height:1.45;color:var(--grey)}
.crev-ph{flex:none;width:96px;height:96px;border-radius:50%;border:1px dashed var(--mute);background:#fff;
  display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;color:var(--mute)}
.crev-n{display:block;font-weight:500!important;color:var(--ink)}
@media (max-width:960px){
.crev blockquote{font-size:21px}
.crev figcaption{gap:18px;margin-top:24px}
.crev-ph{width:84px;height:84px}
}
@media (max-width:640px){
.crev blockquote{font-size:18px;line-height:1.5}
.crev figcaption{gap:14px;margin-top:20px;font-size:16px}
.crev-ph{width:68px;height:68px;font-size:12px}
}

/* ================= СТРАНИЦА КЕЙСА (переработка 15.10.2026) ================= */
/* первый экран: кадр во весь экран, логотип заказчика и плашки поверх него,
   заголовок внизу – как на действующей странице /rtk-service */
.hero-case.hero-full{margin-bottom:0;padding:0;align-items:stretch;min-height:600px;
  background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-case.hero-full>.wrap{display:flex;flex-direction:column;justify-content:space-between;
  padding-top:40px;padding-bottom:52px}
.hero-case .hero-t{margin-top:auto}
.hero-case .case-meta{display:block;margin-bottom:20px;font-size:17px;line-height:1.5;
  letter-spacing:.005em;color:rgba(255,255,255,.72)}
.hero-case .case-meta .cm-n{color:#fff}
.hero-case .case-meta .cm-s{color:#fff}
.hero-case .case-meta i{font-style:normal;padding:0 9px;color:rgba(255,255,255,.45)}
.hero-case.hero-full .h1w h1{font-size:50px;line-height:1.1;max-width:none;text-wrap:balance}
.hero-case.hero-full .h1w .cln{margin-top:11px}
.hero-case .back{display:inline-block}
/* кадр подставлен: текст белый, плашки на полупрозрачной подложке, рамки-заглушки нет */
.hero-case.has-img::after{display:none}
.hero-case.has-img{background-color:#29292B}
.hero-case.has-img .hero-phl{display:none}
#app .hero-case.hero-dark .back,#app .hero-case.hero-dark .back:hover,#app .hero-case.hero-dark .h1w h1,#app .hero-case.hero-dark h1{color:#fff!important}
#app .hero-case.hero-dark .cln i{background:#fff}
.hero-case.has-img::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,.34) 55%,rgba(0,0,0,.62) 76%,rgba(0,0,0,.80) 100%)}
/* затемнение низа усилено 16.10.2026: белый логотип и строка данных вставали на
   светлых участках кадра (РТК-Сервис – светло-серый угол) и теряли контраст */

.hero-case.hero-full>.wrap{position:relative;z-index:1}

/* полоса ключевых цифр: белая, в чередовании фонов слота не занимает */
.sec-cfig{background:#fff;padding:40px 0 44px}
.cfig{display:flex;flex-wrap:wrap;gap:34px 56px}
.cfig-i{flex:1 1 180px;min-width:0;max-width:300px}
.cfig-i b{display:block;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-weight:400!important;
  font-size:46px;line-height:1;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px}
.cfig-i span{display:block;font-size:16px;line-height:1.4;color:var(--grey);text-wrap:pretty}
/* ячейка полосы без числа: вместо крупной цифры короткая формулировка.
   Правка М.А. 16.10.2026: «вытащи не только цифры, но и важные факты,
   по четыре пункта у каждого кейса» */
.cfig-i.cfig-w b{font-size:23px;line-height:1.2;letter-spacing:-.01em;margin-bottom:12px}
@media (max-width:960px){.cfig-i.cfig-w b{font-size:21px}}
@media (max-width:640px){.cfig-i.cfig-w b{font-size:19px;margin-bottom:8px}}

/* значимое число внутри текста */
.site .fig{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-weight:400!important;
  font-size:1.18em;line-height:1;letter-spacing:-.01em;color:var(--ink)}

/* на тёмной плашке результата цифра наследует белый, иначе красится в --ink и пропадает */
.site .band-m .fig{color:inherit}

/* материалы проекта: лента слайдов, листается пальцем и колесом, без скрипта */
.cmat{margin-top:34px}
.cmat-r{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:14px;-webkit-overflow-scrolling:touch}
.cmat-i{flex:none;width:min(560px,78%);scroll-snap-align:start}
.cmat-i img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.cmat-i figcaption{margin-top:10px;font-size:15px;line-height:1.4;color:var(--grey)}
.cmat-ph{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;
  border:1px dashed var(--mute);border-radius:10px;background:#fff;font-size:14px;color:var(--mute)}
.cmat-c{margin-top:12px;font-size:15px;color:var(--grey)}

@media (max-width:1200px){
.hero-case.hero-full .h1w h1{font-size:42px;max-width:none}
.cfig-i b{font-size:40px}
}
@media (max-width:960px){
.hero-case.hero-full{min-height:520px}
.hero-case.hero-full>.wrap{padding-top:28px;padding-bottom:40px}
.hero-case.hero-full .h1w h1{font-size:34px;max-width:none}
.hero-case .case-meta{font-size:16px;margin-bottom:16px}
.sec-cfig{padding:32px 0 34px}
.cfig{gap:26px 36px}
.cfig-i b{font-size:34px}
.cfig-i span{font-size:15px}
.cmat-i{width:min(460px,86%)}
}
@media (max-width:640px){
.hero-case.hero-full{min-height:440px}
.hero-case.hero-full>.wrap{padding-top:20px;padding-bottom:30px}
.hero-case.hero-full .h1w h1{font-size:26px;line-height:1.14;max-width:none;text-wrap:pretty}
.hero-case.hero-full .h1w .cln{margin-top:6px}
.hero-case .case-meta{font-size:14px;margin-bottom:14px;line-height:1.45}
.hero-case .case-meta i{padding:0 6px}
.sec-cfig{padding:26px 0 28px}
.cfig{gap:22px}
.cfig-i{flex:1 1 140px;max-width:none}
.cfig-i b{font-size:30px;margin-bottom:6px}
.cfig-i span{font-size:14px}
.cmat-i{width:88%}
}

/* портрет в отзыве: настоящая фотография вместо кружка-заглушки */
.crev-ph-img{border:0;overflow:hidden;background:#F2F4F6}
.crev-ph-img img{width:100%;height:100%;object-fit:cover;display:block}

/* полоса цифр: тонкая линия и голубая точка над числом – тот же приём, что в треках */
.cfig-i{position:relative;padding-top:28px}
.cfig-i::before{content:"";position:absolute;top:6px;left:0;right:-24px;height:1px;background:var(--line2)}
.cfig-i:last-child::before{right:0}
.cfig-i::after{content:"";position:absolute;top:0;left:0;width:13px;height:13px;border-radius:50%;background:var(--blue)}

/* решение кейса: вертикальный трек – этапы на линии с голубыми точками */
.vtrk{position:relative;margin-top:4px}
.vtrk::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:1px;background:var(--line2)}
.vtrk-i{position:relative;padding:0 0 34px 38px}
.vtrk-i:last-child{padding-bottom:0}
.vtrk-i::before{content:"";position:absolute;left:0;top:6px;width:13px;height:13px;border-radius:50%;background:var(--blue)}
.vtrk-i>.vtrk-h{display:flex;align-items:baseline;gap:12px;margin:0 0 10px}
.vtrk-i .vtrk-n{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:15px;color:var(--grey);flex:none}
.vtrk-i .vtrk-t{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:23px;line-height:1.2;
  letter-spacing:-.01em;color:var(--ink)}
.vtrk-i>p{margin:0 0 8px!important}
.vtrk-i>ul{margin-top:8px!important}

/* результат кейса: графитовая полоса – смысловая вершина страницы */
.band-case .band-m p{max-width:21em}
.band-case .cfig-i::before,.band-case .cfig-i::after{display:none}

/* материалы проекта отдельным разделом */
.sec-mat .cmat{margin-top:0}

@media (max-width:960px){
.vtrk-i{padding:0 0 28px 30px}
.vtrk-i .vtrk-t{font-size:20px}
.cfig-i{padding-top:24px}
}
@media (max-width:640px){
.vtrk-i{padding:0 0 24px 26px}
.vtrk-i::before{width:11px;height:11px;top:5px}
.vtrk::before{left:5px}
.vtrk-i .vtrk-t{font-size:18px}
.vtrk-i>.vtrk-h{gap:9px;margin-bottom:8px}
.cfig-i{padding-top:20px}
.cfig-i::before{right:0}
}

/* ---- шапка на странице кейса лежит поверх кадра, как на действующем сайте
   (правка М.А. 15.10.2026) ---- */
.site:has(.hero-case.has-img) .hdr,

/* ---- шапка на странице кейса лежит поверх кадра, как на действующем сайте
   (правка М.А. 15.10.2026) ---- */
.site:has(.hero-pers.has-img) .hdr{position:fixed;top:0;left:0;right:0;background:transparent;z-index:50}
/* шапка над тёмным первым экраном держится при прокрутке и белеет, когда фотография
   уходит вверх (правка М.А. 20.10.2026: «шапка перестала ездить на странице»).
   Решение 523 от 17.10.2026 – шапка держится по всей странице – личных страниц и кейсов
   не касалось, потому что там она лежала поверх кадра и уезжала вместе с ним */
.site:has(.hero-case.has-img) .hdr.sc,
.site:has(.hero-pers.has-img) .hdr.sc{background:#fff;border-bottom:1px solid var(--line)}
.site:has(.hero-case.has-img) .hdr.sc .logo-svg,
.site:has(.hero-pers.has-img) .hdr.sc .logo-svg{filter:none}
.site:has(.hero-case.has-img) .hdr.sc .nav>a,
.site:has(.hero-case.has-img) .hdr.sc .ddb,
.site:has(.hero-pers.has-img) .hdr.sc .nav>a,
.site:has(.hero-pers.has-img) .hdr.sc .ddb{color:var(--navy)!important}
.site:has(.hero-case.has-img) .hdr.sc .burger i,
.site:has(.hero-pers.has-img) .hdr.sc .burger i{background:var(--ink)}
.site:has(.hero-case.has-img) .hdr.sc .nav>a.btn,
.site:has(.hero-pers.has-img) .hdr.sc .nav>a.btn{background:var(--crimson);border:0;color:#fff!important}

.site:has(.hero-case.has-img),
.site:has(.hero-pers.has-img){position:relative}
.site:has(.hero-case.has-img) .hdr .logo-svg,
.site:has(.hero-pers.has-img) .hdr .logo-svg{filter:brightness(0) invert(1)}
.site:has(.hero-case.has-img) .hdr .nav>a,
.site:has(.hero-case.has-img) .hdr .ddb,
.site:has(.hero-case.has-img) .hdr .burger i,
.site:has(.hero-pers.has-img) .hdr .nav>a,
.site:has(.hero-pers.has-img) .hdr .ddb,
.site:has(.hero-pers.has-img) .hdr .burger i{color:#fff!important}
.site:has(.hero-case.has-img) .hdr .burger i,
.site:has(.hero-pers.has-img) .hdr .burger i{background:#fff}
.site:has(.hero-case.has-img) .hdr .nav>a.btn,
.site:has(.hero-pers.has-img) .hdr .nav>a.btn{background:transparent;border:1px solid rgba(255,255,255,.65);color:#fff!important}
.site:has(.hero-case.has-img) .hdr .nav>a.btn:hover,
.site:has(.hero-pers.has-img) .hdr .nav>a.btn:hover{background:rgba(255,255,255,.14)}
/* выпадающие меню остаются светлыми: они раскрываются поверх страницы */
.site:has(.hero-case.has-img) .hdr .ddm a,.site:has(.hero-case.has-img) .hdr .ddm span,
/* выпадающие меню остаются светлыми: они раскрываются поверх страницы */
.site:has(.hero-pers.has-img) .hdr .ddm a,.site:has(.hero-pers.has-img) .hdr .ddm span{color:var(--navy)!important}
.site:has(.hero-case.has-img) .hdr .ddm .dd-q em,
.site:has(.hero-pers.has-img) .hdr .ddm .dd-q em{color:var(--grey)!important}
/* кадр начинается от самого верха, содержание первого экрана уходит ниже шапки */
.site:has(.hero-case.has-img) .hero-case.hero-full>.wrap,
/* кадр начинается от самого верха, содержание первого экрана уходит ниже шапки */
.site:has(.hero-pers.has-img) .hero-case.hero-full>.wrap{padding-top:112px}
/* на телефоне раскрытое меню получает свой фон, иначе читать нечего */
.site:has(.hero-case.has-img) .hdr.open,
/* на телефоне раскрытое меню получает свой фон, иначе читать нечего */
.site:has(.hero-pers.has-img) .hdr.open{background:#fff}
.site:has(.hero-case.has-img) .hdr.open .logo-svg,
.site:has(.hero-pers.has-img) .hdr.open .logo-svg{filter:none}
.site:has(.hero-case.has-img) .hdr.open .nav>a,
.site:has(.hero-case.has-img) .hdr.open .ddb,
.site:has(.hero-case.has-img) .hdr.open .mnav a,
.site:has(.hero-pers.has-img) .hdr.open .nav>a,
.site:has(.hero-pers.has-img) .hdr.open .ddb,
.site:has(.hero-pers.has-img) .hdr.open .mnav a{color:var(--navy)!important}
.site:has(.hero-case.has-img) .hdr.open .burger i,
.site:has(.hero-pers.has-img) .hdr.open .burger i{background:var(--ink)}
.site:has(.hero-case.has-img) .hdr.open .nav>a.btn,
.site:has(.hero-case.has-img) .hdr.open .mnav a.btn,
.site:has(.hero-pers.has-img) .hdr.open .nav>a.btn,
.site:has(.hero-pers.has-img) .hdr.open .mnav a.btn{background:var(--crimson);border:0;color:#fff!important}
@media (max-width:960px){
.site:has(.hero-case.has-img) .hero-case.hero-full>.wrap,
.site:has(.hero-pers.has-img) .hero-case.hero-full>.wrap{padding-top:96px}
}
@media (max-width:640px){
.site:has(.hero-case.has-img) .hero-case.hero-full>.wrap,
.site:has(.hero-pers.has-img) .hero-case.hero-full>.wrap{padding-top:84px}
}

/* внутри трека точки списков приглушены: голубой остаётся за этапами трека */
.vtrk ul.dash li::before{background:var(--mute)}
/* графитовая полоса результата: воздух вокруг главной строки */
.band-case .band-m{margin:20px 0 22px}
.band-case>.wrap>p{max-width:48em;font-size:18px;line-height:1.55;margin:0!important}
.band-case{padding:54px 0 56px}
@media (max-width:640px){
.band-case{padding:36px 0 38px}
.band-case .band-m{margin:14px 0 16px}
.band-case>.wrap>p{font-size:16px}
}

/* после крупной строки в тексте нужен воздух: без него следующий абзац слипается с ней */
.sec-b .pull{margin:40px 0 30px!important}
.sec-b .pull+p{margin-top:0!important}
@media (max-width:640px){.sec-b .pull{margin:28px 0 22px!important}}

/* первый экран обезличенного кейса: кадра нет и не будет – заказчика назвать нельзя.
   Светло-серое поле вместо пунктирной рамки: это вид, а не недостающая картинка */
.hero-case.no-img{background:var(--soft);min-height:420px}
.hero-case.no-img::after{display:none}
.hero-case.no-img .hero-phl{display:none}
.hero-case .case-meta .cm-an{color:var(--mute)}
.hero-case.no-img .case-meta{color:var(--grey)}
.hero-case.no-img .case-meta .cm-n,.hero-case.no-img .case-meta .cm-s{color:var(--ink)}
.hero-case.no-img .case-meta i{color:var(--mute)}
@media (max-width:960px){.hero-case.no-img{min-height:340px}}
@media (max-width:640px){.hero-case.no-img{min-height:280px}}

/* «что изменилось»: ярлык слева, содержание справа, строки разделены тонкой линией */
.facts{border-top:1px solid var(--line2)}
.facts .fact{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 28px;
  padding:18px 0;border-bottom:1px solid var(--line2);align-items:start}
.facts .fact>b{font-size:15px;font-weight:400!important;color:var(--grey);padding-top:3px}
.facts .fact>div>p{margin:0!important}
.facts .fact>div>p+p{margin-top:8px!important}
.facts .fact ul.dash{margin:0}
@media (max-width:860px){
.facts .fact{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0}
.facts .fact>b{padding-top:0}
}

/* первый экран главной: видео во весь экран, текст поверх него (возврат приёма
   с действующего сайта, правка М.А. 16.10.2026) */
.hero-home.has-video{position:relative;background:#29292B;overflow:hidden}
.hero-home.has-video::after{display:none}
.hero-home.has-video .hero-v{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;z-index:0}
.hero-home.has-video::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.18) 34%,rgba(0,0,0,.42) 100%)}
.hero-home.has-video>.wrap{position:relative;z-index:2}
#app .hero-home.has-video h1,#app .hero-home.has-video .h1w h1{color:#fff!important}
#app .hero-home.has-video .eyebrow,#app .hero-home.has-video .eyebrow span{color:#fff!important}
#app .hero-home.has-video .lead,#app .hero-home.has-video .lead-q-a,
#app .hero-home.has-video .lead-q-a>span,#app .hero-home.has-video .lead-f>span{color:#fff!important}
#app .hero-home.has-video .hero-cta .cap{color:rgba(255,255,255,.75)!important}
.hero-home.has-video .cln i{background:#fff}
/* шапка ложится поверх видео так же, как поверх кадра кейса */
.site:has(.hero-home.has-video) .hdr{position:absolute;top:0;left:0;right:0;background:transparent;z-index:50}
.site:has(.hero-home.has-video){position:relative}
.site:has(.hero-home.has-video) .hdr .logo-svg{filter:brightness(0) invert(1)}
.site:has(.hero-home.has-video) .hdr .nav>a,
.site:has(.hero-home.has-video) .hdr .ddb{color:#fff!important}
.site:has(.hero-home.has-video) .hdr .burger i{background:#fff}
.site:has(.hero-home.has-video) .hdr .ddm a,.site:has(.hero-home.has-video) .hdr .ddm span{color:var(--navy)!important}
.site:has(.hero-home.has-video) .hdr .ddm .dd-q em{color:var(--grey)!important}
.site:has(.hero-home.has-video) .hero-home.has-video>.wrap{padding-top:104px}
.site:has(.hero-home.has-video) .hdr.open{background:#fff}
.site:has(.hero-home.has-video) .hdr.open .logo-svg{filter:none}
.site:has(.hero-home.has-video) .hdr.open .nav>a,
.site:has(.hero-home.has-video) .hdr.open .ddb,
.site:has(.hero-home.has-video) .hdr.open .mnav a{color:var(--navy)!important}
.site:has(.hero-home.has-video) .hdr.open .burger i{background:var(--ink)}
@media (max-width:960px){.site:has(.hero-home.has-video) .hero-home.has-video>.wrap{padding-top:92px}}
@media (max-width:640px){.site:has(.hero-home.has-video) .hero-home.has-video>.wrap{padding-top:80px}}
/* кому дорого мобильное видео – показываем первый кадр без проигрывания */
@media (prefers-reduced-motion:reduce){.hero-home.has-video .hero-v{display:none}}

.hero-home.has-video .hero-phl{display:none}

/* кнопка-ссылка: в прототипе это , на Tilda – , и цвет текста
   перебивало общее правило для ссылок. Дефект виден на всех страницах
   (найден М.А. 16.10.2026 на первом экране главной) */
#app a.btn,#app a.btn:hover,#app a.btn:visited,#app .btn{color:#fff}
#app a.btn-o,#app .btn-o{color:var(--navy)!important}

/* видео на первом экране – во всю высоту окна, как на действующем сайте
   (правка М.А. 16.10.2026: «оно не на всю высоту») */
.hero-home.has-video{min-height:100svh;padding-top:0;padding-bottom:0}
@supports not (height:100svh){.hero-home.has-video{min-height:100vh}}
.site:has(.hero-home.has-video) .hero-home.has-video>.wrap{padding-top:124px;padding-bottom:64px}
@media (max-width:960px){
.site:has(.hero-home.has-video) .hero-home.has-video>.wrap{padding-top:104px;padding-bottom:48px}
}
@media (max-width:640px){
.hero-home.has-video{min-height:92svh}
.site:has(.hero-home.has-video) .hero-home.has-video>.wrap{padding-top:88px;padding-bottom:40px}
}



/* логотип заказчика в строке данных кейса: поверх тёмного кадра выводим белым.
   Правка М.А. 16.10.2026: «нам нужно сделать логотипы больше – это единственное
   место, где можно узнать заказчика на странице кейсов». Размер задаём не одной
   высотой, а площадью знака: при равной высоте широкие логотипы (РТК-Сервис,
   Рексофт) давят узкие (Т-Банк, КРОК). --lgh – высота, --lgr – пропорции
   исходника, --k – множитель для телефона */
/* строка данных кейса: крупный логотип, отрасль в рамке, услуга текстом.
   Возврат к оформлению действующего сайта – решение М.А. 16.10.2026:
   «крупный логотип, отрасль в рамке – это больше графичности даёт».
   Год не возвращаем: снят решением М.А. 15.10.2026 («у всех кейсов уберём год») */
.hero-case .case-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:24px}
.hero-case .case-meta .cm-ind{display:inline-flex;align-items:center;min-height:38px;
  padding:0 20px;border:1px solid rgba(255,255,255,.55);border-radius:999px;
  font-size:15px;line-height:1.2;color:#fff;white-space:nowrap}
.hero-case .case-meta .cm-s{color:rgba(255,255,255,.88)}
.hero-case .case-meta .cm-n{font-size:19px;color:#fff}
.hero-case.no-img .case-meta .cm-ind{border-color:var(--line2);color:var(--grey)}
.hero-case.no-img .case-meta .cm-s{color:var(--grey)}
.hero-case.no-img .case-meta .cm-n{color:var(--ink)}
@media (max-width:640px){
.hero-case .case-meta{gap:8px 10px;margin-bottom:18px}
.hero-case .case-meta .cm-ind{min-height:30px;padding:0 14px;font-size:13px;white-space:normal}
}
.hero-case .case-lg{--k:1.15;--lgh:36px;--lgr:4;height:calc(var(--lgh)*var(--k));
  width:calc(var(--lgh)*var(--lgr)*var(--k));
  background-position:left center;background-size:contain;flex:none}
/* Логотип поверх кадра выводим белым, без подложки (решение М.А. 16.10.2026:
   «не нравится, что логотипы на белых плашках»).
   Перекраска фильтром brightness(0) invert(1) заливает белым ВСЁ непрозрачное,
   поэтому у двух знаков она уничтожала вырезанный элемент: у РТК-Сервиса белая
   «С» внутри красной фигуры сливалась с ней в сплошную пилюлю, у Т-Банка чёрная
   «Т» пропадала внутри щита. Для этих двух подготовлены отдельные белые версии,
   где вырезанный элемент сделан прозрачным. Остальным знакам фильтра достаточно */
.hero-case.hero-dark .case-lg{filter:brightness(0) invert(1);opacity:.96}
.hero-case.hero-dark .case-lg.lg-rtk-service{filter:none;opacity:1;
  background-image:url(https://static.tildacdn.com/tila3664-3464-4965-a239-383961656133/smysl-img-00.png)}
.hero-case.hero-dark .case-lg.lg-tbank{filter:none;opacity:1;
  background-image:url(https://static.tildacdn.com/tila3836-3731-4835-b333-386131356635/smysl-img-01.png)}
.hero-case.hero-dark .case-lg.lg-vkusvill{filter:none;opacity:1;background-image:url(https://static.tildacdn.com/tila3737-3834-4030-b937-336437666431/smysl-img-02.png)}
.hero-case .case-lg.lg-tbank{--lgh:40px;--lgr:3.24}
.hero-case .case-lg.lg-rostelecom{--lgh:38px;--lgr:3.52}
.hero-case .case-lg.lg-croc{--lgh:37px;--lgr:3.82}
.hero-case .case-lg.lg-mst{--lgh:36px;--lgr:4.12}
.hero-case .case-lg.lg-vkusvill{--lgh:26px;--lgr:7.89}
.hero-case .case-lg.lg-haulmont{--lgh:32px;--lgr:5.06}
.hero-case .case-lg.lg-scan{--lgh:31px;--lgr:5.31}
.hero-case .case-lg.lg-rtk-service{--lgh:28px;--lgr:6.67}
.hero-case .case-lg.lg-reksoft{--lgh:27px;--lgr:6.90}
@media (max-width:640px){
.hero-case .case-lg{--k:.78;margin-right:12px}
}

/* Одна линия между «картой процессов» и «маркетингом под бизнес-модель» на
   /function. Правка М.А. 16.10.2026: по раскладке оба блока белые, границы нет;
   линия нужна только здесь и по ширине текста, а не во всю ширину экрана */
#app .page>section.sec-bm>.wrap{position:relative;padding-top:26px}
#app .page>section.sec-bm>.wrap::before{content:'';position:absolute;top:0;left:0;right:0;
  height:1px;background:var(--line)}
@media (max-width:640px){#app .page>section.sec-bm>.wrap{padding-top:20px}}

/* Фотография в левой колонке блока, под заголовком и напротив текста.
   Правка М.А. 16.10.2026: визитка на странице «Как мы работаем», под
   заголовком «почему это не сделать с ИИ», кадр круговой */
.d-ai .sec-g{grid-template-rows:auto 1fr}
.d-ai .sec-g>.sh{grid-column:1;grid-row:1}
.d-ai .sec-g>.sec-b{grid-column:2;grid-row:1/span 2}
.d-ai .sec-g>.sec-ph{grid-column:1;grid-row:2;align-self:start;margin:26px 0 0}
.sec-ph{margin:0}
.ph.ph-img{border:0;padding:0;overflow:hidden;border-radius:12px;background:var(--soft)}
.ph.ph-img img{display:block;width:100%;height:100%;object-fit:cover}
.sec-ph img{display:block;width:100%;max-width:276px;aspect-ratio:1/1;
  object-fit:cover;border-radius:50%}
@media (max-width:860px){
.d-ai .sec-g>.sh,.d-ai .sec-g>.sec-b,.d-ai .sec-g>.sec-ph{grid-column:1;grid-row:auto}
.d-ai .sec-g>.sec-ph{order:3;margin:4px 0 0}
.sec-ph img{max-width:240px}
}

/* Первый экран личной страницы с фотографией во весь экран.
   Решение М.А. 16.10.2026: «на весь экран», кадр взят от левого края, слева
   затемнение – текст читается по светлой части у окна, человек остаётся
   в правой половине и под заголовок не попадает */
.hero-pers.has-img{position:relative;background-color:#29292B;background-size:cover;
  background-position:50% 40%;background-repeat:no-repeat;overflow:hidden;
  min-height:100svh;margin-bottom:0}
@supports not (height:100svh){.hero-pers.has-img{min-height:100vh}}
.hero-pers.has-img::after{display:none}
.hero-pers.has-img::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.64) 34%,rgba(0,0,0,.40) 56%,rgba(0,0,0,.12) 78%,rgba(0,0,0,.06) 100%)}
.hero-pers.has-img>.wrap{position:relative;z-index:2;padding-top:124px;padding-bottom:64px}
.hero-pers.has-img .hero-phl{display:none}
#app .hero-pers.has-img .h1w h1,#app .hero-pers.has-img h1,
#app .hero-pers.has-img .pers-role,
#app .hero-pers.has-img .lead,#app .hero-pers.has-img .lead span,
#app .hero-pers.has-img .back,#app .hero-pers.has-img .back:hover{color:#fff!important}
#app .hero-pers.has-img .cln i{background:#fff}
@media (max-width:960px){
.hero-pers.has-img{background-position:84% 32%}
.hero-pers.has-img>.wrap{padding-top:104px;padding-bottom:48px}
}
@media (max-width:640px){
.hero-pers.has-img{min-height:92svh;background-position:86% 30%}
.hero-pers.has-img::before{background:linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.34) 40%,rgba(0,0,0,.70) 100%)}
.hero-pers.has-img>.wrap{padding-top:88px;padding-bottom:40px}
}

/* ======== схемы, 16.10.2026 (решение М.А.: «давай рисовать») ======== */

/* маршрут продукта до заказчика в ячейках блока «маркетинг под бизнес-модель» */
#app .bm-who{font-size:13px;line-height:1.35;color:var(--grey);margin:-2px 0 15px;padding-bottom:11px;border-bottom:1px solid var(--line2)}
.bm-rt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 7px;margin:0 0 14px}
.bm-rt+.bm-rt{margin-top:-7px}
.bm-rt-e{min-height:27px}
.rt-n{display:inline-flex;align-items:center;min-height:27px;padding:0 12px;border:1px solid var(--line2);border-radius:999px;font-size:13px;line-height:1.2;color:var(--grey);white-space:nowrap}
.rt-own{background:var(--pale);border-color:var(--pale);color:var(--navy)}
.rt-dash{border-style:dashed;color:var(--mute)}
.rt-a{font-size:15px;line-height:1;color:var(--blue-t)}
/* схема к блоку «что беспокоит первое лицо» на /cmo: вопрос первого лица
   расходится на два ответа – формальный и по существу (решение М.А. 20.10.2026) */

/* персональный формат: лицо рядом с текстом (решение М.А. 20.10.2026) */

/* «как начать» на /cmo: полосы сроков, как на «Как мы работаем» (решение М.А. 20.10.2026).
   Первые две полосы – дни, третья открытая: срок пилота фиксируется на старте, а не задан заранее */
#app .d-start .trk-path .trk-i{display:flex;flex-direction:column;height:100%}
#app .d-start .trk-path .trk-x{margin-bottom:16px}
#app .d-start .trk-cap{margin-top:14px;padding:0}
.mentor-w{display:flex;gap:20px;align-items:flex-start}
.mentor-ph{flex:none;width:104px;height:104px;border-radius:50%;background-size:cover;background-position:50% 48%;background-repeat:no-repeat;background-color:var(--soft)}
#app .mentor-w p{margin:0}
@container site (max-width:760px){.mentor-w{gap:14px}.mentor-ph{width:76px;height:76px}}
.wfork{display:grid;grid-template-columns:auto auto auto;justify-content:start;justify-items:start;align-items:center;gap:8px 12px;margin:22px 0 16px}
.wfork-q{grid-row:1 / span 2;align-self:center;white-space:normal}
#app .wfork .rt-n{white-space:normal;padding:5px 14px;line-height:1.3;max-width:min(560px,100%)}
.wfork-b2{border-color:var(--navy);color:var(--navy)}
#app .wfork-cap{font-size:14px;color:var(--grey);margin:0 0 4px}
@container site (max-width:760px){
  .wfork{grid-template-columns:auto minmax(0,1fr);gap:8px;justify-items:stretch}
  .wfork-q{grid-row:auto;grid-column:1 / -1}
}


/* полоса срока в схеме пути на «Как мы работаем» */
.trk-path .trk-bar{display:block;height:4px;border-radius:2px;background:rgba(41,41,43,.12);margin:auto 0 0}
#app .trk-path a{display:flex;flex-direction:column;height:100%}
#app .trk-path .trk-x{margin-bottom:16px}
.trk-path .trk-bar i{display:block;height:100%;border-radius:2px;background:var(--blue-t)}
.trk-path .trk-bar.bar-open i{background:linear-gradient(90deg,var(--blue-t) 0,var(--blue-t) 52%,rgba(26,143,198,.12) 100%)}
.trk-cap{font-size:13px;color:var(--grey);margin:16px 0 0;padding:0 28px}

/* общая подпись под схемой */

/* карта портфеля */

/* карта процессов в RACI-модели */

@container site (max-width:760px){
  .bm-rt{margin-bottom:12px}
  .trk-cap{padding:0}
}
@container site (max-width:520px){
}

/* фотополоса на главной (решение М.А. 16.10.2026: фото с /about, вариант «широкая полоса») */
.sec-teamph{padding:0!important;margin:0!important}
.sec-teamph>.wrap{max-width:none!important;padding:0!important}
.hm-band-ph{margin:0;width:100%;aspect-ratio:1920/500;background-color:var(--soft);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.hm-path .trk-cap{padding:0}
@container site (max-width:760px){
  .hm-band-ph{aspect-ratio:16/9;background-position:58% 50%}
}

/* фото на первом экране главной (решение М.А. 16.10.2026: «надо в экран – это главное фото») */
.hero-home.has-img{position:relative;background:#29292B;overflow:hidden}
.hero-home.has-img::after{display:none}
.hero-home.has-img .hero-v{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;z-index:0}
.hero-home.has-img::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.32) 58%,rgba(0,0,0,.10) 100%),linear-gradient(180deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.22) 34%,rgba(0,0,0,.46) 100%)}
.hero-home.has-img>.wrap{position:relative;z-index:2}
#app .hero-home.has-img h1,#app .hero-home.has-img .h1w h1{color:#fff!important}
#app .hero-home.has-img .eyebrow,#app .hero-home.has-img .eyebrow span{color:#fff!important}
#app .hero-home.has-img .lead,#app .hero-home.has-img .lead-q-a,
#app .hero-home.has-img .lead-q-a>span,#app .hero-home.has-img .lead-f>span{color:#fff!important}
#app .hero-home.has-img .hero-cta .cap{color:rgba(255,255,255,.75)!important}
.hero-home.has-img .cln i{background:#fff}
.site:has(.hero-home.has-img) .hdr{position:absolute;top:0;left:0;right:0;background:transparent;z-index:50}
.site:has(.hero-home.has-img){position:relative}
.site:has(.hero-home.has-img) .hdr .logo-svg{filter:brightness(0) invert(1)}
.site:has(.hero-home.has-img) .hdr .nav>a,
.site:has(.hero-home.has-img) .hdr .ddb{color:#fff!important}
.site:has(.hero-home.has-img) .hdr .burger i{background:#fff}
.site:has(.hero-home.has-img) .hdr .ddm a,.site:has(.hero-home.has-img) .hdr .ddm span{color:var(--navy)!important}
.site:has(.hero-home.has-img) .hdr .ddm .dd-q em{color:var(--grey)!important}
.site:has(.hero-home.has-img) .hero-home.has-img>.wrap{padding-top:104px}
.site:has(.hero-home.has-img) .hdr.open{background:#fff}
.site:has(.hero-home.has-img) .hdr.open .logo-svg{filter:none}
.site:has(.hero-home.has-img) .hdr.open .nav>a,
.site:has(.hero-home.has-img) .hdr.open .ddb,
.site:has(.hero-home.has-img) .hdr.open .mnav a{color:var(--navy)!important}
.site:has(.hero-home.has-img) .hdr.open .burger i{background:var(--ink)}
@media (max-width:960px){.site:has(.hero-home.has-img) .hero-home.has-img>.wrap{padding-top:92px}}
@media (max-width:640px){.site:has(.hero-home.has-img) .hero-home.has-img>.wrap{padding-top:80px}}
@media (prefers-reduced-motion:reduce){.hero-home.has-img .hero-v{display:none}}
.hero-home.has-img .hero-phl{display:none}
.hero-home.has-img{min-height:100svh;padding-top:0;padding-bottom:0}
@supports not (height:100svh){.hero-home.has-img{min-height:100vh}}
.site:has(.hero-home.has-img) .hero-home.has-img>.wrap{padding-top:124px;padding-bottom:64px}
.site:has(.hero-home.has-img) .hero-home.has-img>.wrap{padding-top:104px;padding-bottom:48px}
.hero-home.has-img{min-height:92svh}
.site:has(.hero-home.has-img) .hero-home.has-img>.wrap{padding-top:88px;padding-bottom:40px}
.hero-home.has-img{background-color:#29292B;background-size:cover;background-position:50% center;background-repeat:no-repeat}
/* светлый первый экран с фотографией (решение М.А. 16.10.2026: «главную более светлой») */
.hero-home.has-photo{position:relative;min-height:86svh;padding-top:0;padding-bottom:0;background-color:#fff;overflow:hidden}
@supports not (height:100svh){.hero-home.has-photo{min-height:86vh}}
.hero-home.has-photo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.52) 26%,rgba(255,255,255,.26) 50%,rgba(255,255,255,.12) 100%)}
.hero-home.has-photo>.wrap{position:relative;z-index:2;padding-top:112px;padding-bottom:64px}
.hero-home.has-photo .hero-phl{display:none}
.hero-home.has-photo::after{content:"";display:block;position:absolute;inset:0;z-index:0;border:0;border-radius:0;pointer-events:none;background-image:var(--hero-img);background-size:auto 125%;background-position:0% 100%;background-repeat:no-repeat}

/* видео на первом экране главной вместо фотографии (решение М.А. 20.10.2026).
   Ролик со старого сайта, 12 секунд, без звука, в петле. Фотография остаётся под ним
   как запасной кадр: пока ролик грузится, при ошибке загрузки и в режиме «меньше движения».
   На телефоне ролик не включается – остаётся фотография */
.hero-home.has-photo.has-video-bg .hero-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.hero-home.has-photo.has-video-bg::before{z-index:2}
.hero-home.has-photo.has-video-bg>.wrap{z-index:3}
/* вуаль тёмная и только под текстом: белое забеливание гасило ролик целиком
   (замечание М.А. 20.10.2026 «ничего не видно с таким забелением»).
   Слева плотная, к правому краю сходит на нет – правая половина кадра остаётся живой */
.hero-home.has-photo.has-video-bg::before{background:linear-gradient(90deg,rgba(14,18,26,.50) 0%,rgba(14,18,26,.38) 28%,rgba(14,18,26,.20) 54%,rgba(14,18,26,.06) 78%,rgba(14,18,26,0) 100%),linear-gradient(180deg,rgba(14,18,26,.10) 0%,rgba(14,18,26,0) 34%,rgba(14,18,26,.16) 100%)}
/* вуаль ослаблена вдвое относительно первой тёмной версии, читаемость держит тень на тексте
   (решение М.А. 20.10.2026: без вуали слишком ярко, с плотной – слишком темно) */
/* вуаль ослаблена вдвое, читаемость держит тень на тексте, а не затемнение кадра
   (замечание М.А. 20.10.2026 «теперь слишком темно») */
#app .hero-home.has-video-bg h1,#app .hero-home.has-video-bg .h1w h1{text-shadow:0 1px 2px rgba(0,0,0,.42),0 6px 28px rgba(0,0,0,.34)}
#app .hero-home.has-video-bg .eyebrow span,#app .hero-home.has-video-bg .lead,
#app .hero-home.has-video-bg .lead-q-a>span,#app .hero-home.has-video-bg .lead-f>span{text-shadow:0 1px 2px rgba(0,0,0,.46),0 4px 18px rgba(0,0,0,.30)}
#app .hero-home.has-video-bg h1,#app .hero-home.has-video-bg .h1w h1,
#app .hero-home.has-video-bg .eyebrow,#app .hero-home.has-video-bg .eyebrow span,
#app .hero-home.has-video-bg .lead,#app .hero-home.has-video-bg .lead-q-a,
#app .hero-home.has-video-bg .lead-q-a>span,#app .hero-home.has-video-bg .lead-f>span{color:#fff!important}
#app .hero-home.has-video-bg .hero-cta .cap{color:rgba(255,255,255,.78)!important}
@media (max-width:640px){.hero-home.has-photo.has-video-bg::before{background:linear-gradient(180deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.80) 50%,rgba(255,255,255,.84) 100%);inset:0 0 auto 0;height:calc(100vw * 1.499);z-index:2}
/* тень у текста нужна только поверх видео на компьютере; на телефоне текст лежит
   на белом под фотографией, и тень читается грязью (правка М.А. 21.10.2026) */
#app .hero-home.has-video-bg h1,#app .hero-home.has-video-bg .h1w h1,
#app .hero-home.has-video-bg .eyebrow,#app .hero-home.has-video-bg .eyebrow span,
#app .hero-home.has-video-bg .lead,#app .hero-home.has-video-bg .lead-q-a,
#app .hero-home.has-video-bg .lead-q-a>span,#app .hero-home.has-video-bg .lead-f>span{text-shadow:none}
#app .hero-home.has-video-bg h1,#app .hero-home.has-video-bg .h1w h1,
#app .hero-home.has-video-bg .eyebrow,#app .hero-home.has-video-bg .eyebrow span,
#app .hero-home.has-video-bg .lead,#app .hero-home.has-video-bg .lead-q-a,
#app .hero-home.has-video-bg .lead-q-a>span,#app .hero-home.has-video-bg .lead-f>span{color:var(--ink)!important}}
@media (prefers-reduced-motion:reduce){.hero-home.has-photo.has-video-bg .hero-v{display:none}}
@media (max-width:640px){.hero-home.has-photo.has-video-bg .hero-v{display:none}}
/* фотография первого экрана заходит под шапку (решение М.А. 16.10.2026) */
.site:has(.hero-home.has-photo){position:relative}
.site:has(.hero-home.has-photo) .hdr{position:fixed;top:0;left:0;right:0;background:#fff;z-index:50;border-bottom:1px solid var(--line)}
.site:has(.hero-home.has-photo) .hdr.sc{background:#fff}
.site:has(.hero-home.has-photo) .hdr.open{background:#fff}
.site:has(.hero-home.has-photo) .hero-home.has-photo>.wrap{padding-top:76px}
.site:has(.hero-home.has-photo) .hero-home.has-photo{margin-top:0;padding-top:0}

/* шапка держится при прокрутке по всей странице (правка М.А. 17.10.2026).
   На Tilda страница собрана из трёх записей – основной блок, форма и подвал;
   sticky кончается вместе со своей записью, и на последнем экране шапка уезжала.
   Поэтому шапка фиксированная, а место под неё отдаёт сама страница */
.page{padding-top:84px}
@container site (max-width:760px){.page{padding-top:64px}}
/* шапка на главной отделена: фотография начинается под ней (решение М.А. 19.10.2026,
   ориентир – сайты KPMG и EY) */
/* тёмный первый экран кейсов и личных страниц: шапка лежит поверх фотографии и уезжает вместе с ней */
.page:has(.hero-case.has-img),.page:has(.hero-pers.has-img){padding-top:0}
/* режим телефона в прототипе: страница одна, sticky работает до конца, шапка остаётся в рамке */
#app.phone .hdr,#app.phone .site:has(.hero-home.has-photo) .hdr{position:sticky}
#app.phone .page{padding-top:0}

@media (max-width:960px){.site:has(.hero-home.has-photo) .hero-home.has-photo>.wrap{padding-top:32px}}
@media (max-width:640px){.site:has(.hero-home.has-photo) .hero-home.has-photo>.wrap{padding-top:28px;padding-bottom:24px}}
@container site (max-width:760px){
  .hero-home.has-photo{min-height:92svh}
  /* на телефоне фотография стоит полосой сверху, текст под ней (решение М.А. 21.10.2026).
     Причина: двое сидят рядом, это горизонтальная композиция, а первый экран телефона
     по пропорции почти 1:2 – в такое окно обе фигуры целиком не помещаются. Высота полосы
     задана как ширина экрана делённая на пропорцию кадра, поэтому фотография видна
     целиком на любом телефоне и ничего не обрезается */
  .hero-home.has-photo{min-height:calc(100vw * 1.499 + 60px);padding-top:0;background:#fff}
  .hero-home.has-photo::after{background-image:var(--hero-img-m);background-size:100% auto;background-position:top center;background-repeat:no-repeat;inset:0 0 auto 0;height:calc(100vw * 1.499)}
  /* текст лежит на фотографии, как на компьютере (решение М.А. 21.10.2026): кадр занимает
     верх экрана целиком по ширине, снизу он уходит в белое, и текст начинается на этом переходе */
  .hero-home.has-photo::before{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 68%,rgba(255,255,255,.60) 82%,#fff 100%);inset:0 0 auto 0;height:calc(100vw / 1.15);z-index:2}
  .hero-home.has-photo::before{background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.78) 46%,rgba(255,255,255,.62) 100%)}
  .hero-home.has-photo>.wrap{padding-top:92px;padding-bottom:40px}
}
@container site (max-width:760px){.hero-home.has-img{background-position:18% center}}

/* серые плашки вместо голубых и метод на плашке (решение М.А. 16.10.2026) */
/* плитки общего вида (экспертиза на странице Марии и далее) */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tile{border:1px solid var(--line);border-radius:12px;padding:22px 24px 24px}
#app .tile h3{font-size:22px;line-height:1.25;margin:0 0 8px}
#app .tile p{font-size:16px;line-height:1.5;color:var(--ink);margin:0}
.subh{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-weight:400;font-size:20px;line-height:1.25;color:var(--navy);margin:0 0 16px}
.pers .subh+.lrows{margin-bottom:34px}
.pers .subh:not(:first-child){margin-top:34px}
.pers-lead{font-size:20px;line-height:1.5;color:var(--navy);margin:0 0 16px}
.pers-after{font-size:17px;line-height:1.55;color:var(--grey);margin:24px 0 0;max-width:46em}
@container site (max-width:960px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@container site (max-width:640px){.tiles{grid-template-columns:minmax(0,1fr);gap:14px}#app .tile h3{font-size:20px}.pers-lead{font-size:18px}}
/* «Коротко» на сером фоне (решение М.А. 16.10.2026: голубая плашка на сером) */
.sum.sec.soft{padding:26px 0 30px}
@container site (max-width:760px){.sum.sec.soft{padding:20px 0 24px}}
.band.band-plate{background:var(--soft);color:var(--ink);padding:46px 0;margin:16px 0}
.band.band-plate .feq{color:var(--blue-t)}
.band.band-plate .fn{border-bottom-color:var(--blue-t)}
#app .band.band-plate .ft{color:var(--navy);text-decoration-color:var(--line2)}
#app .band-plate .ftl{color:var(--navy);text-decoration:underline dashed 1px var(--line2);text-underline-offset:7px;text-decoration-skip-ink:none}
#app .band-plate .ftl:hover{color:var(--blue-t);text-decoration-color:var(--blue-t)}

#app .band.band-plate .ft:hover,#app .band.band-plate .ft.on{color:var(--blue-t);text-decoration-color:var(--blue-t)}
.band.band-plate .fpanel{border-top-color:var(--line)}
#app .band.band-plate .fp-i h3{color:var(--blue-t)}
.band.band-plate .fhint{color:var(--grey)}
#app .band.band-plate .fp-i p{color:var(--ink)}
#app .band.band-plate h2{color:var(--navy)}
.band.band-plate .formula{color:var(--navy)}
.band.band-plate .flabel{color:var(--blue-t)}
.band.band-plate .band-f{border-top-color:var(--line)}
#app .band.band-plate .band-f p,#app .band.band-plate .band-f>p{color:var(--grey)}
#app .band.band-plate .lnk{color:var(--navy)!important;text-decoration-color:var(--line2)}
.band.band-plate .dim{color:var(--mute)}
@container site (max-width:760px){
  .band.band-plate{padding:32px 0;margin:12px 0}
}

/* tilda-form */
.t-rec .t-container,.t-rec .t-container_100{max-width:1328px!important;padding:0 64px!important}
.t-rec .t-form .t-input-title{font-family:'Golos Text',sans-serif!important;font-size:15px!important;line-height:1.4!important;color:#5A5A5F!important;font-weight:400!important;margin-bottom:6px!important}
.t-rec .t-form .t-input-subtitle{font-family:'Golos Text',sans-serif!important;font-size:13px!important;color:#7E848C!important;opacity:1!important}
.t-form .t-input{font-family:'Golos Text',sans-serif!important;font-size:17px!important;color:#29292B!important;height:56px!important;border:1px solid #DFE2E6!important;border-radius:10px!important;padding:0 16px!important;background:#fff!important}
.t-form textarea.t-input{height:auto!important;min-height:92px!important;padding:14px 16px!important}
.t-form .t-input:focus{border-color:#51C4F2!important;outline:none!important}
.t-form .t-input-group{margin-bottom:18px!important}
.t-form .t-submit{font-family:'Golos Text',sans-serif!important;font-size:19px!important;font-weight:500!important;color:#fff!important;background:#D62D5C!important;border:0!important;border-radius:10px!important;min-height:60px!important;padding:0 34px!important;width:auto!important}
.t-form .t-submit:hover{background:#B92350!important}
.t-form .t-checkbox__control,.t-form .t-checkbox__indicator+span,.t-form .t-checkbox__labeltext{font-family:'Golos Text',sans-serif!important;font-size:15px!important;line-height:1.45!important;color:#5A5A5F!important}
.t-rec .t-title,.t-rec .t-descr{font-family:'Jost','Golos Text',sans-serif!important;color:#29292B!important}
@media screen and (max-width:960px){.t-rec .t-container,.t-rec .t-container_100{padding:0 24px!important}}
/* tilda-form-2col */
.t678 .t-section__topwrapper{text-align:left!important}
.t678 .t-section__title{font-family:'Jost','Century Gothic','Golos Text',sans-serif!important;font-weight:400!important;font-size:40px!important;line-height:1.08!important;letter-spacing:-.02em!important;color:#29292B!important;margin:0 0 16px!important}
.t678 .t-section__descr{font-family:'Golos Text',sans-serif!important;font-size:17px!important;line-height:1.5!important;color:#5A5A5F!important;margin:0!important;max-width:24em}
.t678 .t-input-group_cb{display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:start}
.t678 .t-input-group_cb .t-input-block{order:-1;margin:0!important;width:auto!important}
.t678 .t-input-group_cb .t-input-title{margin:0!important;cursor:pointer}
.t678 .t-input-group_cb .t-checkbox__control{display:inline-flex!important;margin-top:3px}
.t678 .t-input-group_cb .t-input-error{grid-column:1/-1}
@media screen and (min-width:961px){
.t678 .t-container>.t-col{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 80px;align-items:start}
.t678 .t-section__topwrapper{margin:0!important;padding:0!important}
}

/* наши блоки во всю ширину: серые подложки и подвал должны доходить до краёв экрана.
   Контейнер Tilda поджимал их на 64 пикселя с каждой стороны, из-за чего
   подложка обрывалась, а содержание стояло с двойным отступом.
   Гутер страницы даёт наш собственный .wrap */
.t-rec:has(.site) .t-container_100{padding:0!important;max-width:none!important}
.t-rec:has(.site) .t-width_100{max-width:none!important}
/* блок формы: гутер задаёт сам блок, контейнер Tilda его не дублирует */
.t-rec:has(.t678) .t-container_100,.t-rec:has(.t678) .t-container{padding:0!important;max-width:none!important}
.t-rec:has(.t678) .t-width_100{max-width:none!important}

/* tilda-form-2col-side: текст слева, форма справа */
@media screen and (min-width:961px){
.t678{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:80px;align-items:start;box-sizing:border-box!important;max-width:1328px!important;margin:0 auto!important;padding:34px 64px 0!important;position:relative}
/* линия над формой снята 16.10.2026 по решению М.А.: «в форме убери линию
   серую, теперь лишняя» – границу держит смена фона */
.t678::before{display:none}
.t678>.js-block-header{grid-column:1;grid-row:1;max-width:none!important;width:auto!important;padding:0!important;margin:0!important}
.t678>.t-container:not(.js-block-header){grid-column:2;grid-row:1;max-width:none!important;width:auto!important;padding:0!important;margin:0!important}
.t678>div:empty{display:none}
.t678 .t-container>.t-col{grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
}
/* линия над финальным блоком на узком экране */
@media screen and (max-width:960px){
.t678 .js-block-header{border-top:1px solid #E4E7EA;padding-top:28px!important}
}

/* левая колонка финала лежит в описании блока */
.t678 .t-section__title:empty{display:none}
.t678 .t-section__descr{text-align:left!important;max-width:none!important;margin:0!important}
.t678 .cta-l>.hm-fq{display:flex;flex-direction:column;gap:2px;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:19px;line-height:1.3;letter-spacing:-.01em;color:#5A5A5F;margin:0 0 14px}
.t678 .cta-l>h2{font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-weight:400;font-size:40px;line-height:1.08;letter-spacing:-.02em;color:#29292B;margin:0 0 16px}
.t678 .cta-l>.cta-cap{font-family:'Golos Text',sans-serif;font-size:18px;line-height:1.5;color:#5A5A5F;margin:0}
.t678 .cta-l>.hm-slogan{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:28px 0 0;padding-top:18px;border-top:1px solid #F1F2F4;font-family:'Jost','Century Gothic','Golos Text',sans-serif;font-size:18px;line-height:1.3;color:#29292B}
@media screen and (max-width:960px){
.t678 .cta-l>h2{font-size:32px;margin-bottom:20px}
.t678 .cta-l>.hm-fq,.t678 .cta-l>.cta-cap{font-size:17px}
.t678 .cta-l>.hm-slogan{font-size:16px;margin-top:22px}
}

/* Отступ до блока формы: Tilda задаёт записи padding-top/bottom:105px инлайном,
   плюс наши 34px у .t678 – в сумме 163px при обычном ритме страницы 48–80px.
   Правка М.А. 16.10.2026: «на страницах очень высокий отступ между последними
   блоками». Инлайн перебиваем !important */
.t-rec:has(.t678){padding-top:22px!important;padding-bottom:64px!important}
@media (max-width:640px){
.t-rec:has(.t678){padding-top:12px!important;padding-bottom:40px!important}
}

/* Финальный блок с формой – на светло-сером фоне (решение М.А. 16.10.2026).
   Два довода: 1) это единственное действие на странице, тон отделяет его от
   чтения; 2) поля формы белые с тонкой рамкой – на белом фоне они почти не
   читаются, на сером появляются сами собой. Графит не берём: тёмный фон на
   блоке с пятью полями и двумя согласиями увеличивает воспринимаемое усилие */
.t-rec:has(.t678){background:var(--soft)!important}
/* если последний блок страницы и сам серый – убираем белый зазор между ним и
   формой, иначе на стыке остаётся светлая полоска в 16px */
.page.on>section.sec.soft:last-of-type{margin-bottom:0}
.lg-vkusvill{background-image:url(https://static.tildacdn.com/tila3036-6266-4138-b535-366632663361/smysl-img-03.png)}
/* логотипы заказчиков: правила восстановлены из прототипа 16.10.2026 –
   при сбросе рабочей среды файл стилей для Tilda их потерял,
   и на всех страницах вместо логотипов были пустые места */
.lg-tbank{background-image:url(https://static.tildacdn.com/tila3732-3765-4331-b832-663962396639/smysl-img-04.png)}
.lg-rostelecom{background-image:url(https://static.tildacdn.com/tila6533-3864-4362-a239-363530626663/smysl-img-05.png)}
.lg-rtk-service{background-image:url(https://static.tildacdn.com/tila3336-3463-4865-a538-373266383336/smysl-img-06.png)}
.lg-mst{background-image:url(https://static.tildacdn.com/tila6436-6530-4339-b066-663730396466/smysl-img-07.svg)}
.lg-croc{background-image:url(https://static.tildacdn.com/tila3930-6235-4339-b864-316362646264/smysl-img-08.svg)}
.lg-haulmont{background-image:url(https://static.tildacdn.com/tila6462-3038-4265-a364-353861613561/smysl-img-09.png)}
.lg-scan{background-image:url(https://static.tildacdn.com/tila3939-3133-4430-b430-663262356563/smysl-img-10.png)}
.lg-reksoft{background-image:url(https://static.tildacdn.com/tila3433-3330-4461-b238-613735626437/smysl-img-11.png)}

/* --- второй общий блок --- */

.hdr{position:fixed;top:0;left:0;right:0;z-index:50;background:#fff}
.hdr-in{display:flex;align-items:center;gap:32px;height:84px}
.logo{display:block;color:var(--ink);line-height:0}
.logo-svg{height:28px;width:140px;display:block}
.nav{display:flex;gap:32px;margin-left:auto;align-items:center;font-size:16px}
.nav>a,.ddb{color:var(--navy)!important;text-decoration:none;background:none;border:0;padding:10px 0;white-space:nowrap}
.ddw{position:relative}
.ddb::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);margin-left:8px}
.ddm{display:none;position:absolute;top:100%;left:-18px;background:#fff;color:var(--navy);min-width:340px;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 32px rgba(41,41,43,.10)}
.ddw.open .ddm{display:block}
.ddm a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:16px;line-height:1.3}
.dd-cap{display:block;font-size:13px;line-height:1.3;color:var(--grey);padding:12px 12px 4px;margin-top:6px;border-top:1px solid var(--line)}
.ddm a.dd-q>span,.mnav-sub a.dd-q>span{display:block}
.ddm a.dd-q em,.mnav-sub a.dd-q em{display:block;font-style:normal;font-size:14px;line-height:1.3;color:var(--grey);margin-top:2px}
.ddm a.dd-q{padding:8px 12px}
.ddm a.dd-aq{margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 8px 8px;padding-top:12px}
.mnav-sub .dd-cap{padding:10px 0 2px;margin-top:4px}
.mnav-sub a.dd-aq{border-top:1px solid var(--line);margin-top:4px}
.burger{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;padding:0;position:relative}
.burger i{position:absolute;left:10px;right:10px;height:1.5px;background:var(--navy);transition:transform .2s}
.burger i:first-child{top:18px}
.burger i:last-child{top:26px}
.hdr.open .burger i:first-child{transform:translateY(4px) rotate(45deg)}
.hdr.open .burger i:last-child{transform:translateY(-4px) rotate(-45deg)}
.mnav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0 28px;max-height:80vh;overflow:auto}
.mnav a{display:block;padding:11px 0;text-decoration:none;font-size:18px;color:var(--navy)!important}
.mnav-h{display:block;padding:11px 0 4px;font-size:18px;color:var(--grey)}
.mnav-sub{padding-left:14px;border-left:1px solid var(--line2);margin:4px 0 8px}
.mnav-sub a{font-size:16px;padding:8px 0}
.mnav .btn{margin-top:16px;width:100%}
.btn-s{min-height:46px;padding:0 22px;font-size:16px}
.tel{text-decoration:none;white-space:nowrap}
.ftr{background:var(--navy-d);padding:32px 0 28px;font-size:15px;color:rgba(255,255,255,.7);border-top:1px solid rgba(255,255,255,.14)}
.ftr-g{display:grid;grid-template-columns:5fr 3fr 4fr;gap:40px}
.ftr-brand p{margin-top:16px!important;max-width:22em;line-height:1.45}
.ftr-nav{display:grid;gap:10px;align-content:start}
.ftr a{text-decoration:none;color:#fff!important}
.ftr .lnk{text-decoration:none}
.ftr-c p{line-height:1.9}
.ftr-cr{margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:rgba(255,255,255,.5)}
.ftr-cr p{margin:0!important}
@media (hover:hover){.ddm a:hover{background:var(--soft)}
.nav>a:hover,.ftr a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}}
@container site (max-width:1080px){.nav{display:none}
.burger{display:block}
.hdr.open .mnav{display:block}}
@container site (max-width:760px){.hdr-in{height:64px}
.logo-svg{height:22px;width:110px}
.ftr-g{grid-template-columns:minmax(0,1fr)}
.ftr{padding:32px 0}
.ftr-g{gap:22px}}
.ddm.ddm-s{min-width:300px}
.ddm a.dd-qn,.mnav-sub a.dd-qn{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:4px;align-items:baseline}
.dd-n{grid-row:1/3;font-style:normal;font-size:14px;color:var(--grey);font-variant-numeric:tabular-nums}
.ddm a.dd-qn em,.mnav-sub a.dd-qn em{grid-column:2}
.nav>a.btn,.mnav a.btn{background:var(--crimson);color:#fff!important;padding:0 22px;min-height:46px;border-radius:10px;justify-content:center}
.nav>a.btn:hover,.mnav a.btn:hover{background:var(--crimson-d)}