/* KOST: стиль 1 в 1 с kostagency.kz на Тильде. Размеры из build/thoughts/research/2026-10-18-ui-measure.md (холст 1200, поля 79). */
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Light.woff') format('woff');font-weight:300;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Semibold.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Bold.woff') format('woff');font-weight:700;font-display:swap}

:root{
  --lime:#E3FF50; --hero:#050405; --dark:#1A1A1A; --panel:#1F1F1F; --panel2:#323232;
  --ink:#2A2A2A; --ink2:#232323; --black:#000; --grey:#BCBCBC; --light:#F5F5F5; --white:#FFF; --btn-ink:#282B19; --wa:#27D061;
  --gil:'Gilroy','Montserrat',Arial,sans-serif; --unb:'Unbounded',Arial,sans-serif;
  --cw:1200px; --pad:79px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--gil);font-weight:400;font-size:17px;line-height:1.55;overflow-x:hidden}
/* Анимация появления сдвигает блоки вправо на 100 px: обрезаем, чтобы страница не становилась шире экрана */
main,main>section{overflow-x:clip}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.c{width:var(--cw);max-width:100%;margin:0 auto;padding-left:max(var(--pad),env(safe-area-inset-left,0px));padding-right:max(var(--pad),env(safe-area-inset-right,0px))}
.u{font-family:var(--unb);text-transform:uppercase}
.num{font-variant-numeric:tabular-nums}
.sec-title{font-family:var(--unb);font-weight:700;font-size:44px;line-height:1.55;text-transform:uppercase;text-align:center;color:var(--ink2);text-wrap:balance}
.sec-title.on-dark{color:var(--white)}
.lead{font-size:18px;line-height:1.55;font-weight:400;max-width:780px;margin:16px auto 0;text-align:center;color:var(--ink)}

/* Кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:68px;padding:0 34px;border-radius:50px;background:var(--lime);color:var(--black);font-family:var(--gil);font-weight:500;font-size:14px;text-decoration:none;border:0;cursor:pointer;transition:transform .3s ease}
.btn:hover{transform:scale(1.02)}
.btn .ico{width:14px;height:14px;transition:transform .3s ease}
.btn:hover .ico{transform:rotate(45deg)}
.btn-sm{min-height:47px;padding:0 28px;border-radius:30px;font-size:15px;color:var(--btn-ink)}
.btn:focus-visible,.tab:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* Первый экран: высота 560, H1 52/1.35 */
.hero{position:relative;overflow:hidden;background:var(--hero);color:var(--white);min-height:560px}
.hero__video{position:absolute;left:50%;top:-170px;width:1200px;height:900px;transform:translateX(-50%);object-fit:cover;pointer-events:none}
.hero__shade{position:absolute;inset:0;background:#000;opacity:.3;pointer-events:none}
.hero__noise{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.05;pointer-events:none}
.hero__in{position:relative;width:var(--cw);max-width:100%;margin:0 auto;min-height:560px;padding:0 54px 60px;display:flex;flex-direction:column}
.top{display:flex;align-items:center;gap:20px;height:95px;padding-top:0}
.top__logo{width:102px;height:45px;flex:0 0 auto;margin-left:-3px}
.top__logo img{width:102px;height:45px;object-fit:contain}
.top__crumbs{font-weight:300;font-size:15px;opacity:.75;margin-left:24px;white-space:nowrap}
.top__crumbs a{text-decoration:none}
.top__nav{display:flex;gap:22px;margin-left:auto;font-weight:300;font-size:15px}
.top__nav a{text-decoration:none;opacity:.9}.top__nav a:hover{color:var(--lime);opacity:1}
.top__phone{display:inline-flex;align-items:center;gap:12px;font-weight:300;font-size:15px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;margin-left:32px}
.top__phone svg{width:21px;height:21px}
.hero__body{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:38px}
.hero__h1{font-family:var(--unb);font-weight:700;font-size:52px;line-height:1.35;text-transform:uppercase;max-width:1090px;text-wrap:balance}
.hero__h1 .lime{color:var(--lime)}
.hero__h1 .grad{background:linear-gradient(91.44deg,#FFFFFF 0%,#D0D0D0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__h1.long{font-size:44px}
.dots{display:flex;gap:1px;margin-top:16px}
.dots span{width:10px;height:10px;border-radius:50%;background:var(--lime);animation:blink 1.5s infinite}
.dots span:nth-child(2){opacity:.55;animation-delay:.25s}.dots span:nth-child(3){opacity:.25;animation-delay:.5s}
.hero__sub{font-weight:300;font-size:18px;line-height:1.55;margin-top:16px;max-width:640px}
.hero__cta{margin-top:42px;min-width:232px}

/* Логотипы клиентов: высота 150 */
.logos{background:var(--white);height:150px;overflow:hidden;display:flex;align-items:center}
.track{display:flex;align-items:center;width:max-content;animation:marq var(--dur,40s) linear infinite}
.logos .track{gap:40px}
.logos img{height:auto;max-height:60px;width:auto;max-width:162px}

/* Цифры: высота 220, 4 колонки, разделители */
.stats{background:var(--white)}
.stats__row{display:flex;justify-content:space-between;align-items:stretch;gap:24px;min-height:220px;padding:46px 0 40px}
.stat{flex:0 1 auto;min-width:0}
.stats__div{flex:0 0 1px;background:#000;opacity:.18;margin:8px 0}
.stat__n{display:flex;align-items:flex-start;gap:10px;white-space:nowrap;font-family:var(--unb);font-weight:400;font-size:43px;line-height:1.55;color:var(--black)}
.check{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--lime);display:inline-flex;align-items:center;justify-content:center;margin-top:36px}
.check svg{width:14px;height:14px}
.check.s24{flex-basis:24px;width:24px;height:24px;margin-top:2px}
.stat__t{font-size:18px;line-height:1.4;color:var(--black);margin-top:8px;max-width:250px;opacity:.8;text-wrap:balance}
.stat .check{flex-basis:24px;width:24px;height:24px;margin-top:10px}

/* Бегущая строка: высота 70 */
.marq{background:var(--lime);height:70px;overflow:hidden;display:flex;align-items:center}
.marq .track span{font-family:var(--unb);font-weight:400;font-size:20px;color:var(--black);padding:0 10px;white-space:nowrap}
.marq.rev .track{animation-direction:reverse}

/* Услуги: высота 820, панель 1042×630 */
.svc{background:var(--white);padding:39px 0 71px}
.svc .sec-title{height:68px;line-height:68px}
.svc__panel{margin-top:12px;background:var(--panel);border-radius:31px;min-height:630px;padding:26px 27px 26px 27px;display:flex;gap:27px}
.svc__tabs{flex:0 0 361px;display:flex;flex-direction:column;gap:8px}
.tab{display:flex;align-items:center;gap:22px;width:361px;min-height:61px;padding:8px 16px 8px 23px;border:0;border-radius:20px;background:var(--white);color:var(--ink);font-family:var(--unb);font-weight:500;font-size:15px;line-height:1.45;text-align:left;cursor:pointer;transition:background .2s,transform .3s;text-decoration:none}
.tab:hover{transform:scale(1.02)}
.tab__n{flex:0 0 38px;width:38px;height:38px;border-radius:20px;background:var(--lime);color:#222215;display:inline-flex;align-items:center;justify-content:center;font-family:var(--unb);font-weight:600;font-size:12px}
.tab.is-on{background:var(--lime)}
.tab.is-on .tab__n{background:var(--black);color:var(--lime)}
.svc__cards{flex:1;min-width:0;position:relative}
.svc__card{background:var(--panel2);border-radius:31px;height:570px;padding:35px 44px 30px;color:var(--white);display:flex;flex-direction:column;overflow:hidden}
.svc__card[hidden]{display:none}
.svc__card h3{font-family:var(--unb);font-weight:500;font-size:29px;line-height:1.55;text-transform:none}
.svc__line{width:370px;max-width:100%;height:1px;background:#fff;opacity:.25;margin:12px 0 28px}
.svc__txt{display:flex;gap:17px;align-items:flex-start;font-size:17px;line-height:1.55;max-width:487px}
.svc__txt .hl{color:var(--lime);font-weight:500}
.svc__cells{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:24px}
.svc__cell{display:flex;flex-direction:column;gap:9px;padding:14px 18px 16px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.svc__lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.svc__pic{flex:1 1 0;min-height:0;margin-top:14px;display:flex;align-items:flex-end;justify-content:center}
.svc__price{font-family:var(--unb);font-weight:500;font-size:16px;line-height:29px;color:var(--lime);white-space:nowrap}
.svc__links{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;min-height:29px;padding:0 14px;border-radius:30px;font-size:12px;line-height:1.55;text-decoration:none}
.chip.on-dark{border:1px solid rgba(255,255,255,.3);color:#fff}
.chip.on-dark:hover{border-color:var(--lime);color:var(--lime)}
.svc__img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}

/* Кейсы: фон F5F5F5, карточка 513×563, радиус 25, зазор 16 */
.cases{background:var(--light);padding:60px 0 70px}
.cases__grid{display:grid;grid-template-columns:repeat(2,513px);gap:15px 16px;justify-content:center;margin-top:22px}
.case{position:relative;background:var(--white);border-radius:25px;padding:34px 38px 36px;display:flex;flex-direction:column;text-decoration:none;color:var(--black);transition:transform .3s ease}
.case:hover{transform:scale(1.02)}
.case__img{position:relative;height:240px;border-radius:20px;background:radial-gradient(circle at 88% 12%,rgba(227,255,80,.28),rgba(227,255,80,0) 55%),#1A1A1A;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 28px;overflow:hidden}
.case__img .big{font-family:var(--unb);font-weight:700;font-size:44px;line-height:1.2;color:var(--lime)}
.case__img .note{font-size:14px;color:var(--grey);margin-top:4px}
.case__arrow{position:absolute;top:24px;right:24px;width:18px;height:18px;transition:transform .3s;z-index:2}
.case__img .big,.case__img .note{position:relative;z-index:2}
.case__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.case:hover .case__photo{transform:scale(1.04)}
.case__img.has-photo::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.85) 100%)}
.case__img.has-photo .note{color:rgba(255,255,255,.85)}
.case__ghost{position:absolute;left:26px;top:20px;right:60px;font-weight:700;font-size:40px;line-height:1.1;color:rgba(255,255,255,.07);overflow:hidden;text-overflow:clip}
.case:hover .case__arrow{transform:rotate(45deg)}
.case__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-top:20px}
.case__name{font-family:var(--unb);font-weight:400;font-size:20px;line-height:1.55;text-transform:uppercase}
.case__where{font-weight:300;font-size:12px;line-height:1.55}
.case__line{width:100px;height:1px;background:var(--lime);margin:9px 0 18px}
.case__txt{font-size:13px;line-height:1.55;max-width:440px}
.case__tags{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0 26px}
.case__tags span{display:inline-flex;align-items:center;height:29px;padding:0 14px;border-radius:30px;border:1px solid #E1E1E1;font-size:12px;color:var(--ink);opacity:.85}
.case .btn-sm{margin-top:auto;align-self:flex-start;width:227px}
.cases__more{display:flex;justify-content:center;margin-top:40px}

/* Шаги, плитки, таблицы */
.block{padding:70px 0}
.block.white{background:var(--white)}.block.light{background:var(--light)}.block.dark{background:var(--dark);color:#fff}
.steps{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:16px;margin-top:30px}
.step{background:var(--white);border-radius:25px;padding:30px;display:flex;flex-direction:column;gap:12px;transition:transform .3s}
.block.white .step{background:var(--light)}
.step:hover{transform:scale(1.02)}
.step__n{align-self:flex-start;min-width:38px;height:38px;padding:0 12px;border-radius:20px;background:var(--lime);display:inline-flex;align-items:center;justify-content:center;font-family:var(--unb);font-weight:600;font-size:12px;color:#222215}
.step__t{font-family:var(--unb);font-weight:500;font-size:17px;line-height:1.45}
.step__d{font-size:15px;line-height:1.55;color:#444}
.steps.rows{grid-template-columns:minmax(0,1fr);gap:8px;max-width:1042px;margin-left:auto;margin-right:auto}
.steps.rows .step{flex-direction:row;align-items:center;gap:28px;min-height:76px;padding:16px 28px;border-radius:20px}
.steps.rows .step__n{flex:0 0 auto}
.steps.rows .step__t{flex:0 0 280px}
.steps.rows .step__d{flex:1;min-width:0}
.prose{max-width:820px;margin:24px auto 0;font-size:18px;line-height:1.6}
.prose p+p{margin-top:14px}
.prose ul{margin:14px 0 0;padding-left:22px}.prose li+li{margin-top:6px}
.cmp{width:100%;border-collapse:separate;border-spacing:0;margin-top:30px;background:var(--white);border-radius:25px;overflow:hidden;font-size:16px}
.cmp th,.cmp td{padding:18px 24px;text-align:left;vertical-align:top;border-bottom:1px solid #EEE}
.cmp thead th{font-family:var(--unb);font-weight:500;font-size:14px;background:var(--panel);color:#fff}
.cmp thead th.hl{background:var(--lime);color:#000}
.cmp tr:last-child td{border-bottom:0}
.tbl-wrap{overflow-x:auto}
.price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:30px}
.price__list{background:var(--white);border-radius:25px;padding:20px 32px}
.price__row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #EEE;font-size:16px}
.price__row:last-child{border-bottom:0}
.price__row b{font-family:var(--unb);font-weight:500;font-size:15px;white-space:nowrap}
.price__note{background:var(--panel);color:#fff;border-radius:25px;padding:32px;display:flex;flex-direction:column;gap:14px;font-size:16px;line-height:1.6}
.kpis{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:16px;margin-top:30px}
.kpi{background:var(--white);border-radius:25px;padding:28px}
.kpi__n{font-family:var(--unb);font-weight:700;font-size:40px;line-height:1.2;color:var(--black)}
.kpi__n .lime-bg{background:var(--lime);padding:0 8px;border-radius:8px}
.kpi__t{font-size:16px;line-height:1.5;margin-top:10px;color:#333}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px}
.duo__card{border-radius:25px;padding:32px;background:var(--white);font-size:17px;line-height:1.6}
.duo__card.dark{background:var(--panel);color:#fff}
.duo__card h3{font-family:var(--unb);font-weight:500;font-size:20px;line-height:1.4;margin-bottom:12px}
.duo__card .pill{display:inline-flex;align-items:center;height:29px;padding:0 14px;border-radius:30px;background:var(--lime);color:#000;font-size:12px;font-weight:500;margin-bottom:14px}
.duo__card.dark .pill{background:var(--lime)}
.duo__card ul{margin:0;padding-left:20px}.duo__card li+li{margin-top:6px}
.duo__card p+p,.duo__card p+ul,.duo__card ul+p{margin-top:12px}

/* Статья блога */
.article{max-width:820px;margin:0 auto;font-size:18px;line-height:1.65}
.article h2{font-family:var(--unb);font-weight:600;font-size:26px;line-height:1.35;margin:44px 0 14px;color:var(--ink2)}
.article h3{font-family:var(--unb);font-weight:500;font-size:19px;line-height:1.4;margin:28px 0 10px}
.article p+p,.article p+ul,.article ul+p,.article p+ol,.article ol+p{margin-top:14px}
.article ul,.article ol{padding-left:24px}.article li+li{margin-top:6px}
.article .answer{background:var(--light);border-left:4px solid var(--lime);border-radius:0 20px 20px 0;padding:22px 26px;font-size:18px}
.article table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
.article th,.article td{padding:12px 14px;border-bottom:1px solid #E6E6E6;text-align:left;vertical-align:top}
.article th{font-family:var(--unb);font-weight:500;font-size:13px;background:var(--panel);color:#fff}
.article a{color:#000;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:3px}
.article__meta{font-size:14px;color:#777;margin-bottom:26px}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.post{background:var(--white);border-radius:25px;padding:30px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink);transition:transform .3s}
.post:hover{transform:scale(1.02)}
.post__t{font-family:var(--unb);font-weight:500;font-size:18px;line-height:1.4}
.post__d{font-size:15px;line-height:1.55;color:#444}
.post .btn-sm{margin-top:auto;align-self:flex-start}
@media (max-width:959px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.posts{grid-template-columns:minmax(0,1fr)}.article{font-size:16px}.article h2{font-size:21px}}

.related__row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.related .sec-title{font-size:30px}

/* FAQ */
.faq{max-width:900px;margin:30px auto 0;display:flex;flex-direction:column;gap:8px}
.faq details{background:var(--white);border-radius:20px;padding:0 28px}
.block.white .faq details{background:var(--light)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;font-family:var(--unb);font-weight:500;font-size:16px;line-height:1.45}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--lime);display:inline-flex;align-items:center;justify-content:center;transition:transform .3s}
.faq details[open] summary .pm{transform:rotate(45deg)}
.faq details p{padding:0 0 24px;font-size:16px;line-height:1.6;max-width:760px}

/* Форма: фон 1A1A1A, высота 850, карточка 468×578 радиус 34 */
.contact{background:var(--dark);color:#fff;padding:76px 0 70px}
.contact__row{display:flex;justify-content:space-between;gap:40px}
.contact__left{flex:0 0 486px;display:flex;flex-direction:column}
.contact__h{font-family:var(--unb);font-weight:700;font-size:44px;line-height:1.55;text-transform:uppercase}
.contact__h .lime{color:var(--lime)}
.contact__p{font-size:18px;line-height:1.55;max-width:426px;margin-top:26px}
.contact__logo{width:114px;height:50px;object-fit:contain;margin-top:30px}
.contact__line{display:flex;align-items:center;gap:12px;font-weight:300;font-size:17px;margin-top:20px;text-decoration:none}
.contact__line svg{width:21px;height:21px}
.contact__req{font-size:14px;line-height:1.55;margin-top:30px;opacity:.9;max-width:560px}
.form{flex:0 0 468px;background:var(--white);color:var(--black);border-radius:34px;padding:40px 49px 40px;display:flex;flex-direction:column;gap:6px;align-self:flex-start;margin-top:5px}
.form__h{font-family:var(--unb);font-weight:500;font-size:24px;line-height:1.55;text-transform:uppercase;text-align:center;margin-bottom:14px}
.form label{font-size:15px;font-weight:500;margin-top:8px}
.form input,.form textarea{width:100%;min-height:56px;border:0;border-radius:14px;background:#F2F2F2;padding:0 18px;font:inherit;font-size:15px;color:var(--black)}
.form textarea{min-height:90px;padding:14px 18px;resize:vertical}
.form input:focus,.form textarea:focus{outline:2px solid var(--lime)}
.form .btn{margin-top:18px;min-height:56px;font-family:var(--unb);font-size:16px;text-transform:uppercase}
.form__ok{display:none;text-align:center;font-weight:500;padding:20px 0}
.form.is-sent .form__ok{display:block}.form.is-sent .form__fields{display:none}
.form__fields{display:flex;flex-direction:column;gap:6px}
.form__fine{font-size:12px;color:#666;text-align:center;margin-top:8px}

/* Подвал */
.foot{background:var(--hero);color:#fff;padding:40px 0;font-size:14px}
.foot__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}
.foot__col{display:flex;flex-direction:column;gap:8px;min-width:180px}
.foot__col b{font-family:var(--unb);font-weight:500;font-size:13px;text-transform:uppercase;color:var(--lime);margin-bottom:4px}
.foot a{text-decoration:none;opacity:.85}.foot a:hover{opacity:1;color:var(--lime)}
.foot__copy{margin-top:30px;opacity:.6;font-size:13px}

/* Кнопка чата */
.chat{position:fixed;right:calc(env(safe-area-inset-right,0px) + 24px);bottom:calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;align-items:center;gap:10px;z-index:50;text-decoration:none}
.chat__tip{background:#2A2A2A;color:#fff;font-size:13px;padding:8px 12px;border-radius:8px;white-space:nowrap}
.chat__btn{width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:transform .3s}
.chat:hover .chat__btn{transform:scale(1.06)}
.chat__btn svg{width:32px;height:32px}
.btn-wa{margin-top:10px;background:#25D366;color:#fff;gap:10px;justify-content:center;min-height:56px;font-family:var(--unb);font-size:15px;text-transform:uppercase}
.btn-wa:hover{background:#1EBE5A;color:#fff}
.btn-wa svg{width:22px;height:22px}

/* Вращающийся значок */
.spin-badge{position:absolute;right:60px;bottom:50px;width:120px;height:120px;animation:spin 50s linear infinite;pointer-events:none}

/* Анимации */
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes spin{to{transform:rotate(360deg)}}
.js .rv{opacity:0;transform:translateX(100px);transition:opacity 1s ease,transform 1s ease}
.js .rv.zoom{transform:scale(.7)}
.js .rv.up{transform:translateY(100px)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .track,.dots span,.spin-badge{animation:none!important}
  .js .rv{opacity:1;transform:none;transition:none}
  .btn,.case,.tab,.step{transition:none}
}

/* Адаптив: Тильда 960 / 640 / 480 / 320 */
@media (max-width:1199px){
  :root{--pad:40px}
  .hero__in{padding-left:30px;padding-right:30px}
  .svc__tabs{flex-basis:320px}.tab{width:100%}
  .cases__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact__left{flex:1 1 400px}
}
@media (max-width:959px){
  .top__nav{display:none}
  .hero__h1{font-size:40px}.hero__h1.long{font-size:34px}
  .stats__row{flex-wrap:wrap;gap:30px 0;padding:36px 0}
  .stat{flex:0 0 50%}
  .stats__div{display:none}
  .svc__panel{flex-direction:column}.svc__tabs{flex-basis:auto}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact__row{flex-direction:column}.form{flex-basis:auto;width:100%;max-width:520px}
  .sec-title{font-size:36px}
}
@media (max-width:639px){
  :root{--pad:20px}
  body{font-size:16px}
  .hero,.hero__in{min-height:520px}
  .hero__in{padding:0 20px 50px}
  .hero__video{width:900px;height:675px;top:-40px}
  .top{height:80px}
  .top__crumbs{display:none}
  .top__phone{margin-left:auto;font-size:14px}
  .hero__h1{font-size:26px;line-height:1.35}.hero__h1.long{font-size:22px}
  .hero__sub{font-size:16px}
  .hero__cta{width:100%;max-width:320px}
  .logos{height:110px}.logos img{max-height:40px}
  .stats__row{gap:26px 16px}
  .stat{flex:0 0 calc(50% - 8px)}
  .stat__n{font-size:28px;gap:6px}.stat .check{flex-basis:18px;width:18px;height:18px;margin-top:6px}.stat .check svg{width:10px;height:10px}
  .stat__t{font-size:14px}
  .marq{height:56px}.marq .track span{font-size:16px}
  .sec-title,.svc .sec-title{font-size:26px;line-height:1.35;height:auto}
  .svc{padding:30px 0 40px}
  .svc__panel{padding:14px;border-radius:24px;gap:14px}
  .tab{min-height:56px;font-size:13px;gap:14px;padding-left:14px}
  .svc__card{padding:24px 20px 20px;height:auto;border-radius:24px}
  .svc__cells{grid-template-columns:minmax(0,1fr)}
  .svc__pic{flex:none;height:170px}
  .svc__card h3{font-size:20px}
  .svc__txt{font-size:15px}
  .cases{padding:40px 0}
  .cases__grid,.steps,.kpis,.duo,.price{grid-template-columns:minmax(0,1fr)}
  .steps.rows .step{flex-direction:column;align-items:flex-start;gap:10px;padding:20px}
  .steps.rows .step__t{flex:none}
  .case{min-height:0;padding:16px 16px 22px}
  .case__img{height:190px}.case__img .big{font-size:34px}
  .case .btn-sm{width:100%}
  .block{padding:44px 0}
  .contact{padding:50px 0}
  .contact__h{font-size:29px}
  .contact__p{font-size:16px}
  .form{padding:28px 20px;border-radius:26px}
  .form__h{font-size:19px}
  .chat__tip{display:none}
  .spin-badge{display:none}
  .cmp{font-size:14px}.cmp th,.cmp td{padding:12px 14px}
  .faq details{padding:0 18px}.faq summary{font-size:14px}
}