/* =====================================================================
   TAX CONSULT — налоговый консалтинг по НДС
   Палитра и типографика — по ТЗ (раздел 1)
   ===================================================================== */

/* ----------  ТОКЕНЫ  ---------- */
:root{
  /* фирменные цвета */
  --green:        #125B35;
  --green-dark:   #07351F;
  --green-deep:   #0B3A26;
  --green-light:  #EAF2EC;
  --near-white:   #F7F8F5;
  --white:        #FFFFFF;
  --text:         #10221A;
  --text-2:       #65716A;
  --gold:         #DCC287;

  /* производные */
  --green-hair:   #D7E4DA;
  --line:         #E4E9E4;
  --line-soft:    #EFF2EE;
  --green-glass:  rgba(7,53,31,.62);

  --radius-xs:  8px;
  --radius-sm:  12px;
  --radius:     18px;
  --radius-lg:  26px;
  --pill:       999px;

  --shadow-xs: 0 1px 2px rgba(7,53,31,.05);
  --shadow-sm: 0 2px 6px rgba(7,53,31,.05), 0 10px 26px rgba(7,53,31,.05);
  --shadow:    0 4px 12px rgba(7,53,31,.06), 0 22px 52px rgba(7,53,31,.09);
  --shadow-lg: 0 40px 90px rgba(7,53,31,.2);

  --display: "Manrope", "Inter", "Segoe UI", system-ui, sans-serif;
  --body:    "Inter", "Manrope", "Segoe UI", system-ui, sans-serif;

  --container: 1280px;
  --gutter: 28px;
  --header-h: 76px;
  --header-h-sm: 64px;
  --trustbar-h: 84px;

  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}

/* ----------  СБРОС  ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--header-h-sm) + 20px);
}
body{
  margin:0;
  font-family:var(--body);
  font-size:15px;
  line-height:1.62;
  color:var(--text-2);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg,picture{ max-width:100%; display:block; }
/* атрибуты width/height в разметке работают как презентационная подсказка —
   без height:auto пропорции ломаются при ограничении по ширине */
img{ height:auto; }
h1,h2,h3,h4,p,ul,ol,figure,blockquote{ margin:0; }
ul,ol{ padding:0; list-style:none; }
a{ color:inherit; text-decoration:none; }
button,input,textarea,select{ font:inherit; color:inherit; }
button{ background:none; border:0; cursor:pointer; }
[hidden]{ display:none !important; }
.sprite{ position:absolute; width:0; height:0; overflow:hidden; }

:focus-visible{ outline:2px solid var(--green); outline-offset:3px; border-radius:4px; }

.skip-link{
  position:absolute; left:16px; top:-60px; z-index:300;
  background:var(--green-dark); color:#fff; padding:10px 20px;
  border-radius:0 0 10px 10px; transition:top .2s var(--ease);
}
.skip-link:focus{ top:0; }

.visually-hidden{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap;
}

/* ----------  СЕТКА  ---------- */
.container{
  width:100%; max-width:var(--container);
  margin-inline:auto; padding-inline:var(--gutter);
}
.section{ position:relative; padding-block:84px; }
.section--tight{ padding-block:64px; }
.section--light{ background:var(--near-white); }
.section--warm{ background:#F4F2ED; }

/* заголовок секции с золотой чертой и стрелкой */
.shead{
  display:flex; align-items:center; justify-content:space-between;
  gap:32px; margin-bottom:38px;
}
.shead__main{ display:flex; align-items:center; gap:16px; }
.shead__note{
  max-width:300px;
  font-size:12px; line-height:1.5; color:var(--text-2); text-align:right;
}
.shead__arrow{
  width:38px; height:38px; flex:none;
  display:grid; place-items:center;
  border:1px solid var(--green-hair); border-radius:50%;
  color:var(--green);
}
.shead__arrow svg{ width:16px; height:16px; }

/* ----------  ТИПОГРАФИКА  ---------- */
.h2{
  font-family:var(--display); font-weight:700;
  font-size:clamp(23px,2.3vw,34px);
  line-height:1.14; letter-spacing:-.025em; color:var(--text);
  text-wrap:balance;
}
.h3{
  font-family:var(--display); font-weight:700;
  font-size:clamp(18px,1.5vw,21px);
  line-height:1.22; letter-spacing:-.015em; color:var(--text);
}
.eyebrow{
  font-family:var(--display); font-weight:600;
  font-size:10.5px; letter-spacing:.32em; text-transform:uppercase;
  color:var(--green);
}
.lead{ font-size:14px; line-height:1.7; color:var(--text-2); }

/* тонкая золотая черта — повторяющийся структурный элемент */
.rule-gold{
  width:44px; height:2px; background:var(--gold); border-radius:2px;
}

/* ----------  КНОПКИ  ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:14px 26px;
  font-family:var(--display); font-weight:600; font-size:13.5px; line-height:1.2;
  border-radius:var(--pill);
  transition:transform .25s var(--ease), box-shadow .25s var(--ease),
             background-color .25s var(--ease), color .25s var(--ease),
             border-color .25s var(--ease);
}
.btn__ico{ width:16px; height:16px; flex:none; }
.btn__ico--end{ transition:transform .25s var(--ease); }

.btn--primary{
  background:var(--green); color:#fff;
  box-shadow:0 10px 26px rgba(18,91,53,.26);
}
.btn--primary:hover{
  background:#0F4E2D; transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(18,91,53,.32);
}
.btn--primary:hover .btn__ico--end{ transform:translateX(4px); }
.btn--primary:active{ transform:translateY(0); }

.btn--ghost{
  background:#fff; color:var(--text);
  border:1px solid var(--line);
  box-shadow:var(--shadow-xs);
}
.btn--ghost:hover{ border-color:var(--green); color:var(--green); transform:translateY(-2px); }

.btn--outline{
  background:transparent; color:#fff;
  border:1px solid rgba(255,255,255,.34);
}
.btn--outline:hover{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.6); }

.btn--sm{ padding:11px 20px; font-size:12.5px; }
.btn--lg{ padding:17px 32px; font-size:14.5px; }
.btn--block{ display:flex; width:100%; }

/* круглая кнопка-иконка */
.icon-btn{
  width:40px; height:40px; flex:none;
  display:grid; place-items:center;
  border:1px solid var(--line); border-radius:50%;
  color:var(--text); background:#fff;
  transition:border-color .22s var(--ease), color .22s var(--ease),
             background-color .22s var(--ease), transform .22s var(--ease);
}
.icon-btn svg{ width:16px; height:16px; }
.icon-btn:hover{ border-color:var(--green); color:var(--green); transform:translateY(-1px); }
.icon-btn--light{
  background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.3); color:#fff;
}
.icon-btn--light:hover{ background:rgba(255,255,255,.18); border-color:#fff; color:#fff; }
.icon-btn:disabled{ opacity:.4; cursor:default; transform:none; }

/* ----------  СПИСКИ С ГАЛОЧКАМИ  ---------- */
.checks{ display:grid; gap:11px; }
.checks li{
  display:grid; grid-template-columns:19px 1fr; gap:12px; align-items:start;
  font-size:14px; line-height:1.5; color:var(--text);
}
.checks__ico{
  width:19px; height:19px; margin-top:2px; flex:none;
  color:var(--green);
}
.checks--2col{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 28px; }
.checks--light li{ color:rgba(255,255,255,.86); }
.checks--light .checks__ico{ color:#8FD3A8; }

.dashes{ display:grid; gap:8px; }
.dashes li{ position:relative; padding-left:22px; font-size:14px; color:var(--text); }
.dashes li::before{
  content:""; position:absolute; left:0; top:.72em;
  width:12px; height:1.5px; background:var(--green); border-radius:2px;
}

/* =====================================================================
   ШАПКА
   ===================================================================== */
.site-header{
  position:fixed; inset-block-start:0; inset-inline:0; z-index:120;
  height:var(--header-h);
  display:flex; align-items:center;
  /* безопасное состояние по умолчанию: белая плашка и тёмный текст —
     читается над любой секцией и в любом снимке, даже без JS */
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px) saturate(1.3);
  border-bottom:1px solid var(--line);
  color:var(--text);
  transition:height .3s var(--ease), box-shadow .3s var(--ease);
}
.site-header.is-scrolled{
  height:var(--header-h-sm);
  box-shadow:0 6px 24px rgba(7,53,31,.05);
}
.site-header__inner{ display:flex; align-items:center; gap:26px; }

.logo{ display:inline-flex; align-items:center; gap:12px; flex:none; }
.logo__mark{ width:30px; height:30px; flex:none; }
.logo__text{ display:flex; flex-direction:column; gap:2px; }
.logo__name{
  font-family:var(--display); font-weight:800; font-size:14.5px;
  letter-spacing:.17em; color:var(--text); line-height:1;
}
.logo__sub{
  font-family:var(--display); font-weight:500;
  font-size:8.5px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--text-2); line-height:1;
}
.logo--light .logo__name{ color:#fff; }
.logo--light .logo__sub{ color:rgba(255,255,255,.55); }

.nav{ margin-inline:auto; }
.nav__list{ display:flex; align-items:center; gap:30px; }
.nav__link{
  position:relative;
  font-family:var(--display); font-weight:500; font-size:12px;
  letter-spacing:.02em; color:var(--text);
  transition:color .2s var(--ease);
}
.nav__link::after{
  content:""; position:absolute; left:0; right:0; bottom:-7px; height:1.5px;
  background:var(--green); border-radius:2px;
  transform:scaleX(0); transform-origin:left;
  transition:transform .28s var(--ease);
}
.nav__link:hover{ color:var(--green); }
.nav__link:hover::after,
.nav__link.is-active::after{ transform:scaleX(1); }
.nav__link.is-active{ color:var(--green); }

.site-header__actions{ display:flex; align-items:center; gap:12px; flex:none; }

.burger{
  display:none; width:42px; height:42px; border-radius:50%;
  border:1px solid var(--line); background:#fff;
  flex-direction:column; align-items:center; justify-content:center; gap:5px;
}
.burger__bar{
  width:16px; height:1.6px; background:var(--text); border-radius:2px;
  transition:transform .26s var(--ease), opacity .18s var(--ease);
}
.burger[aria-expanded="true"] .burger__bar:nth-child(1){ transform:translateY(6.6px) rotate(45deg); }
.burger[aria-expanded="true"] .burger__bar:nth-child(2){ opacity:0; }
.burger[aria-expanded="true"] .burger__bar:nth-child(3){ transform:translateY(-6.6px) rotate(-45deg); }

/* =====================================================================
   HERO — фотография на весь экран, текст поверх, слайды приезжают справа
   ===================================================================== */
.hero{
  --hero-pad:max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter)));
  position:relative;
  min-height:100svh;
  display:flex; flex-direction:column;
  padding-top:var(--header-h);
  color:#fff;
  background:var(--green-dark);
  overflow:hidden;
}

/* --- фон --- */
.hero__bg{ position:absolute; inset:0; z-index:0; }
.hero__slides{ position:absolute; inset:0; }

/* Кадр и картинка внутри едут с разной скоростью — получается глубина,
   а не плоский сдвиг. */
.hero__slide{
  position:absolute; inset:0; overflow:hidden; z-index:1;
  transform:translate3d(100%,0,0);
  transition:transform 1.05s var(--ease-out);
}
.hero__slide-img{
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  transform:translate3d(-42%,0,0);
  transition:transform 1.05s var(--ease-out);
}
.hero__slide.is-active{ transform:translate3d(0,0,0); z-index:3; }
.hero__slide.is-active .hero__slide-img{ transform:translate3d(0,0,0); }
.hero__slide.is-prev{ transform:translate3d(-42%,0,0); z-index:2; }
.hero__slide.is-prev .hero__slide-img{ transform:translate3d(42%,0,0); }

/* назад — приезжает слева */
.hero__slides.is-back .hero__slide{ transform:translate3d(-100%,0,0); }
.hero__slides.is-back .hero__slide-img{ transform:translate3d(42%,0,0); }
.hero__slides.is-back .hero__slide.is-prev{ transform:translate3d(42%,0,0); }
.hero__slides.is-back .hero__slide.is-prev .hero__slide-img{ transform:translate3d(-42%,0,0); }
.hero__slides.is-back .hero__slide.is-active{ transform:translate3d(0,0,0); }
.hero__slides.is-back .hero__slide.is-active .hero__slide-img{ transform:translate3d(0,0,0); }

/* Вуаль держит контраст текста, но оставляет фотографию читаемой:
   плотнее слева и снизу, легче в правом верхнем углу. */
.hero__scrim{
  position:absolute; inset:0; z-index:4;
  background:
    linear-gradient(to bottom, rgba(6,26,16,.6) 0%, rgba(6,26,16,0) 20%),
    linear-gradient(103deg, rgba(6,26,16,.84) 0%, rgba(6,26,16,.62) 44%,
                            rgba(6,26,16,.44) 74%, rgba(6,26,16,.36) 100%),
    linear-gradient(to top, rgba(6,26,16,.9) 0%, rgba(6,26,16,.86) 12%,
                            rgba(6,26,16,.38) 30%, rgba(6,26,16,.1) 55%,
                            rgba(6,26,16,0) 100%);
}

/* --- содержимое --- */
.hero__inner{
  position:relative; z-index:5; flex:1;
  display:flex; flex-direction:column; justify-content:center;
  padding:clamp(18px,2.6vw,40px) var(--hero-pad) clamp(16px,2.2vw,30px);
  /* страховка контраста на светлых кадрах */
  text-shadow:0 1px 10px rgba(6,26,16,.55);
}

.hero__eyebrow{
  display:flex; align-items:center; gap:18px;
  margin-bottom:clamp(12px,1.6vw,22px);
  font-family:var(--display); font-weight:600;
  font-size:11px; letter-spacing:.3em; text-transform:uppercase;
  color:#8FD3A8;
}
.hero__eyebrow::after{ content:""; flex:1; height:1px; background:rgba(255,255,255,.2); }

.hero__title{
  font-family:var(--display); font-weight:800;
  font-size:clamp(40px,6.2vw,92px);
  line-height:.92; letter-spacing:-.042em; color:#fff;
}
.hero__title em{ font-style:normal; color:#8FD3A8; }
.hero__line{ display:block; overflow:hidden; padding-bottom:.07em; }
.hero__line > span{
  display:block; transform:translateY(106%);
  transition:transform 1s var(--ease-out);
}
.hero.is-ready .hero__line > span{ transform:none; }
.hero__line:nth-child(2) > span{ transition-delay:.12s; }

/* одной строкой по центру, крупно */
.hero__subtitle{
  margin-top:clamp(14px,1.8vw,26px);
  text-align:center; text-wrap:balance;
  font-family:var(--display); font-weight:600;
  font-size:clamp(17px,2vw,30px); line-height:1.25;
  letter-spacing:-.015em; color:#fff;
}

/* три абзаца ТЗ — в три колонки, а не узким столбцом */
.hero__lead{
  margin-top:clamp(20px,2.8vw,40px);
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.4vw,42px);
  max-width:1120px;
  font-size:13.5px; line-height:1.62; color:rgba(255,255,255,.8);
}

/* четыре преимущества — одной строкой */
.hero__checks{
  margin-top:clamp(18px,2.4vw,32px);
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px clamp(16px,2vw,30px);
}
.hero__checks li{
  display:grid; grid-template-columns:19px 1fr; gap:11px; align-items:start;
  font-size:13px; line-height:1.45; color:#fff;
}
.hero__checks svg{ width:19px; height:19px; margin-top:1px; flex:none; color:#8FD3A8; }

.hero__actions{
  margin-top:clamp(20px,2.8vw,38px);
  display:flex; align-items:center; flex-wrap:wrap; gap:14px 18px;
}
.hero__note{
  padding-left:18px; border-left:1px solid rgba(255,255,255,.22);
  font-size:12.5px; line-height:1.45; color:rgba(255,255,255,.68);
}

/* кнопка поверх фотографии */
.btn--onphoto{
  background:rgba(255,255,255,.1); color:#fff;
  border:1px solid rgba(255,255,255,.34);
  backdrop-filter:blur(6px);
}
.btn--onphoto:hover{
  background:rgba(255,255,255,.2); border-color:#fff; transform:translateY(-2px);
}

/* --- нижняя полоса: показатели слева, слайдер справа --- */
.hero__foot{
  position:relative; z-index:5;
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:clamp(22px,3vw,56px);
  padding:clamp(12px,1.6vw,20px) var(--hero-pad) clamp(14px,1.8vw,24px);
  border-top:1px solid rgba(255,255,255,.16);
}
.hero__stats{ display:flex; gap:clamp(16px,2.4vw,42px); flex-wrap:wrap; }
.hero__stats li{ display:flex; align-items:center; gap:12px; }
.hero__stat-ico{
  width:36px; height:36px; flex:none; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.26); border-radius:50%; color:#8FD3A8;
}
.hero__stat-ico svg{ width:17px; height:17px; }
.hero__stats b{
  display:block;
  font-family:var(--display); font-weight:800; font-size:20px; line-height:1;
  letter-spacing:-.02em; color:#fff;
}
.hero__stats b + span{
  display:block; margin-top:3px;
  font-size:11.5px; line-height:1.35; color:rgba(255,255,255,.66);
}
.hero__stat-only{
  display:block; font-size:12px; line-height:1.38; color:rgba(255,255,255,.82);
}

.hero__slider{ display:grid; gap:9px; justify-items:end; }
.hero__tagline{
  font-family:var(--display); font-weight:500;
  font-size:12.5px; line-height:1.45; color:rgba(255,255,255,.72); text-align:right;
}
.hero__cap-row{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; justify-content:flex-end; }
.hero__words{ display:flex; flex-wrap:wrap; gap:4px 16px; }
.hero__words li{
  font-family:var(--display); font-weight:700; font-size:13px;
  color:rgba(255,255,255,.42);
  transition:color .5s var(--ease);
}
.hero__words li.is-on{ color:#fff; }
.hero__ctrl{ display:flex; align-items:center; gap:12px; }
.hero__count{
  font-family:var(--display); font-weight:600; font-size:12px;
  letter-spacing:.14em; color:rgba(255,255,255,.7);
}
.hero__count b{ color:#fff; font-weight:800; }
.hero__arrows{ display:flex; gap:8px; }
.hero__progress{
  display:block; width:min(320px,42vw); height:2px; border-radius:2px;
  background:rgba(255,255,255,.22); overflow:hidden;
}
.hero__progress i{
  display:block; height:100%; width:100%;
  background:var(--gold); transform:scaleX(0); transform-origin:left;
}
@keyframes heroBar{ from{ transform:scaleX(0) } to{ transform:scaleX(1) } }

/* последовательное появление содержимого */
.hero__inner > *:not(.hero__title){
  opacity:0; transform:translateY(18px);
  transition:opacity .75s var(--ease-out), transform .75s var(--ease-out);
}
.hero.is-ready .hero__inner > *:not(.hero__title){ opacity:1; transform:none; }
.hero__inner > *:nth-child(1){ transition-delay:.05s; }
.hero__inner > *:nth-child(3){ transition-delay:.30s; }
.hero__inner > *:nth-child(4){ transition-delay:.38s; }
.hero__inner > *:nth-child(5){ transition-delay:.46s; }
.hero__inner > *:nth-child(6){ transition-delay:.54s; }
.hero__foot{
  opacity:0; transform:translateY(14px);
  transition:opacity .8s var(--ease-out) .55s, transform .8s var(--ease-out) .55s;
}
.hero.is-ready .hero__foot{ opacity:1; transform:none; }

/* --- шапка поверх фотографии --- */

/* =====================================================================
   ЖИВЫЕ ДЕТАЛИ: индикатор прокрутки и подсветка карточек за курсором
   ===================================================================== */
.scroll-progress{
  position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:var(--gold); transform:scaleX(0); transform-origin:left;
  opacity:0; transition:opacity .3s var(--ease);
}
.site-header.is-scrolled .scroll-progress{ opacity:1; }

.svc::before,
.cta-band::before,
.lead-form::before{
  content:""; position:absolute; inset:0; z-index:0; border-radius:inherit;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),
    rgba(18,91,53,.08), rgba(18,91,53,0) 68%);
  opacity:0; transition:opacity .4s var(--ease); pointer-events:none;
}
.svc:hover::before,
.cta-band:hover::before,
.lead-form:hover::before{ opacity:1; }
.svc > *,
.cta-band > *,
.lead-form > *{ position:relative; z-index:1; }

/* =====================================================================
   ЭКСПЕРТИЗА — асимметричные три колонки
   ===================================================================== */
.expertise__grid{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.08fr) minmax(0,1.02fr);
  gap:34px; align-items:stretch;
}
/* фото с выпиской ФНС — вертикальное, крупнее прежнего здания */
.expertise__photo{
  position:relative; overflow:hidden;
  width:100%; align-self:stretch; min-height:420px;
  border-radius:var(--radius);
  background:#3E4B44 url("../img/expertise.jpg") center 30%/cover no-repeat;
}
.expertise__text{ padding-top:4px; }
.expertise__text .lead{ margin-top:16px; }
.expertise__mid{
  margin-top:18px; font-family:var(--display); font-weight:600;
  font-size:13.5px; color:var(--text);
}
.expertise__text .checks{ margin-top:14px; }
.expertise__foot{
  margin-top:26px; padding-top:18px; border-top:1px solid var(--line);
  font-size:12.5px; line-height:1.6; color:var(--text-2);
}

/* карточка безопасности */
.security{
  position:relative; overflow:hidden;
  padding:34px 32px;
  border-radius:var(--radius);
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(18,91,53,.55) 0%, rgba(11,58,38,0) 60%),
    linear-gradient(160deg, var(--green-deep), var(--green-dark));
  color:rgba(255,255,255,.78);
  display:flex; flex-direction:column;
}
/* текст всегда выше 3D-объекта */
.security > *{ position:relative; z-index:1; }
.security .h2{ color:#fff; max-width:15ch; }
.security__lead{ margin-top:14px; font-size:13.5px; color:rgba(255,255,255,.76); max-width:30ch; }
.security .checks{ margin-top:20px; max-width:26ch; }
.security__foot{
  margin-top:auto; padding-top:22px;
  border-top:1px solid rgba(255,255,255,.14);
  font-size:12px; line-height:1.6; color:rgba(255,255,255,.55);
}
.security__shield{
  position:absolute; right:-18px; bottom:-14px; z-index:0;
  width:auto; height:auto; max-width:138px; max-height:46%;
  opacity:.82; pointer-events:none;
  filter:drop-shadow(0 24px 48px rgba(0,0,0,.45));
  transform:scale(.92); transition:transform 1s var(--ease-out);
}
.security.is-visible .security__shield{ transform:scale(1); }

/* =====================================================================
   УСЛУГИ — широкие горизонтальные карточки
   ===================================================================== */
.svc-list{ display:grid; gap:18px; }
.svc{
  position:relative;
  display:grid; grid-template-columns:92px minmax(0,1fr) 300px;
  align-items:center; gap:30px;
  padding:26px 32px;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow-xs);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.svc:hover{ transform:translateY(-5px); box-shadow:var(--shadow); border-color:var(--green-hair); }
.svc__num{
  font-family:var(--display); font-weight:800; font-size:46px; line-height:1;
  letter-spacing:-.04em; color:var(--green-light);
  -webkit-text-stroke:1px var(--green-hair);
}
.svc__body{ max-width:52ch; }
.svc__text{ margin-top:10px; font-size:13.5px; line-height:1.62; }
.svc__foot{ margin-top:16px; display:flex; align-items:center; gap:14px; }
.svc__more{
  font-family:var(--display); font-weight:600; font-size:13px; color:var(--green);
  border-bottom:1.5px solid rgba(18,91,53,.3);
  transition:border-color .2s var(--ease);
}
.svc__more:hover{ border-color:var(--green); }
.svc__art{
  position:relative; height:190px;
  display:flex; align-items:center; justify-content:center;
}
.svc__art img{
  max-height:190px; max-width:100%; width:auto; height:auto;
  object-fit:contain;
  transition:transform .7s var(--ease-out);
}
.svc:hover .svc__art img{ transform:scale(1.05); }
.svc__go{
  position:absolute; right:28px; bottom:26px;
  width:40px; height:40px; display:grid; place-items:center;
  border:1px solid var(--green-hair); border-radius:50%; color:var(--green);
  transition:background-color .25s var(--ease), color .25s var(--ease), transform .25s var(--ease);
}
.svc__go svg{ width:16px; height:16px; }
.svc:hover .svc__go{ background:var(--green); color:#fff; transform:translateX(4px); }

/* =====================================================================
   ЧТО ПОЛУЧАЕТ БИЗНЕС
   ===================================================================== */
.gains{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
.gain{ position:relative; padding-top:26px; border-top:1px solid var(--line); }
.gain__ico{
  width:56px; height:56px; margin-bottom:16px;
  display:grid; place-items:center;
  background:var(--green-light); border-radius:50%; color:var(--green);
}
.gain__ico svg{ width:24px; height:24px; }
.gain__text{ margin-top:8px; font-size:13px; line-height:1.6; }

/* =====================================================================
   КЛИЕНТЫ
   ===================================================================== */
.clients{
  display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);
  border-radius:var(--radius-lg); overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.clients__photo{
  position:relative; min-height:420px;
  background:#5A6A60 url("../img/clients.jpg") center/cover no-repeat;
}
.clients__body{
  padding:44px 44px;
  background:linear-gradient(155deg, var(--green-deep), var(--green-dark));
  color:rgba(255,255,255,.78);
  display:flex; flex-direction:column; justify-content:center;
}
.clients__body .h2{ color:#fff; }
.clients__lead{ margin-top:16px; font-size:13.5px; color:rgba(255,255,255,.76); max-width:40ch; }
.clients__mid{
  margin-top:24px; font-family:var(--display); font-weight:600;
  font-size:13.5px; color:#fff;
}
.clients__body .checks{ margin-top:14px; }

/* =====================================================================
   СПЕЦИАЛИСТЫ — тёплое поле, показатели поверх фото, карточки ролей
   ===================================================================== */
.team{ display:grid; grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr); gap:36px; align-items:start; }
.team__eyebrow{ display:flex; align-items:center; gap:14px; margin-bottom:12px; }
.team__eyebrow::after{ content:""; width:110px; height:1px; background:var(--gold); }
.team__title{ font-size:clamp(30px,3.3vw,46px); line-height:1.02; letter-spacing:-.03em; }
.team__intro .lead{ margin-top:14px; font-size:13.5px; }

/* карточка как в макете: фото в своей пропорции, под ним плашка с цифрами */
.team__shot{
  margin-top:22px; overflow:hidden; border-radius:var(--radius);
  background:var(--green-dark);
}
.team__photo{ aspect-ratio:930 / 594; overflow:hidden; }
.team__shot img{
  width:100%; height:auto; display:block; aspect-ratio:930 / 594;
  object-fit:cover;
  /* Crop the white frame embedded in the source image. */
  transform:scale(1.1);
  transition:transform .8s var(--ease-out);
}
.team__shot:hover img{ transform:scale(1.12); }
.team__stats{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;
  padding:18px;
  background:var(--green-dark);
  color:#fff;
}
.team__stats b{
  display:block; font-family:var(--display); font-weight:800;
  font-size:clamp(18px,1.7vw,24px); line-height:1; letter-spacing:-.02em; color:#fff;
}
.team__stats span{ display:block; margin-top:5px; font-size:10.5px; line-height:1.35; color:rgba(255,255,255,.72); }

.team__people{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.person{
  display:flex; flex-direction:column; overflow:hidden;
  background:#FBFAF7; border:1px solid #E7E3DA; border-radius:var(--radius);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.person:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }
.person__photo{ aspect-ratio:1 / 1.02; overflow:hidden; background:var(--green-light); }
.person__photo img{
  width:100%; height:100%; object-fit:cover; object-position:50% 16%;
  /* Keep the embedded top/side frame outside the photo viewport. */
  transform:scale(1.12); transform-origin:center bottom;
  transition:transform .8s var(--ease-out);
}
.person:hover .person__photo img{ transform:scale(1.16); }
.person__body{ flex:1; display:flex; flex-direction:column; padding:16px 16px 18px; }
.person__role{
  font-family:var(--display); font-weight:700; font-size:14.5px; line-height:1.25;
  letter-spacing:-.01em; color:var(--text);
}
.person__text{ margin-top:8px; font-size:12px; line-height:1.55; color:var(--text-2); }
.hl{
  background:linear-gradient(transparent 62%, rgba(220,194,135,.55) 62%);
  color:inherit; padding:0 1px;
}
.person__list{ margin-top:14px; display:grid; gap:8px; }
.person__list li{ display:flex; align-items:center; gap:10px; font-size:11.5px; line-height:1.35; color:var(--text); }
.person__list li > span{
  width:30px; height:30px; flex:none; display:grid; place-items:center;
  background:#fff; border:1px solid #E7E3DA; border-radius:8px; color:var(--green);
}
.person__list svg{ width:15px; height:15px; }
.person__note{
  margin-top:auto; padding-top:12px; border-top:1px solid #ECE8E0;
  font-family:var(--display); font-weight:600; font-size:11.5px; color:var(--green);
}

/* =====================================================================
   РЕЗУЛЬТАТЫ
   ===================================================================== */
.results{
  position:relative; overflow:hidden;
  padding-block:46px;
  background:
    linear-gradient(100deg, rgba(7,53,31,.96) 0%, rgba(11,58,38,.9) 55%, rgba(18,91,53,.7) 100%),
    url("../img/stats.jpg") center/cover no-repeat, var(--green-dark);
  color:rgba(255,255,255,.7);
}
.results__inner{ position:relative; }
.results .shead{ margin-bottom:30px; }
.results .h2{ color:#fff; }
.results .shead__arrow{ border-color:rgba(255,255,255,.3); color:#fff; }
.results__grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) 210px; gap:26px;
  align-items:start;
}
.res{ position:relative; padding-left:20px; }
.res::before{
  content:""; position:absolute; left:0; top:4px; bottom:6px; width:1px;
  background:rgba(255,255,255,.16);
}
.res__val{
  display:block;
  font-family:var(--display); font-weight:800;
  font-size:clamp(26px,2.7vw,40px); line-height:1;
  letter-spacing:-.03em; color:#fff;
}
.res__val--sm{ font-size:clamp(21px,2vw,29px); }
.res__label{ display:block; margin-top:12px; font-size:12.5px; line-height:1.45; color:rgba(255,255,255,.6); }
.results__chart{ position:relative; align-self:end; }
.results__chart svg{ width:100%; height:auto; opacity:.72; }

/* =====================================================================
   ПРОЦЕСС
   ===================================================================== */
.steps{ position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.steps__track{
  position:absolute; left:26px; right:26px; top:26px; height:1.5px;
  background:var(--line);
}
.steps__track::after{
  content:""; position:absolute; inset:0;
  background:var(--green); transform-origin:left;
  transform:scaleX(0); transition:transform 1.4s var(--ease-out);
}
.steps.is-visible .steps__track::after{ transform:scaleX(1); }
.step{ position:relative; }
.step__num{
  position:relative; z-index:1;
  width:52px; height:52px; margin-bottom:20px;
  display:grid; place-items:center;
  background:#fff; border:1.5px solid var(--line); border-radius:50%;
  font-family:var(--display); font-weight:700; font-size:18px; color:var(--text);
  transition:border-color .4s var(--ease), color .4s var(--ease), background-color .4s var(--ease);
}
.step.is-visible .step__num{ border-color:var(--green); color:var(--green); }
.step__text{ margin-top:9px; font-size:12.5px; line-height:1.55; }
.section--light .step__num{ background:var(--near-white); }

/* =====================================================================
   FAQ + ФОРМА
   ===================================================================== */
.faqform{ display:grid; grid-template-columns:minmax(0,55fr) minmax(0,45fr); gap:40px; align-items:start; }

.faq{ display:grid; gap:0; border-top:1px solid var(--line); }
.faq__item{ border-bottom:1px solid var(--line); }
.faq__btn{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:20px 4px; text-align:left;
  font-family:var(--display); font-weight:600; font-size:15px; color:var(--text);
  transition:color .2s var(--ease);
}
.faq__btn:hover{ color:var(--green); }
.faq__sign{
  position:relative; width:20px; height:20px; flex:none; color:var(--green);
}
.faq__sign::before,
.faq__sign::after{
  content:""; position:absolute; left:50%; top:50%;
  background:currentColor; border-radius:2px;
  transition:transform .35s var(--ease);
}
.faq__sign::before{ width:15px; height:1.8px; transform:translate(-50%,-50%); }
.faq__sign::after{ width:1.8px; height:15px; transform:translate(-50%,-50%); }
.faq__btn[aria-expanded="true"] .faq__sign::before{ transform:translate(-50%,-50%) rotate(45deg); }
.faq__btn[aria-expanded="true"] .faq__sign::after{ transform:translate(-50%,-50%) rotate(45deg); }
.faq__panel{ overflow:hidden; height:0; transition:height .4s var(--ease); }
.faq__inner{ padding:0 4px 22px; font-size:13.5px; line-height:1.7; max-width:62ch; }

.lead-form{
  position:relative; overflow:hidden;
  padding:34px 32px;
  background:var(--green-light);
  border-radius:var(--radius-lg);
}
.lead-form .h3{ font-size:clamp(19px,1.7vw,23px); }
.lead-form__lead{ margin-top:10px; font-size:13px; line-height:1.6; }
.form{ margin-top:22px; display:grid; gap:11px; }
.field__input{
  width:100%; padding:14px 16px;
  background:#fff; border:1px solid transparent; border-radius:var(--radius-xs);
  font-size:13.5px; color:var(--text);
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.field__input::placeholder{ color:#9AA69F; }
.field__input:focus{ outline:none; border-color:var(--green); box-shadow:0 0 0 3px rgba(18,91,53,.1); }
.field__input--area{ resize:vertical; min-height:84px; }
.field__input.is-invalid{ border-color:#B4472F; }
.field__error{ margin-top:5px; font-size:11.5px; color:#A33F29; }
.form__status{ margin-top:2px; font-size:12.5px; color:var(--green); min-height:1.2em; }
.form__status.is-error{ color:#A33F29; }
.form__legal{ margin-top:4px; font-size:11px; line-height:1.5; color:var(--text-2); }
.form__legal a{ color:var(--green); border-bottom:1px solid rgba(18,91,53,.3); }

.tg-row{
  margin-top:24px; padding-top:22px; border-top:1px solid var(--green-hair);
  display:grid; grid-template-columns:46px minmax(0,1fr); gap:14px 16px; align-items:center;
}
.tg-row__ico{
  width:46px; height:46px; display:grid; place-items:center;
  background:var(--green); color:#fff; border-radius:50%;
}
.tg-row__ico svg{ width:20px; height:20px; transform:translateX(-1px); }
.tg-row__title{ font-family:var(--display); font-weight:600; font-size:13px; color:var(--text); line-height:1.4; }
.tg-row__btn{ grid-column:1 / -1; }
.tg-row__note{ grid-column:1 / -1; font-size:11px; color:var(--text-2); text-align:center; }

/* CTA-полоса между секциями */
.cta-band{
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap;
  min-height:168px; padding:34px 40px;
  /* фон с растением и ручкой — предметы справа, слева светлое поле под текст */
  background:var(--green-light) url("../img/cta-bg.jpg") right 42% / cover no-repeat;
  border-radius:var(--radius);
}
.cta-band__title{
  font-family:var(--display); font-weight:700; font-size:clamp(17px,1.6vw,22px);
  line-height:1.25; letter-spacing:-.02em; color:var(--text); max-width:44ch;
}
.cta-band__actions{ display:flex; gap:12px; flex-wrap:wrap; }

/* =====================================================================
   ПОДРОБНЫЕ УСЛУГИ
   ===================================================================== */
.detail{ position:relative; padding-block:76px; border-top:1px solid var(--line); }
.detail__grid{
  display:grid; grid-template-columns:minmax(0,.34fr) minmax(0,1fr);
  gap:44px; align-items:start;
}
.detail__side{ position:sticky; top:calc(var(--header-h-sm) + 28px); }
.detail__num{
  font-family:var(--display); font-weight:800; font-size:clamp(56px,7vw,104px);
  line-height:.82; letter-spacing:-.05em;
  color:transparent; -webkit-text-stroke:1.5px var(--green-hair);
}
/* Иллюстрации уже содержат свободное пространство вокруг объектов. */
.detail__art{
  margin-top:22px; width:min(100%,280px); height:auto;
  mix-blend-mode:multiply;
}
.detail__title{ margin-top:0; }
.detail__sub{
  margin-top:12px; font-family:var(--display); font-weight:600;
  font-size:14.5px; line-height:1.4; color:var(--green);
}
.detail__body{ margin-top:22px; display:grid; gap:16px; font-size:14px; line-height:1.72; }
.detail__label{
  font-family:var(--display); font-weight:600; font-size:13.5px; color:var(--text);
  letter-spacing:.01em;
}
.detail__cols{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 34px; }
.detail__out{
  margin-top:8px; padding:22px 24px;
  background:var(--near-white); border-left:2px solid var(--gold); border-radius:0 var(--radius-xs) var(--radius-xs) 0;
}
.detail__out .detail__label{ margin-bottom:10px; }
.detail__final{
  margin-top:8px; font-family:var(--display); font-weight:600;
  font-size:14.5px; line-height:1.55; color:var(--text);
}

/* =====================================================================
   ПОДВАЛ
   ===================================================================== */
.footer{
  position:relative; overflow:hidden;
  padding-block:52px 30px;
  background:
    linear-gradient(100deg, rgba(7,53,31,.97) 0%, rgba(7,53,31,.9) 62%, rgba(11,58,38,.72) 100%),
    url("../img/footer.jpg") center/cover no-repeat, var(--green-dark);
  color:rgba(255,255,255,.72);
}
.footer__inner{ position:relative; }
.footer__top{
  display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,auto);
  gap:44px; align-items:start;
}
.footer__brand .checks{ margin-top:22px; }
.footer__nav ul{ display:grid; grid-template-columns:repeat(2,auto); gap:10px 34px; }
.footer__nav a{
  font-family:var(--display); font-weight:500; font-size:12.5px;
  color:rgba(255,255,255,.72); transition:color .2s var(--ease);
}
.footer__nav a:hover{ color:#8FD3A8; }
.footer__side{ display:flex; flex-direction:column; align-items:flex-end; gap:14px; }
.footer__bottom{
  position:relative; margin-top:40px; padding-top:20px;
  border-top:1px solid rgba(255,255,255,.13);
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
  font-size:11.5px; color:rgba(255,255,255,.44);
}

/* =====================================================================
   FLOATING CTA
   ===================================================================== */
.floating{
  position:fixed; z-index:110; right:28px; bottom:26px;
  display:flex; align-items:center; gap:10px;
  opacity:0; transform:translateY(16px); pointer-events:none;
  transition:opacity .35s var(--ease), transform .35s var(--ease);
}
.floating.is-on{ opacity:1; transform:none; pointer-events:auto; }
.floating .btn--primary{ box-shadow:0 14px 34px rgba(7,53,31,.32); }
.floating__tg{
  width:46px; height:46px; display:grid; place-items:center;
  background:#fff; color:var(--green);
  border:1px solid var(--line); border-radius:50%;
  box-shadow:var(--shadow-sm);
  transition:transform .22s var(--ease), color .22s var(--ease);
}
.floating__tg svg{ width:19px; height:19px; transform:translateX(-1px); }
.floating__tg:hover{ transform:translateY(-2px); }

/* =====================================================================
   МОДАЛКА (галерея / изображения не используется — оставлена для услуг)
   ===================================================================== */
.reveal{ opacity:0; transform:translateY(20px); }
.reveal.is-visible{
  opacity:1; transform:none;
  transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);
}

/* =====================================================================
   АДАПТИВ
   ===================================================================== */
@media (max-width:1200px){
  .nav__list{ gap:20px; }
  .expertise__grid{ grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr); }
  .expertise .security{ grid-column:1 / -1; }
  .svc{ grid-template-columns:74px minmax(0,1fr) 190px; gap:22px; padding:26px; }
  .results__grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .results__chart{ display:none; }
}

@media (max-width:1100px){
  .site-header__inner{ gap:14px; }
  .burger{ display:flex; }
  .nav{
    position:fixed; inset:var(--header-h) 0 auto; margin:0;
    background:rgba(255,255,255,.98);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--line);
    box-shadow:0 20px 40px rgba(7,53,31,.1);
    transform:translateY(-10px); opacity:0; pointer-events:none;
    transition:opacity .24s var(--ease), transform .24s var(--ease);
  }
  .site-header.is-scrolled .nav{ inset-block-start:var(--header-h-sm); }
  .nav.is-open{ transform:none; opacity:1; pointer-events:auto; }
  .nav__list{ flex-direction:column; align-items:stretch; gap:0; padding:6px var(--gutter) 20px; }
  .nav__link{ display:block; padding:14px 0; font-size:15px; border-bottom:1px solid var(--line-soft); }
  .nav__link::after{ display:none; }
  .site-header__actions .btn{ display:none; }

  .hero__lead{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero__checks{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero__foot{ flex-direction:column; align-items:stretch; gap:18px; }
  .hero__slider{ justify-items:start; }
  .hero__tagline{ text-align:left; }
  .hero__cap-row{ justify-content:space-between; }
  .hero__progress{ width:100%; }

  .team{ grid-template-columns:minmax(0,1fr); gap:28px; }
  .faqform{ grid-template-columns:minmax(0,1fr); gap:34px; }
  .detail__grid{ grid-template-columns:minmax(0,1fr); gap:26px; }
  .detail__side{ position:static; display:flex; align-items:center; gap:24px; }
  .detail__art{ margin-top:0; width:128px; }
}

@media (max-width:860px){
  .section{ padding-block:60px; }
  .section--tight{ padding-block:48px; }
  .expertise__grid{ grid-template-columns:minmax(0,1fr); }
  .expertise__photo{ aspect-ratio:16 / 10; }
  .svc{ grid-template-columns:minmax(0,1fr); gap:18px; }
  .svc__num{ font-size:36px; }
  .svc__art{ height:130px; order:-1; justify-items:start; }
  .svc__go{ position:static; margin-top:4px; }
  .svc__foot{ justify-content:space-between; }
  .detail__grid{ gap:18px; }
  .detail__side{ flex-direction:column; align-items:stretch; gap:18px; }
  .detail__art{ order:-1; align-self:center; width:min(100%,190px); }
  .detail__num{
    font-size:36px; line-height:1; letter-spacing:-.04em;
    color:var(--green-light); -webkit-text-stroke:1px var(--green-hair);
  }
  .gains{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 22px; }
  .clients{ grid-template-columns:minmax(0,1fr); }
  .clients__photo{ min-height:280px; }
  .clients__body{ padding:32px 26px; }
  .team__people{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .results__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .steps{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 22px; }
  .steps__track{ display:none; }
  .detail__cols{ grid-template-columns:minmax(0,1fr); }
}

@media (max-width:640px){
  :root{ --gutter:18px; }
  .shead{ flex-direction:column; align-items:flex-start; gap:14px; }
  .shead__note{ text-align:left; max-width:none; }
  .hero{ min-height:0; padding-bottom:0; }
  .hero__inner{ padding-block:34px 30px; }
  .hero__title{ font-size:clamp(34px,10.8vw,54px); }
  .hero__eyebrow{ display:block; }
  .hero__eyebrow::after{ display:none; }
  .hero__lead{ grid-template-columns:minmax(0,1fr); }
  .hero__checks{ grid-template-columns:minmax(0,1fr); }
  .hero__actions .btn{ width:100%; }
  .hero__note{ padding-left:0; border-left:0; }
  .hero__stats{ gap:14px; }
  .hero__stats li{ width:100%; }
  .checks--2col{ grid-template-columns:minmax(0,1fr); }


  .gains{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .results__grid{ grid-template-columns:minmax(0,1fr); gap:20px; }
  .steps{ grid-template-columns:minmax(0,1fr); gap:22px; }
  .team__people{ grid-template-columns:minmax(0,1fr); gap:14px; }
  .team__stats{ padding:48px 14px 14px; gap:8px; }
  .team__stats span{ font-size:10px; }
  .lead-form{ padding:26px 20px; }
  .cta-band{ padding:24px 22px; }
  .cta-band__actions{ width:100%; }
  .cta-band__actions .btn{ flex:1 1 auto; }
  .footer__top{ grid-template-columns:minmax(0,1fr); gap:28px; }
  .footer__side{ align-items:flex-start; }
  .footer__nav ul{ grid-template-columns:repeat(2,1fr); }

  /* нижняя панель вместо плавающей кнопки */
  .floating{
    right:0; left:0; bottom:0;
    padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(14px);
    border-top:1px solid var(--line);
    transform:translateY(100%);
  }
  .floating.is-on{ transform:none; }
  .floating .btn--primary{ flex:1; }
  body.has-floating{ padding-bottom:72px; }
}

/* =====================================================================
   МОТОРИКА
   ===================================================================== */
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .reveal{ opacity:1; transform:none; }
  .gain__ico{ opacity:1; transform:none; }
  .steps__track::after{ transform:scaleX(1); }
  .hero__line > span{ transform:none !important; }
  .hero__inner > *, .hero__foot{ opacity:1 !important; transform:none !important; }
  .hero__slide, .hero__slide-img{ transition:none !important; }
}