/* Страница /company/. Все правила под .kpd-co, чтобы не задеть остальной сайт (та же система, что каталог кейсов .kpd-cl). */
.kpd-co{
  --co-bg:#f7fafb; --co-tint:#f2f8fa; --co-ink:#0d1418; --co-text:#333b40; --co-muted:#6a757e; --co-line:#e3eaed;
  --co-brand:#469cd7; --co-brand2:#51b3e4; --co-brand-ink:#2a77ae; --co-brand-soft:#eaf6fc; --co-cyan:#55d0e0;
  --co-gold:#f0b400; --co-gold-soft:#fff5d1; --co-ok:#1f9d6b;
  --co-r:16px; --co-shadow:0 4px 20px rgba(13,40,60,.06); --co-top:180px;
  color:var(--co-ink); font-family:"Mulish","Open Sans",Arial,sans-serif; font-size:16px; line-height:1.45; overflow-wrap:break-word;
}
.kpd-co *,.kpd-co *::before,.kpd-co *::after{box-sizing:border-box}
/* Отступы шаблона сайта вокруг контента: сверху 30px (topmargin-sm) давали белую полосу между крошками и первым экраном,
   снизу 80px — лишнюю пустоту перед подвалом. Файл подключается только на /company/, поэтому правило не задевает другие страницы. */
#content .content-wrap:has(#kpd-co){margin-top:0!important;padding-bottom:0!important}

.kpd-co [hidden]{display:none!important}
.kpd-co a{color:inherit;text-decoration:none}
.kpd-co p a,.kpd-co .co-small a{color:var(--co-brand-ink);font-weight:700}
.kpd-co p a:hover{text-decoration:underline}
.kpd-co button{font:inherit;color:inherit;letter-spacing:normal;text-transform:none;margin:0;cursor:pointer}
.kpd-co :focus-visible{outline:2px solid var(--co-brand);outline-offset:2px}
.kpd-co h1,.kpd-co h2,.kpd-co h3{font-family:inherit;color:var(--co-ink);text-transform:none}
.kpd-co ul{margin:0;padding:0;list-style:none}
.kpd-co li{margin:0}
.kpd-co li::marker{content:none}
.kpd-co blockquote{margin:0!important;padding:0!important;border:0!important;background:none!important;font-style:normal;quotes:none}
.kpd-co dl,.kpd-co dd{margin:0}
/* у сайта h2/h3 c !important и #content p{line-height:1.8} — перебиваем только внутри страницы */
#kpd-co p{margin:0;line-height:1.5}
#kpd-co .co-head p,#kpd-co p.co-lead{line-height:1.55}
.kpd-co [id^="co-"]{scroll-margin-top:var(--co-top)}
.kpd-co .co-ico{width:22px;height:22px;flex:none}

/* полосы на всю ширину окна: фон рисуется тенью, она не даёт горизонтальной прокрутки */
.kpd-co .co-band{padding-block:64px;background:var(--co-bg);box-shadow:0 0 0 100vmax var(--co-bg);clip-path:inset(0 -100vmax)}
.kpd-co .co-white{background:#fff;box-shadow:0 0 0 100vmax #fff}
.kpd-co .co-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--co-brand-ink)}
.kpd-co .co-eyebrow::before{content:"";width:28px;height:2px;background:var(--co-brand)}
.kpd-co .co-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px}
.kpd-co .co-head h2{font-size:34px!important;line-height:1.15!important;font-weight:800;letter-spacing:-.02em;margin:8px 0 0!important;text-wrap:balance}
.kpd-co .co-head p{color:var(--co-text);max-width:520px;font-size:15px}
.kpd-co .co-box{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--co-shadow);min-width:0}
.kpd-co .co-white .co-box{border:1px solid var(--co-line);box-shadow:none}
.kpd-co .co-box h3,.kpd-co .co-h3{margin:0 0 12px!important;font-size:17px!important;line-height:1.3!important;font-weight:800}
.kpd-co .co-ic{width:44px;height:44px;border-radius:12px;background:var(--co-brand-soft);color:var(--co-brand-ink);display:grid;place-items:center;flex:none}

/* кнопки */
.kpd-co .co-actions{display:flex;flex-wrap:wrap;gap:12px}
.kpd-co .co-btn{border:0;border-radius:61px;padding:14px 28px;font-weight:800;font-size:15px;line-height:1.2;transition:transform .2s,box-shadow .2s;display:inline-block;text-align:center}
.kpd-co .co-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(70,156,215,.2)}
.kpd-co .co-btn-primary,.kpd-co .co-btn-primary:hover{background:var(--co-brand2);color:#fff}
.kpd-co .co-btn-secondary{background:#fff;border:1px solid var(--co-line);color:var(--co-ink)}
.kpd-co .co-btn-sm{padding:9px 18px;font-size:13px}
.kpd-co .co-linkbtn{background:none;border:0;padding:4px 0;color:var(--co-brand-ink);font-weight:800;font-size:13px}
.kpd-co .co-linkbtn:hover{text-decoration:underline}
.kpd-co .co-more{display:block;margin:24px auto 0;border:2px solid var(--co-brand);background:#fff;border-radius:61px;padding:12px 28px;font-weight:800;font-size:14px}

/* первый экран */
/* фон первого экрана — подложка на всю ширину окна, градиент сплошной от края до края */
.kpd-co .co-hero{position:relative;isolation:isolate;background:none;box-shadow:none;padding-block:40px 48px}
.kpd-co .co-hero::before{content:"";position:absolute;inset:0 -100vmax;z-index:-1;background:radial-gradient(60vw 420px at 78% 0%,rgba(85,208,224,.20),transparent 70%),radial-gradient(40vw 300px at 62% 100%,rgba(63,229,170,.10),transparent 70%),linear-gradient(180deg,#f4fafc 0%,#eef7fb 100%)}
.kpd-co .co-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.kpd-co h1{font-size:clamp(28px,4vw,46px)!important;line-height:1.08!important;font-weight:800;letter-spacing:-.03em;margin:16px 0 18px!important;text-wrap:balance}
.kpd-co .co-lead{font-size:18px;color:#4f585e;max-width:58ch;margin:0 0 26px!important}
.kpd-co .co-mission{font-size:21px;line-height:1.4;font-weight:700;color:var(--co-ink);max-width:40ch;margin:0 0 12px!important;padding-left:16px;border-left:3px solid var(--co-brand);text-wrap:balance}
.kpd-co .co-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px}
.kpd-co .co-stat{background:#fff;border-radius:var(--co-r);padding:15px;box-shadow:var(--co-shadow)}
.kpd-co .co-stat{padding:18px 20px}
.kpd-co .co-stat b{display:block;font-size:30px;font-weight:900;letter-spacing:-.02em;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.kpd-co .co-stat b small{display:block;font-size:12.5px;font-weight:800;letter-spacing:0;color:#56606a;line-height:1.2}
.kpd-co .co-stat span{display:block;color:#56606a;font-size:13px;line-height:1.35;margin-top:6px;overflow-wrap:normal;word-break:normal;hyphens:manual}
.kpd-co .co-panel{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 36px rgba(70,156,215,.12);min-width:0}
.kpd-co .co-panel-title{font-size:17px;font-weight:800;margin:0 0 4px}
.kpd-co .co-hint{margin:0 0 16px!important;font-size:12.5px;color:var(--co-muted)}
.kpd-co .co-aud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
.kpd-co .co-aud button{border:1px solid #d7e5eb;background:#fff;border-radius:12px;padding:10px 12px;text-align:left;font-size:13.5px;font-weight:800;line-height:1.3}
.kpd-co .co-aud button.co-on{border-color:var(--co-brand);background:var(--co-brand-soft);color:#1f4f73}
/* все списки в одной ячейке: высота панели = самый длинный список, при переключении блок не прыгает */
.kpd-co .co-golists{display:grid}
.kpd-co .co-golist{display:grid;gap:6px;grid-area:1/1;align-content:start}
.kpd-co .co-golist.co-off{visibility:hidden}
.kpd-co .co-golist a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;border:1px solid var(--co-line);border-radius:12px;padding:10px 12px;background:#fbfdfe;transition:border-color .2s}
.kpd-co .co-golist a:hover{border-color:var(--co-brand)}
.kpd-co .co-golist b{font-size:14px}
.kpd-co .co-golist small{grid-column:1;font-size:12px;color:var(--co-muted)}
.kpd-co .co-golist em{grid-row:1/3;grid-column:2;font-style:normal;font-weight:900;color:var(--co-brand-ink);font-size:13px;white-space:nowrap}

/* якорное меню */
.kpd-co .co-subnav{display:flex;gap:4px;overflow-x:auto;padding-block:10px;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);border-bottom:1px solid var(--co-line);scrollbar-width:none}
.kpd-co .co-subnav a{white-space:nowrap;font-size:13px;font-weight:700;color:#4f585e;padding:7px 12px;border-radius:99px}
.kpd-co .co-subnav a:hover{background:var(--co-tint);color:var(--co-ink)}

/* почему мы, логотипы */
.kpd-co .co-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kpd-co .co-why h3{margin:12px 0 8px!important;font-size:17px!important;line-height:1.3!important}
.kpd-co .co-why p{font-size:13.5px;color:var(--co-text)}
.kpd-co .co-sub{margin:32px 0 12px!important;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--co-muted)}
.kpd-co .co-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.kpd-co .co-logo-tile{background:#fff;border:1px solid var(--co-line);border-radius:var(--co-r);height:96px;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:12px;transition:border-color .2s,box-shadow .2s}
/* логотипы одного визуального размера, а не «во всю плитку» */
.kpd-co .co-logo-tile img{max-height:68px;max-width:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.kpd-co .co-logo-tile:hover{border-color:#bfe4f4;box-shadow:var(--co-shadow)}
.kpd-co .co-more-link{margin-top:14px!important;font-size:14px}

/* путь компании */
.kpd-co .co-tl{background:#fff;border-radius:20px;box-shadow:var(--co-shadow);padding:22px}
.kpd-co .co-years,.kpd-co .co-ylab,.kpd-co .co-bands{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:4px}
.kpd-co .co-years{align-items:end;height:150px}
.kpd-co .co-yr{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;border:0;background:none;padding:0;border-radius:6px;min-width:0}
.kpd-co .co-yr .co-b{width:100%;max-width:26px;border-radius:5px 5px 2px 2px;background:#cfe6f4;transition:background .15s}
.kpd-co .co-yr .co-w{font-size:12px;line-height:1;color:var(--co-gold);min-height:12px;writing-mode:vertical-lr;letter-spacing:-2px}
.kpd-co .co-yr.co-in .co-b{background:var(--co-brand)}
.kpd-co .co-yr:hover .co-b{background:var(--co-brand-ink)}
.kpd-co .co-ylab{margin-top:6px;font-size:11px;color:var(--co-muted);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal}
.kpd-co .co-bands{margin-top:10px}
.kpd-co .co-bands button{border:0;border-radius:99px;padding:8px 6px;font-size:12.5px;font-weight:800;background:#eef4f7;color:#4f585e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpd-co .co-bands button.co-on{background:var(--co-ink);color:#fff}
.kpd-co .co-tlcap{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--co-muted);margin-top:12px}
.kpd-co .co-tlcap i{display:inline-block;width:10px;height:10px;border-radius:3px;background:#cfe6f4;margin-right:5px;vertical-align:-1px}
.kpd-co .co-tlcap b{color:var(--co-gold)}
.kpd-co .co-period{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;margin-top:18px}
.kpd-co .co-period h3{margin:0 0 4px!important;font-size:26px!important;line-height:1.2!important;letter-spacing:-.02em}
.kpd-co .co-period-sub{font-size:13px;color:var(--co-muted);margin:0 0 12px!important}
.kpd-co .co-period ul{display:grid;gap:8px;font-size:14.5px}
.kpd-co .co-period li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;line-height:1.45}
.kpd-co .co-period li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--co-brand);margin-top:7px}
.kpd-co .co-period li a{color:var(--co-brand-ink);font-weight:700}
.kpd-co .co-period li a:hover{text-decoration:underline}
.kpd-co .co-wins{display:grid;gap:6px;align-content:start}
.kpd-co .co-wins-title{font-size:13px;font-weight:800;color:var(--co-muted)}
.kpd-co .co-wins a{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;border:1px solid var(--co-line);border-radius:10px;padding:8px 10px;background:#fffdf5}
.kpd-co .co-wins a:hover{border-color:var(--co-gold)}
.kpd-co .co-wins a span{color:var(--co-gold);font-size:14px}
.kpd-co .co-wins a small{margin-left:auto;color:var(--co-muted);font-weight:700;font-size:12px}
/* статусы */
.kpd-co .co-st{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
.kpd-co .co-col{display:grid;gap:16px}
.kpd-co .co-stgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kpd-co .co-stc{background:#fff;border:1px solid var(--co-line);border-radius:14px;padding:13px 14px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}
.kpd-co .co-stc .co-ic{width:36px;height:36px;border-radius:10px}
.kpd-co .co-stc.co-top{border-color:var(--co-gold);background:#fffdf5}
.kpd-co .co-stc.co-top .co-ic{background:var(--co-gold-soft);color:#6b5200}
.kpd-co .co-stc b{display:block;font-size:14px;line-height:1.3}
.kpd-co .co-stc span{display:block;font-size:12.5px;color:var(--co-text);margin-top:3px;line-height:1.4}
.kpd-co .co-facts{display:grid;gap:8px}
.kpd-co .co-facts li{font-size:13.5px;line-height:1.45;padding-left:22px;position:relative}
.kpd-co .co-facts li::before{content:"";position:absolute;left:2px;top:4px;width:11px;height:6px;border-left:2px solid var(--co-ok);border-bottom:2px solid var(--co-ok);transform:rotate(-45deg)}
.kpd-co .co-pat{display:grid;gap:8px}
.kpd-co .co-pat div{border:1px solid var(--co-line);border-radius:12px;padding:10px 12px;font-size:13px}
.kpd-co .co-pat b{display:block;font-size:13.5px}
.kpd-co .co-pat small{display:block;color:var(--co-muted)}
.kpd-co .co-pat-links{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:4px}
.kpd-co .co-pat a{display:inline-block;font-size:12.5px;font-weight:800;color:var(--co-brand-ink)}
.kpd-co .co-pat a:hover{text-decoration:underline}

/* рекомендации */
.kpd-co .co-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.kpd-co .co-chip{border:1px solid #d7e5eb;background:#fff;border-radius:99px;padding:6px 11px;font-size:12px;color:#4f585e;display:inline-flex;gap:6px;align-items:center;transition:background .15s,border-color .15s}
.kpd-co .co-chip em{font-style:normal;opacity:.7}
.kpd-co .co-chip:hover{border-color:var(--co-brand)}
.kpd-co .co-chip.co-on{background:var(--co-brand);border-color:var(--co-brand);color:#fff}
.kpd-co .co-revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kpd-co .co-rev{background:#fff;border:1px solid var(--co-line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.kpd-co .co-rev blockquote{font-size:14px;line-height:1.55;color:var(--co-text);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.kpd-co .co-rev.co-open blockquote{-webkit-line-clamp:unset;display:block}
.kpd-co .co-rev-row{display:flex;gap:12px;align-items:center;margin-top:auto}
.kpd-co .co-rev-who{min-width:0}
.kpd-co .co-rev h3{margin:0!important;font-size:14px!important;line-height:1.3!important;font-weight:800}
.kpd-co .co-rev-who p{font-size:12px;color:var(--co-muted);line-height:1.35;margin-top:2px}
.kpd-co .co-clogo{width:56px;height:56px;border-radius:12px;border:1px solid var(--co-line);background:#fff;display:grid;place-items:center;overflow:hidden;flex:none;padding:4px}
.kpd-co .co-clogo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.kpd-co .co-clogo i{font-style:normal;font-weight:900;color:var(--co-brand-ink);font-size:18px}
.kpd-co .co-rev-acts{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--co-line);padding-top:10px}
.kpd-co .co-rev-acts a{font-weight:800;color:var(--co-brand-ink);font-size:13px}

/* безопасность, стек */
.kpd-co .co-sec3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kpd-co .co-sec3 h3{display:flex;gap:10px;align-items:center}
.kpd-co .co-sec3 h3 i{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--co-brand-soft);color:var(--co-brand-ink);display:grid;place-items:center;font-size:13px;font-weight:900;flex:none}
.kpd-co .co-sec3 p{font-size:13.5px;color:var(--co-text)}
.kpd-co .co-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.kpd-co .co-stack>div{background:#fff;border:1px solid var(--co-line);border-radius:14px;padding:14px}
.kpd-co .co-stack b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#56606a;margin-bottom:8px}
.kpd-co .co-tags{display:flex;flex-wrap:wrap;gap:6px}
.kpd-co .co-tags span{border:1px solid #d7e5eb;background:#fff;border-radius:99px;padding:5px 10px;font-size:12px;color:#4f585e}

/* карьера */
.kpd-co .co-car{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}
.kpd-co .co-reasons{display:grid;gap:10px}
.kpd-co .co-reasons>div{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:var(--co-shadow);display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px}
.kpd-co .co-reasons i{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--co-brand);color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px}
.kpd-co .co-reasons b{display:block;font-size:15px}
.kpd-co .co-reasons span{font-size:13.5px;color:var(--co-text)}
.kpd-co .co-vac{background:#fff;border-radius:20px;box-shadow:var(--co-shadow);padding:22px;display:grid;gap:12px;justify-items:start}
.kpd-co .co-vac h3{margin:0!important;font-size:18px!important;line-height:1.3!important}
.kpd-co .co-vac p{font-size:13.5px;color:var(--co-text)}
.kpd-co .co-small{font-size:13px}

/* пресс-центр */
.kpd-co .co-press{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kpd-co .co-press h3{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:4px!important}
.kpd-co .co-press h3 a{font-size:13px;color:var(--co-brand-ink)}
.kpd-co .co-cnt{font-size:12px;color:var(--co-muted);margin:0 0 12px!important}
.kpd-co .co-press ul{display:grid;gap:12px}
.kpd-co .co-press li{font-size:13.5px;line-height:1.4;font-weight:700}
.kpd-co .co-press li a:hover{color:var(--co-brand-ink)}
.kpd-co .co-press time{display:block;font-size:12px;color:var(--co-muted);font-weight:500;margin-bottom:2px}
.kpd-co .co-press li.co-next{background:var(--co-brand-soft);border-radius:12px;padding:10px 12px}
.kpd-co .co-press li.co-next time{color:var(--co-brand-ink);font-weight:800}

/* реквизиты */
.kpd-co .co-req{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.kpd-co .co-rq{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;font-size:14px}
.kpd-co .co-rq dt{color:var(--co-muted)}
.kpd-co .co-rq dd{font-weight:700;font-variant-numeric:tabular-nums}
.kpd-co .co-req-acts{margin-top:18px}
.kpd-co .co-toast{font-size:12.5px;color:var(--co-ok);font-weight:700;min-height:18px;margin-top:8px}
.kpd-co .co-partners{display:grid;gap:10px}
.kpd-co .co-partners a{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;border:1px solid var(--co-line);border-radius:14px;padding:12px 14px;font-weight:800;font-size:14px}
.kpd-co .co-partners small{display:block;color:var(--co-muted);font-weight:500;font-size:12px}
.kpd-co .co-partners a:hover{border-color:var(--co-brand)}

/* заявка */
.kpd-co .co-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:24px;align-items:stretch}
.kpd-co .co-cta{background:linear-gradient(130deg,#469cd7 0%,#55d0e0 60%,#3fe5aa 125%);color:#fff;border-radius:24px;padding:40px 44px;display:flex;flex-direction:column;justify-content:center}
.kpd-co .co-cta h2{margin:0 0 8px!important;font-size:30px!important;line-height:1.2!important;font-weight:800;color:#fff!important}
#kpd-co .co-cta p{max-width:70ch;color:rgba(255,255,255,.94)}
.kpd-co .co-form{min-height:520px}
/* заголовок формы Б24 дублирует заголовок блока слева */
.kpd-co .co-form .b24-form-header{display:none!important}
/* сенсорные экраны: зоны нажатия не меньше 44px */
@media (pointer:coarse){
  .kpd-co .co-chip,.kpd-co .co-bands button,.kpd-co .co-subnav a,.kpd-co .co-btn-sm{min-height:44px}
  .kpd-co .co-chip,.kpd-co .co-subnav a{display:inline-flex;align-items:center}
  .kpd-co .co-linkbtn{min-height:44px;padding:10px 0}
  .kpd-co .co-more{min-height:48px}
}

@media (max-width:1000px){
  .kpd-co{--co-top:90px}
  .kpd-co .co-hero-grid,.kpd-co .co-st,.kpd-co .co-car,.kpd-co .co-req,.kpd-co .co-period{grid-template-columns:minmax(0,1fr)}
  .kpd-co .co-why,.kpd-co .co-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpd-co .co-revs,.kpd-co .co-sec3,.kpd-co .co-press{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpd-co .co-logos{grid-template-columns:repeat(4,minmax(0,1fr))}
  .kpd-co .co-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpd-co .co-contact{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .kpd-co .co-band{padding-block:44px}
  .kpd-co .co-head{display:block}.kpd-co .co-head p{margin-top:10px!important}.kpd-co .co-head h2{font-size:27px!important}
  .kpd-co .co-lead{font-size:16px}
  .kpd-co .co-mission{font-size:18px}
  .kpd-co .co-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpd-co .co-why,.kpd-co .co-stack,.kpd-co .co-revs,.kpd-co .co-sec3,.kpd-co .co-press,.kpd-co .co-stgrid,.kpd-co .co-aud{grid-template-columns:minmax(0,1fr)}
  .kpd-co .co-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kpd-co .co-tl{padding:16px 12px}
  .kpd-co .co-years,.kpd-co .co-ylab{gap:2px}
  .kpd-co .co-years{height:110px}
  .kpd-co .co-ylab{font-size:10px;white-space:nowrap}
  .kpd-co .co-ylab span:nth-child(even){visibility:hidden}
  .kpd-co .co-bands{display:flex;flex-wrap:wrap;gap:6px}
  .kpd-co .co-bands button{flex:1 0 auto;font-size:12px;padding:7px 10px}
  .kpd-co .co-period h3{font-size:21px!important}
  .kpd-co .co-rq{grid-template-columns:minmax(0,1fr);gap:2px}.kpd-co .co-rq dd{margin-bottom:8px}
  .kpd-co .co-cta{padding:28px}.kpd-co .co-stat b{font-size:24px}.kpd-co .co-stat{padding:14px 16px}.kpd-co .co-cta h2{font-size:24px!important}
}
@media (prefers-reduced-motion:reduce){.kpd-co *{transition:none!important}}
/* 23.10.2026: на телефоне меню страницы переносится, а не листается вбок (проверка интерфейса доработки «Компании», п. 6) */
@media (max-width:640px){.kpd-co .co-subnav{flex-wrap:wrap;overflow-x:visible;row-gap:2px}}