/* ═══════════════════════════════════════════════════════════════
   CIS Technology — дизайн-система на базе кита «стекло и свет» v2.
   Светлая инженерная гамма: белый / светло-серый / графит /
   холодный сине-серый / один акцентный синий. Градиенты — дозированно.
   ═══════════════════════════════════════════════════════════════ */

:root{
  --ground:#F4F6FA; --surface:#FFFFFF; --sunken:#EDF0F6;
  --ink:#0F1520; --text:#3A4356; --muted:#6C7488;
  /* Кромки холодные: белая кромка стекла на светлом фоне невидима. */
  --line:#E2E7F0; --line2:#D2D9E6;
  --a1:#0B5FCC; --a1-deep:#0A4CA3; --a1-soft:#E7EFFB;
  --a2:#0E8FA8;
  --glass:rgba(255,255,255,.72);
  /* Тени всегда цветные — серые на светлом читаются грязью. */
  --shadow:0 22px 50px -26px rgba(11,73,158,.35);
  --shadow-sm:0 10px 26px -16px rgba(11,73,158,.28);
  --r:14px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--ground);color:var(--text);
  font:16px/1.6 "Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{color:var(--ink);margin:0 0 .5em;line-height:1.2;text-wrap:balance;font-weight:700}
h1{font-size:clamp(30px,4vw,46px);line-height:1.14}
h2{font-size:clamp(23px,2.8vw,32px)}
h3{font-size:19px}
p{margin:0 0 1em}
a{color:var(--a1);text-decoration:none}
a:hover{color:var(--a1-deep)}
img,svg{max-width:100%}
ul{margin:0;padding:0}
:focus-visible{outline:2px solid var(--a1);outline-offset:2px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:8px 16px;z-index:200}
.skip-link:focus{left:12px;top:12px}
.num,.mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}

/* Обёртка не центрирует за нас — свой контейнер. */
.container{max-width:1300px;margin:0 auto;padding:0 clamp(16px,3vw,32px)}

.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--a1);font-weight:700;margin-bottom:10px}
.eyebrow--ondark{color:#7FB4F5}
.sec{padding:clamp(48px,7vw,84px) 0}
.sec--tight{padding-top:0}
.sec-head{max-width:680px;margin-bottom:clamp(24px,4vw,40px)}
.sec-sub{color:var(--muted);font-size:16.5px;margin:10px 0 0}

/* ── Кнопки: боковой padding и центрирование содержимого ── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 26px;border-radius:11px;font-weight:600;font-size:15px;
  border:1px solid transparent;cursor:pointer;text-decoration:none;
  font-family:inherit;line-height:1.2;position:relative;overflow:hidden;
  white-space:nowrap;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease;
}
.btn-prime{background:linear-gradient(135deg,#1470E4,var(--a1-deep));box-shadow:var(--shadow-sm)}
/* Цвет с запасом специфичности: общие правила a и a:hover не должны
   перекрашивать текст синей кнопки. */
.btn.btn-prime,.btn.btn-prime:hover,.btn.btn-prime:focus{color:#fff}
.btn-prime:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
/* Зеркальный блик — фирменный приём кита, только на главной кнопке. */
.btn-prime::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-70%;width:34%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-18deg);transition:left .5s ease}
.btn-prime:hover::after{left:140%}
.btn-ghost{background:var(--surface);border-color:var(--line2);color:var(--ink)}
.btn-ghost:hover{border-color:var(--a1);color:var(--a1-deep)}
.btn-onblue{background:#fff;color:var(--a1-deep)}
.btn-onblue:hover{color:var(--a1-deep);transform:translateY(-1px)}
.btn-lg{padding:15px 30px;font-size:16px}
.btn-sm{padding:9px 18px;font-size:13.5px;border-radius:9px}

/* ── Шапка: липкое стекло ──
   Базовый фон непрозрачный: без поддержки backdrop-filter полупрозрачная
   шапка просвечивала контент при скролле и выглядела сломанной. Стекло —
   только там, где blur реально работает. */
.hdr{
  position:sticky;top:0;z-index:60;
  background:var(--surface);
  border-bottom:1px solid var(--line);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .hdr{background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
}
.hdr-in{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:nowrap}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink)}
.logo:hover{color:var(--a1-deep)}
.logo-mark{width:34px;height:34px;color:var(--a1);flex-shrink:0}
.logo-txt{font-family:"Unbounded",sans-serif;font-size:16px;font-weight:500;letter-spacing:.02em;color:var(--ink);white-space:nowrap}
.logo-txt b{font-weight:700;color:var(--a1)}
.nav{display:flex;gap:2px;margin-left:4px;flex-wrap:nowrap}
.nav a{color:var(--text);font-size:13.5px;font-weight:500;padding:7px 9px;border-radius:8px;white-space:nowrap}
.nav a:hover{background:var(--sunken);color:var(--ink)}
.nav a.on{background:var(--a1-soft);color:var(--a1-deep);font-weight:600}
.hdr-cta{margin-left:auto;display:flex;align-items:center;gap:14px}
.hdr-contacts{display:flex;flex-direction:column;align-items:flex-end;line-height:1.35}
.hdr-phone{font-weight:700;color:var(--ink);font-size:14.5px;white-space:nowrap}
.hdr-mail{font-size:12.5px;color:var(--muted);white-space:nowrap}
.hdr-mail:hover,.hdr-phone:hover{color:var(--a1-deep)}
.burger{display:none;background:none;border:1px solid var(--line2);border-radius:9px;width:42px;height:40px;cursor:pointer;padding:9px 10px;flex-direction:column;justify-content:space-between}
.burger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.mnav{display:none;flex-direction:column;gap:2px;padding:10px 18px 18px;border-top:1px solid var(--line);background:var(--surface)}
.mnav a{padding:11px 10px;font-size:15.5px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--line)}
.mnav-cta{display:flex;flex-direction:column;gap:10px;margin-top:14px}
/* Кнопки в мобильном меню: правило .mnav a сильнее .btn по специфичности
   и перебивало паддинги, цвет и рисовало линию-подчёркивание — возвращаем
   кнопкам их вид явно. */
.mnav-cta a.btn{width:100%;border-bottom-color:transparent;padding:13px 26px;font-size:15px;font-weight:600}
.mnav-cta a.btn-prime{color:#fff;border-bottom:0}
.mnav-cta a.btn-ghost{color:var(--ink);border-bottom:1px solid var(--line2)}

/* ── Крошки ── */
.crumbs{padding:14px 0 0;font-size:13px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;color:var(--muted)}
.crumbs li+li::before{content:"→";margin-right:6px;color:var(--line2)}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--a1-deep)}
.crumbs span{color:var(--ink)}

/* ── Hero: сетка-фон + мягкий прожектор ── */
.hero{position:relative;overflow:hidden;padding:clamp(44px,6vw,76px) 0 clamp(40px,5vw,64px)}
.hero::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse 85% 90% at 45% 0%,#000 25%,transparent 72%);
  mask-image:radial-gradient(ellipse 85% 90% at 45% 0%,#000 25%,transparent 72%);
}
.hero .spot{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(600px circle at var(--mx,72%) var(--my,30%),rgba(11,95,204,.09),transparent 62%)}
.hero-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,56px);align-items:center}
.hero .lead{font-size:17.5px;max-width:56ch;margin:16px 0 24px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.hero-strip{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.04em;color:var(--muted)}
.hero-strip b{color:var(--a1);font-weight:600}
.grad{background:linear-gradient(100deg,#1470E4,var(--a1-deep) 55%,var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Правая часть hero: инженерная карточка-визуал. */
.hero-vis{position:relative}
.hero-card{
  background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid var(--line2);border-radius:18px;box-shadow:var(--shadow);
  padding:22px 24px;
}
.hero-card .hc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.hero-card .hc-top b{font-size:14px;color:var(--ink)}
.hc-rows{display:flex;flex-direction:column;gap:0}
.hc-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.hc-row:last-child{border-bottom:0}
.hc-row .ic{width:36px;height:36px;border-radius:9px;background:var(--a1-soft);color:var(--a1-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hc-row .ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hc-row b{color:var(--ink);display:block;font-size:14px}
.hc-row small{color:var(--muted);font-size:12.5px}
.pill{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;border-radius:99px;padding:3px 11px;background:var(--a1-soft);color:var(--a1-deep);white-space:nowrap}

/* ── Карточки ── */
.card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:24px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
a.card{display:block;color:inherit}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--line2)}
.card .ic{width:44px;height:44px;border-radius:11px;background:var(--a1-soft);color:var(--a1-deep);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.card .ic svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.card h3{margin-bottom:6px}
.card p{margin:0;font-size:14px;color:var(--muted)}
.card .go{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13.5px;font-weight:600;color:var(--a1)}
a.card:hover .go{color:var(--a1-deep)}

/* Сетки без дырок: колонки задаются от количества карточек. */
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-5{grid-template-columns:repeat(5,1fr)}

/* ── Тёмная секция-акцент (одна-две на страницу) ── */
.dark-sec{background:var(--ink);color:#B9C2D4;position:relative;overflow:hidden}
.dark-sec::before{content:"";position:absolute;inset:0;
  background:radial-gradient(720px 340px at 82% 115%,rgba(20,112,228,.32),transparent 70%)}
.dark-sec>.container{position:relative}
.dark-sec h2,.dark-sec h3{color:#F2F5FA}
.dark-sec .sec-sub{color:#8E99AF}
.dark-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:22px 24px}
.dark-card h3{font-size:16px}
.dark-card p{font-size:14px;color:#9AA5BB;margin:0}

/* ── Плитки цифр ── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.stat .v{font-family:"Unbounded",sans-serif;font-weight:700;font-size:clamp(20px,2vw,27px);color:var(--a1-deep);line-height:1.25;margin-bottom:6px}
.stat .l{font-size:13.5px;color:var(--muted)}

/* ── Шаги ── */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:step}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;position:relative}
.step::before{
  counter-increment:step;content:"0" counter(step);
  font-family:"Unbounded",sans-serif;font-weight:700;font-size:15px;color:var(--a1);
  display:block;margin-bottom:10px;
}
.step b{color:var(--ink);display:block;margin-bottom:4px;font-size:15.5px}
.step p{margin:0;font-size:13.5px;color:var(--muted)}

/* ── Теги / чипы ── */
.tags{display:flex;flex-wrap:wrap;gap:9px}
.tag{background:var(--surface);border:1px solid var(--line2);border-radius:99px;padding:7px 16px;font-size:13.5px;color:var(--text)}
.tag:hover{border-color:var(--a1);color:var(--a1-deep)}

/* ── Чек-листы ── */
.checks{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px}
.checks li{position:relative;padding-left:30px;font-size:15px}
.checks li::before{
  content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:5px;
  background:var(--a1-soft);
}
.checks li::after{
  content:"";position:absolute;left:5px;top:7px;width:8px;height:5px;
  border-left:2px solid var(--a1-deep);border-bottom:2px solid var(--a1-deep);transform:rotate(-45deg);
}
.checks--3{grid-template-columns:repeat(3,1fr)}
.dark-sec .checks li{color:#B9C2D4}
.dark-sec .checks li::before{background:rgba(20,112,228,.25)}
.dark-sec .checks li::after{border-color:#7FB4F5}

/* ── Бренды ── */
.brand-tile{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  color:var(--ink);text-align:center;padding:18px 12px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.brand-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--a1);color:var(--a1-deep)}
.brand-tile .bn{font-family:"Unbounded",sans-serif;font-weight:700;font-size:17px;letter-spacing:.03em}
.brand-tile small{font-size:12px;color:var(--muted)}
.brand-tile--static{cursor:default}
.brand-tile--static:hover{transform:none;box-shadow:none;border-color:var(--line);color:var(--ink)}
.tm-note{font-size:12.5px;color:var(--muted);max-width:760px;margin-top:20px}

/* ── FAQ ── */
.sec-head--center{margin-left:auto;margin-right:auto;text-align:center}
.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.faq-i{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 20px}
.faq-i summary{cursor:pointer;font-weight:600;color:var(--ink);padding:16px 26px 16px 0;list-style:none;position:relative;font-size:15.5px}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;color:var(--a1);font-weight:400}
.faq-i[open] summary::after{content:"−"}
.faq-i p{padding-bottom:16px;margin:0;font-size:14.5px;color:var(--muted)}

/* ── Финальный CTA: тёмный, с формой ── */
.cta-final{background:var(--ink);position:relative;overflow:hidden}
.cta-final::before{content:"";position:absolute;inset:0;
  background:radial-gradient(680px 320px at 12% 110%,rgba(20,112,228,.35),transparent 70%)}
.cta-final .container{position:relative}
.cta-wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,56px);align-items:center;max-width:1160px;margin:0 auto}
/* Грид-колонки не раздуваются несжимаемым содержимым. */
.cta-wrap>*{min-width:0}
.cta-line{overflow-wrap:anywhere}
.cta-side h2{color:#F2F5FA}
.cta-side p{color:#9AA5BB;font-size:15.5px}
.cta-contacts{display:flex;flex-direction:column;gap:6px;margin:18px 0}
.cta-line{font-family:"Unbounded",sans-serif;font-weight:500;font-size:clamp(16px,1.8vw,21px);color:#fff}
.cta-line:hover{color:#7FB4F5}
.cta-trust{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#9AA5BB}
.cta-trust li{position:relative;padding-left:22px}
.cta-trust li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:2px;background:var(--a2)}

/* Форма заявки. */
.req-form{background:var(--surface);border-radius:16px;padding:24px;box-shadow:var(--shadow)}
.f-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f-field{display:block;margin-bottom:12px}
.f-field span{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:5px}
.f-field input,.f-field textarea{
  width:100%;border:1px solid var(--line2);border-radius:9px;padding:10px 12px;
  font:inherit;font-size:14.5px;color:var(--ink);background:var(--surface);resize:vertical;
}
.f-field input:focus,.f-field textarea:focus{outline:none;border-color:var(--a1);box-shadow:0 0 0 3px var(--a1-soft)}

/* Прикрепление файла: своя зона вместо нативного контрола. */
.f-upload{
  display:flex;align-items:center;gap:10px;margin-bottom:12px;cursor:pointer;
  border:1.5px dashed var(--line2);border-radius:10px;padding:12px 14px;
  color:var(--muted);font-size:13px;position:relative;
  transition:border-color .15s ease,background .15s ease;
}
.f-upload:hover{border-color:var(--a1);background:var(--a1-soft)}
.f-upload.has-file{border-style:solid;border-color:var(--a1);background:var(--a1-soft)}
.f-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.f-upload svg{width:18px;height:18px;flex-shrink:0;color:var(--a1)}
.f-upload-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-upload.has-file .f-upload-text{color:var(--ink);font-weight:600}
.f-upload-hint{flex-shrink:0;font-size:11.5px;color:var(--muted)}
.f-agree{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:4px 0 16px;cursor:pointer}
.f-agree input{margin-top:3px;accent-color:var(--a1);flex-shrink:0;width:16px;height:16px}
.req-form .btn{width:100%}
.f-note{margin:12px 0 0;font-size:14px;padding:10px 14px;border-radius:9px}
.f-note.ok{background:#E6F3EB;color:#22694A}
.f-note.err{background:#FAE8E6;color:#B3382C}
.hp{position:absolute;left:-9999px;top:-9999px}

/* ── Контент-страницы ── */
.page-hero{padding:clamp(28px,4vw,48px) 0 clamp(20px,3vw,32px)}
.page-hero .lead{font-size:17px;max-width:62ch;margin:14px 0 0;color:var(--text)}
.prose{max-width:800px;font-size:15.5px}
.prose h2{margin-top:1.6em}
.prose ul{padding-left:22px;margin-bottom:1em}
.prose li{margin-bottom:6px}

.split2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.split2--center{align-items:center}
.grid--stretch>*{height:100%}
.dark-card{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}

/* Появление при скролле — из видимого состояния. */
.rv{transform:translateY(14px);opacity:.6;transition:transform .5s ease,opacity .5s ease}
.rv.on{transform:none;opacity:1}

/* ── Футер ── */
.ftr{background:var(--surface);border-top:1px solid var(--line);padding:clamp(36px,5vw,56px) 0 28px;font-size:14px}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(22px,3vw,44px)}
.ftr-col{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.ftr-col a{color:var(--text);padding:0}
.ftr-col a:hover{color:var(--a1-deep)}
.ftr-h{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:4px}
.ftr-about p{font-size:13.5px;color:var(--muted);margin:0}
.logo-txt--ftr{margin-bottom:4px;font-size:17px}
.ftr-line{font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--a1-deep)}
.ftr-addr{color:var(--muted)}
.ftr-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:28px;padding-top:18px;color:var(--muted);font-size:13px}
.ftr-legal{display:flex;gap:18px;flex-wrap:wrap}
.ftr-legal a{color:var(--muted)}
.ftr-legal a:hover{color:var(--a1-deep)}
.ftr-tm{font-size:11.5px;color:#9AA3B5;margin:14px 0 0;max-width:900px}

/* ── 404 ── */
.err-wrap{text-align:center;padding:80px 0}
.err-code{font-family:"Unbounded",sans-serif;font-weight:700;font-size:clamp(60px,10vw,110px);color:var(--a1-soft);line-height:1}

/* ═══ Адаптив ═══ */
@media (max-width:1290px){
  .nav{display:none}
  .burger{display:flex}
  .mnav[data-open]{display:flex}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-5{grid-template-columns:repeat(3,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .hero-in{grid-template-columns:1fr}
  .hero-vis{max-width:520px}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .cta-wrap{grid-template-columns:1fr}
  .split2{grid-template-columns:1fr}
  .checks,.checks--3{grid-template-columns:1fr}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .hdr-contacts{display:none}
}
@media (max-width:600px){
  .grid-2,.grid-3,.grid-5,.steps,.stats{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr}
  .f-row2{grid-template-columns:1fr}
  .ftr-grid{grid-template-columns:1fr}
  .hdr-cta .btn{display:none}
  .hero-cta .btn{width:100%}
  .brand-tile .bn{font-size:15px}
  /* Длинные надписи кнопок («Отправить фото шильдика или артикул»)
     на узком экране переносятся, а не тянут страницу вширь. */
  main .btn{white-space:normal;max-width:100%}
  .req-form{padding:20px 16px}
}
@media (prefers-reduced-motion: reduce){
  *{transition:none !important;animation:none !important;scroll-behavior:auto !important}
  .rv{opacity:1;transform:none}
}