/* Шар Головної: адаптивні сходинки секцій hero, статистики, послуг, кейсів.
   Id артборда (#t26) замінено на .kove-turn — секції поводяться однаково на будь-якій сторінці. */

@keyframes tick{to{transform:translateX(-50%)}}
/* HERO-СТРІЧКА. Стрічка ШИРША за артборд НАВМИСНО: вона мусить іти за край
   екрана з обох боків — від цього читається рух, і саме це я був зламав,
   затиснувши її в поле. Виліт тече з ширини (4.4cqw: 30px на 320, 63px на 1440,
   113px на 2560), тож пропорція заходу за край однакова на всіх ширинах.
   Обріз робить клип артборда — це і є задум, а не дефект, тому виліт позначений
   data-bleed і обмір його не рахує. Вертикальне поле виведене з повороту:
   стрічка на 2° піднімає кут на ширину×0.0175, тож на 2560 це 45px, а не 30 —
   з константою 30px стрічка наїжджала на заголовок. Кегль тече від ширини самої
   стрічки з підлогою 18px замість двох режимних латок. Рух тримає власний
   контейнер стрічки (overflow:hidden); min-width:200% гарантує, що двох копій
   завжди більше за бленду й у шві не з'являється пусте місце. */
.htick{min-width:200%}
.htick>span{flex:1 0 auto}
@media (prefers-reduced-motion:reduce){.htick{animation:none!important}}
@container (max-width:559.98px){
.hban [data-live-hero]{right:auto!important;left:0!important;top:-20px!important}
}
@container (max-width:359.98px){
.hban{transform:rotate(-1.2deg)!important}
.hban .hmark{display:none!important}
}
@keyframes caret{50%{opacity:0}}
/* 03 ПОСЛУГИ — СХОДИНКИ КОЛОНОК ВІД ШИРИНИ КАРТКИ, не від межі шапки.
   Три колонки живуть, доки картка ≥ ~280px (до 900); дві — доки ≥ ~260px (до 560):
   на 480 картка була 219px і трирядкова назва «Створення застосунків» не влазила
   в її пропорцію — обрізалось 18px. Нижче 560 — одна колонка. Раніше дві колонки
   вмикалися на 1023 і трималися до 360, де картка стискалась до 159px. */
@container (max-width:899.98px){
.kove-turn :not(.xsvc)>.svgrid{grid-template-columns:1fr 1fr!important}
.kove-turn :not(.xsvc)>.svgrid .svc{border-right:none!important;border-bottom:none!important}
.kove-turn :not(.xsvc)>.svgrid .svc:nth-child(odd){border-right:1px solid rgba(253,250,246,.15)!important}
.kove-turn :not(.xsvc)>.svgrid .svc:nth-child(n+5){border-bottom:1px solid rgba(253,250,246,.15)!important}
}
@container (max-width:559.98px){
.kove-turn :not(.xsvc)>.svgrid{grid-template-columns:minmax(0,1fr)!important}
.kove-turn :not(.xsvc)>.svgrid .svc:nth-child(odd){border-right:none!important}
.kove-turn :not(.xsvc)>.svgrid .svc:not(:last-child){border-bottom:1px solid rgba(253,250,246,.15)!important}
.kove-turn :not(.xsvc)>.svgrid .svc:last-child{border-bottom:1px solid rgba(253,250,246,.15)!important}
}
@keyframes ants{to{stroke-dashoffset:-44}}
/* стани (states-system): рух .18s cubic-bezier(.2,.7,.2,1); фокус — біле кільце 2px offset 3 (на папері темне), ніколи не hover-мова */
/* CTA V6: переїзд + розширення (затверджено) */
@media (prefers-reduced-motion:reduce){
.ls{stroke-dashoffset:0!important}
.dimsig.armed .ln,.dimsig.armed .lnv{transform:none!important;transition:none!important}
.dimsig.armed .lb{opacity:1!important;transition:none!important}
.gguide,.gsig{opacity:0!important}
}
/* ШАПКА <1024: тумблер 2b «зміст» + меню-аркуш B (затверджено, header-variants t2-t4) */
@container (min-width:768px){
.mgrid{grid-template-columns:1fr 240px;gap:48px;max-width:820px;padding:14px 32px 8px}
.mside{display:block}
.mtitle{font-size:32px;min-height:60px}
}
/* PASS 2 chunk B: кошторис / аргументи / форма <1024. 1024+ не змінюється */
@container (max-width:1023.98px){
/* 05: рядок -> свідомий стек; шкали на спільній осі повної ширини */
.kove-turn .ccta{order:4;margin-top:12px}
/* 06: одна колонка, без шахматки; питання у потоці, видиме без hover */
/* 07: форма першою, кнопка на всю ширину, поля 44px */
/* 01 hero: CTA і підпис у стовпчик */
/* 02 статистика: одна колонка, пара цифра-підпис нерозривна */
.kove-turn .sgrid{grid-template-columns:1fr!important;gap:36px!important}
/* 03 послуги: колонки — в окремих блоках нижче, бо їхні межі (900 і 480) виведені з ширини
   картки, а не з межі шапки */
.kove-turn .svhd{flex-wrap:wrap;align-items:flex-start!important;gap:16px!important}
/* 04 кейси — сходинки в спільному шарі (.cgrid1 840, .cgrid2 700); тут лише перестановка метаданих у колонці */
.kove-turn .cgrid2>div{display:flex;flex-direction:column}
.kove-turn .cmeta{display:contents!important}
.kove-turn .cmeta>span:first-child{order:1;margin-top:14px}
.kove-turn .cres{order:2;margin-top:6px!important}
.kove-turn .cmeta>span:last-child{order:3;margin-top:8px}
.kove-turn .cmora>div:nth-child(1){order:0}
.kove-turn .cmora>div:nth-child(2){order:2;margin:0 0 14px!important}
.kove-turn .cmora>div:nth-child(3){order:1;margin:12px 0 6px!important}
.kove-turn .cmora>p{order:4}
.kove-turn .cmora>div:nth-child(5){order:5}
/* 08 футер: колонки 2+2, соцкола рядком; розмірні лінії без бічних смуг */
}
/* нижче 560 лишається ОДНА чесна анотація — жива ширина знака; підпис укрупнено до читабельного масштабу */
@container (max-width:559.98px){
.kove-turn .dimsig .dm2{display:none}
.kove-turn .dimsig .d1 rect{x:293px;y:-7px;width:114px;height:27px}
.kove-turn .dimsig .d1 text{font-size:21px!important;transform:translateY(8px)}
}
@keyframes spin{to{transform:rotate(360deg)}}