/* ==========================================================================
   ControlSignal — лендинг IT-компании
   Реализация макета Claude Design v2 (design-v2.dc.html).
   Порядок: токены → база → утилиты → каркас → компоненты → адаптив.
   ========================================================================== */

:root{
  --bg:#F5F5F2;
  --surf:#FFFFFF;
  --ink:#14171C;
  --ink2:#5E6672;
  --line:#DDE0E3;
  --acc:#2946D8;
  --accd:#1E38B5;
  --dark:#13171E;
  --soft:#EEEFF3;
  --on-dark:#C4C9D2;
  --on-dark-2:#8B93A0;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:'Golos Text',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* ---------- база ---------- */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
h1,h2,h3,h4,p,dl,dd,figure,blockquote,fieldset,legend{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--accd)}
button{font:inherit;color:inherit}
input,button,select,textarea{font-family:inherit}
input::placeholder,textarea::placeholder{color:#A7ACB4}
svg{display:block}
::selection{background:rgba(41,70,216,.16)}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* ---------- утилиты ---------- */
.sr-only,.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--acc);color:#fff;padding:12px 18px;border-radius:0 0 8px 0;font-weight:600}
.skip-link:focus{left:0;color:#fff}
.ico{flex:none}

/* Слот под реальные данные клиента — пунктир как в макете */
.slot{border-bottom:1.5px dashed var(--line);padding-bottom:3px}
.slot--dark{border-bottom-color:rgba(255,255,255,.3)}
.slot--inline{font-weight:600;color:var(--ink);padding-bottom:0}

/* ---------- каркас ---------- */
.wrap{max-width:1200px;margin:0 auto;padding-inline:clamp(18px,4vw,40px)}
.section{padding-block:clamp(70px,9vw,130px)}
.band{background:var(--surf);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dark{background:var(--dark);color:#fff}

.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(32px,5vw,64px)}
.split--gap-lg{gap:clamp(32px,5vw,72px);align-items:start}
.split--gap-md{gap:clamp(36px,5vw,72px)}
.split--start{align-items:start}
.split__sticky{position:sticky;top:96px}
.split__cta{margin-top:30px;width:fit-content;line-height:1.35}

/* ---------- типографика ---------- */
.h2{font-size:clamp(28px,3.6vw,44px);line-height:1.08;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
.h2--w420{max-width:420px}
.h2--w520{max-width:520px}
.h2--narrow{max-width:440px}
.h2--wide{max-width:560px}
.h2--xl{font-size:clamp(30px,4vw,52px);line-height:1.05}
.lead{font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--ink2);margin-top:22px;max-width:420px;text-wrap:pretty}
.lead--xl{font-size:clamp(17px,1.7vw,21px);line-height:1.5;max-width:440px}
.lead--onDark{color:#B8BEC8;margin-top:18px;max-width:520px}
.eyebrow-mono{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink2);margin-bottom:16px}
.eyebrow-mono--lg{margin-bottom:24px}

/* ---------- кнопки ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 24px;border:1px solid transparent;border-radius:10px;
  font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;text-align:center;
  transition:background .18s,border-color .18s,color .18s;
}
.btn--primary{background:var(--acc);color:#fff}
.btn--primary:hover{background:var(--accd);color:#fff}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line);padding:16px 22px}
.btn--ghost:hover{border-color:var(--ink);color:var(--ink)}
.btn--outline{background:var(--surf);color:var(--ink);border-color:var(--line);border-radius:9px;padding:12px 22px;font-size:15px;min-height:44px}
.btn--outline:hover{border-color:var(--ink);color:var(--ink)}
.btn--sm{padding:11px 20px;border-radius:9px;font-size:15px}
.btn--lg{padding:16px 26px}
.btn--block{display:flex;width:100%}
.btn--submit{width:100%;padding:17px;font-weight:700;margin-top:4px}

.link-underline{
  display:inline-flex;align-items:center;gap:9px;width:fit-content;margin-top:34px;
  color:#fff;font-weight:600;font-size:16px;
  border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px;
}
.link-underline:hover{color:#fff;border-bottom-color:#fff}

/* ---------- шапка ---------- */
.header{
  position:sticky;top:0;z-index:60;
  background:rgba(245,245,242,.82);
  backdrop-filter:saturate(150%) blur(12px);
  -webkit-backdrop-filter:saturate(150%) blur(12px);
  border-bottom:1px solid var(--line);
}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:15px}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink)}
.logo:hover{color:var(--ink)}
.logo__mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--ink);flex:none}
.logo__mark--light{background:#fff}
.logo__name{font-weight:700;font-size:18px;letter-spacing:-.01em}
.logo--light,.logo--light:hover{color:#fff}

.nav{display:flex;align-items:center;gap:32px}
.nav__link{color:var(--ink2);font-weight:500;font-size:15px}
.nav__link:hover{color:var(--ink)}

.burger{
  display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  width:46px;height:46px;flex:none;padding:0;
  border:1px solid var(--line);border-radius:10px;background:var(--surf);cursor:pointer;
}
.burger span{width:18px;height:2px;background:var(--ink);transition:transform .2s ease,opacity .15s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-menu{border-top:1px solid var(--line);background:var(--surf);padding:10px clamp(18px,4vw,40px) 20px;display:flex;flex-direction:column}
.mobile-menu__link{color:var(--ink);font-weight:600;font-size:17px;padding:14px 0;border-bottom:1px solid var(--line)}
.mobile-menu__cta{margin-top:14px;padding:15px;font-weight:700}

/* ---------- герой ---------- */
.hero{background:var(--bg)}
.hero__inner{padding-block:clamp(44px,6vw,88px) 0}
.hero__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(36px,5vw,72px);align-items:center}
.hero__copy,.hero__visual{min-width:0}
.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--ink2);font-size:14px;font-weight:500;margin-bottom:26px}
.hero__eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--acc);flex:none}
.hero__title{font-size:clamp(34px,5vw,60px);line-height:1.04;letter-spacing:-.03em;font-weight:800;text-wrap:balance;overflow-wrap:break-word}
.hero__lead{font-size:clamp(17px,1.7vw,22px);line-height:1.5;color:var(--ink2);margin-top:24px;max-width:520px;text-wrap:pretty}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}

/* схема зоны ответственности */
.zone--desktop{width:100%;max-width:560px;margin-left:auto}
.zone--mobile{display:none}
.zone__body{display:flex;align-items:stretch}
.zone__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px}
.zone__row{display:flex;align-items:center}
.zone__box{
  flex:1 1 0;min-width:0;background:var(--surf);border:1px solid var(--line);border-radius:10px;
  padding:14px 15px;font-weight:600;font-size:15px;line-height:1.3;
}
.zone__link{flex:none;width:clamp(16px,3vw,34px);height:1.4px;background:var(--acc)}
.zone__link--out{width:clamp(16px,3vw,32px)}
.zone__dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--acc);margin-left:-3px}
.zone__spine{flex:none;width:1.4px;background:var(--acc);margin:26px 0}
.zone__out{flex:1 1 0;min-width:0;display:flex;align-items:center}
.zone__result{flex:1 1 0;min-width:0;background:var(--dark);border-radius:12px;padding:20px 22px}
.zone__result-cap{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--on-dark-2)}
.zone__result-text{font-size:clamp(17px,1.7vw,20px);font-weight:700;color:#fff;line-height:1.22;margin-top:7px;text-wrap:balance}
.zone__stack{display:flex;flex-direction:column}
.zone__wire{width:1.4px;height:14px;background:var(--acc);margin-left:22px}
.zone__wire--last{height:16px}
.zone--mobile .zone__box{padding:15px 16px}
.zone--mobile .zone__result{padding:18px}
.zone--mobile .zone__result-text{font-size:18px;margin-top:6px}

/* факты под героем */
.facts-wrap{margin-top:clamp(44px,6vw,80px)}
.facts{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.fact{display:flex;flex-direction:column;padding:28px clamp(20px,3vw,36px) 30px;border-right:1px solid var(--line)}
.fact:first-child{padding-left:0}
.fact:last-child{padding-right:0;border-right:0}
.fact__value{font-family:var(--mono);font-size:clamp(17px,1.9vw,22px);font-weight:600;color:var(--ink);align-self:flex-start;line-height:1.3}
.fact__label{font-size:14px;line-height:1.45;color:var(--ink2);margin-top:auto;padding-top:12px}

/* ---------- когда нужен IT-партнёр ---------- */
.h2--narrow + .list{margin-top:32px}
.list{border-top:1px solid var(--line)}
.list__item{display:flex;align-items:center;gap:16px;padding:20px 2px;border-bottom:1px solid var(--line);font-size:clamp(16px,1.5vw,18px);font-weight:500;color:var(--ink)}
.list__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--acc)}

.card-dark{
  background:var(--dark);color:#fff;border-radius:16px;padding:clamp(30px,4vw,48px);
  align-self:stretch;display:flex;flex-direction:column;justify-content:center;
}
.card-dark__title{font-size:clamp(24px,2.8vw,34px);line-height:1.1;letter-spacing:-.02em;font-weight:700}
.card-dark__text{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--on-dark);margin-top:20px;text-wrap:pretty}
.tags-outline{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.tag-outline{border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:10px 15px;font-size:14px;font-weight:500;color:#E6E9EE}

/* ---------- три направления ---------- */
#directions .h2{max-width:520px}
.dir{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,4vw,56px)}
.dir--lead{margin-top:clamp(40px,5vw,64px);align-items:center;padding-bottom:clamp(40px,5vw,56px);border-bottom:1px solid var(--line)}
.dir--pair{margin-top:clamp(40px,5vw,56px)}
.dir__head{display:flex;align-items:baseline;gap:16px}
.dir__head--sm{gap:14px}
.dir__num{font-family:var(--mono);font-size:15px;color:var(--acc);font-weight:600}
.dir__num--sm{font-size:14px}
.dir__title{font-size:clamp(24px,2.8vw,34px);line-height:1.12;letter-spacing:-.02em;font-weight:700}
.dir__title--sm{font-size:clamp(21px,2.2vw,26px);line-height:1.14;letter-spacing:-.01em}
.dir__text{font-size:clamp(16px,1.5vw,18px);line-height:1.55;color:var(--ink2);margin-top:16px;max-width:440px;padding-left:31px;text-wrap:pretty}
.dir__text--sm{font-size:16px;margin:14px 0 20px;padding-left:28px}
.dir__list{display:flex;flex-direction:column;gap:11px;padding-left:28px}
.dir__list li{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--ink)}
.dir__dot{width:5px;height:5px;border-radius:50%;background:var(--acc);flex:none}
.pills-soft{display:flex;flex-wrap:wrap;gap:10px}
.pill-soft{background:var(--soft);border-radius:8px;padding:11px 16px;font-size:15px;font-weight:500;color:var(--ink)}

/* ---------- фраза ---------- */
.emo{background:var(--bg);max-width:820px;margin-inline:auto;padding:clamp(70px,9vw,120px) clamp(18px,4vw,40px);text-align:center}
.emo__text{font-size:clamp(24px,3.4vw,40px);line-height:1.22;letter-spacing:-.02em;font-weight:700;text-wrap:balance}

/* ---------- паспорт готовности ---------- */
.passport{
  border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surf);
  box-shadow:0 24px 50px -40px rgba(20,23,28,.35);
}
.passport__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--bg)}
.passport__name{font-weight:700;font-size:15px}
.passport__badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;color:var(--acc);white-space:nowrap}
.passport__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--acc)}
.passport__row{display:flex;align-items:flex-start;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}
.passport__check{flex:none;margin-top:2px}
.passport__label{font-size:13px;color:var(--ink2);margin-bottom:3px}
.passport__label--tight{line-height:1.35;margin-bottom:0}
.passport__value{font-weight:600;font-size:16px}
.passport__pair{display:grid;grid-template-columns:1fr 1fr}
.passport__cell{display:flex;flex-direction:column;padding:18px 22px;border-bottom:1px solid var(--line)}
.passport__cell:first-child{border-right:1px solid var(--line)}
.passport__slot{font-family:var(--mono);font-weight:600;font-size:17px;color:var(--ink);align-self:flex-start;margin-top:auto;padding-top:8px}
.passport__owner{display:flex;align-items:center;gap:16px;padding:18px 22px}
.passport__avatar{flex:none;width:34px;height:34px;border-radius:8px;background:var(--dark);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.passport__owner .passport__label{margin-bottom:2px}

/* ---------- маршрут заявки ---------- */
.support__grid{margin-top:clamp(40px,5vw,60px)}
.route{display:flex;flex-direction:column}
.route__step{display:flex;gap:18px;align-items:flex-start}
.route__rail{display:flex;flex-direction:column;align-items:center;align-self:stretch}
.route__num{
  flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--acc);color:var(--acc);
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-weight:600;font-size:14px;background:var(--bg);
}
.route__num--last{background:var(--acc);color:#fff}
.route__line{width:1.5px;flex:1;background:var(--line);min-height:26px}
.route__body{padding-bottom:26px}
.route__body--last{padding-bottom:0}
.route__title{font-weight:600;font-size:17px}
.route__text{font-size:15px;color:var(--ink2);margin-top:3px}

.benefits{background:var(--soft);border-radius:16px;padding:clamp(28px,4vw,44px)}
.benefits__title{font-size:clamp(20px,2.2vw,26px);line-height:1.14;letter-spacing:-.01em;font-weight:700;margin-bottom:24px}
.benefits__item{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px;font-weight:500;color:var(--ink)}
.benefits__item svg{flex:none}
.benefits__item:last-child{border-bottom:0}
.benefits__note{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font-size:15px;line-height:1.55;color:var(--ink2)}

/* ---------- кейсы ---------- */
.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:clamp(40px,5vw,56px)}
.case{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:clamp(24px,3vw,34px);display:flex;flex-direction:column;gap:18px}
.case--quote{gap:0}
.case__ind{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--on-dark-2)}
.case__label{font-size:13px;color:var(--on-dark-2);margin-bottom:5px}
.case__text{font-size:16px;line-height:1.5;color:#E6E9EE}
.case__result{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.case__value{font-family:var(--mono);font-size:clamp(18px,2vw,22px);font-weight:600;color:#fff;display:inline-block}
.quote__mark{opacity:.9}
.quote__text{font-size:clamp(17px,1.8vw,20px);line-height:1.5;color:#EDEFF3;margin-top:18px;flex:1}
.quote__who{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.quote__name{font-weight:600;font-size:15px;color:#fff}
.quote__org{font-size:14px;color:var(--on-dark-2);margin-top:2px}
.stack{margin-top:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
.stack__cap{font-size:14px;color:var(--on-dark-2);margin-bottom:16px}
.tags-mono{display:flex;flex-wrap:wrap;gap:10px}
.tag-mono{border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:9px 14px;font-family:var(--mono);font-size:13px;color:#D5D9E0}

/* ---------- заявка ---------- */
.assur{display:flex;flex-direction:column;gap:18px;margin-top:36px;max-width:420px}
.assur__item{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--ink2)}
.assur__item svg{flex:none;margin-top:1px}
.formcard{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:clamp(24px,3vw,38px)}
.form{display:flex;flex-direction:column;gap:14px}
.form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}
.form__interests{border:0;padding:0;min-width:0}
.form__legend{padding:0;margin-bottom:11px;font-size:13px;font-weight:600;color:var(--ink2)}
.input{
  width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:10px;
  background:var(--surf);color:var(--ink);font-size:15px;outline:none;transition:border-color .18s;
}
.input:focus{border-color:var(--acc)}
.input--area{resize:vertical;min-height:96px}
.input.is-invalid{border-color:#C0392B}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chip{
  display:inline-flex;align-items:center;min-height:44px;padding:12px 16px;border-radius:8px;
  border:1px solid var(--line);background:var(--surf);color:var(--ink);
  font-weight:500;font-size:14px;line-height:1;cursor:pointer;transition:border-color .18s,background .18s,color .18s;
}
.chip:hover{border-color:var(--ink)}
.chip.is-active{border-color:var(--acc);background:rgba(41,70,216,.07);color:var(--accd);font-weight:600}
.chip:focus-within{outline:2px solid var(--acc);outline-offset:2px}
.form__legal{font-size:13px;line-height:1.5;color:var(--ink2);text-align:center}
.form__legal a{color:var(--ink2);text-decoration:underline}
.form__error{font-size:13px;line-height:1.5;color:#C0392B;text-align:center}
.success{display:flex;flex-direction:column;align-items:flex-start;padding:24px 4px}
.success__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--soft);color:var(--acc);margin-bottom:22px}
.success__title{font-size:24px;font-weight:800;margin-bottom:10px}
.success__text{font-size:16px;line-height:1.55;color:var(--ink2);margin-bottom:24px}

/* ---------- подвал ---------- */
.footer{background:var(--dark);color:#9AA0AC;border-top:1px solid rgba(255,255,255,.08);padding-block:clamp(48px,6vw,72px)}
.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:36px 24px}
.footer__brand{min-width:200px}
.footer__about{font-size:14px;line-height:1.6;margin-top:18px;max-width:260px}
.footer__col{display:flex;flex-direction:column;gap:11px}
.footer__cap{font-size:13px;color:var(--on-dark-2);margin-bottom:4px}
.footer__link{color:#9AA0AC;font-size:14px}
.footer__link:hover{color:#fff}
.footer__cta{color:#fff;font-size:16px;font-weight:600}
.footer__cta:hover{color:#fff;opacity:.85}
.footer__slot{font-size:14px;width:fit-content}
.footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.footer__copy{font-size:13px;color:var(--on-dark-2)}
.footer__legal{display:flex;flex-wrap:wrap;gap:20px}
.footer__legal a{color:#9AA0AC;font-size:13px}
.footer__legal a:hover{color:#fff}

/* ---------- мобильная кнопка ---------- */
.sticky-cta{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:55;
  padding:11px 16px calc(11px + env(safe-area-inset-bottom));
  background:rgba(245,245,242,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-top:1px solid var(--line);
}
.sticky-cta .btn{padding:15px;font-weight:700}

/* ---------- адаптив (брейкпоинт макета — 820px) ---------- */
@media (min-width:821px){
  .mobile-menu{display:none!important}
}
@media (max-width:820px){
  .nav,.header__cta{display:none}
  .burger{display:inline-flex}
  .zone--desktop{display:none}
  .zone--mobile{display:block}
  .split__sticky{position:static}
  .sticky-cta{display:block}
  body{padding-bottom:74px}
  /* после отправки заявки нижняя кнопка не нужна */
  body.is-sent .sticky-cta{display:none}
  body.is-sent{padding-bottom:0}
}
@media (max-width:640px){
  .fact{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}
  .fact:last-child{border-bottom:0}
  .passport__pair{grid-template-columns:1fr}
  .passport__cell:first-child{border-right:0}
}

/* без JavaScript: меню-гамбургер бесполезен, но весь контент на месте */
.no-js .burger,.no-js .sticky-cta{display:none}
.no-js .nav,.no-js .header__cta{display:flex}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* Липкая шапка перекрывает якорь — компенсируем отступом прокрутки */
section[id]{scroll-margin-top:84px}