/* ============================================================
   OptiCrew landing — «ночной рейс»
   Темы: :root — тёмная (по умолчанию), [data-theme="light"] — светлая
   ============================================================ */

:root{
  --bg:#0b1120;
  --bg-alt:#0e1630;
  --surface:#131d38;
  --surface-2:#182349;
  --line:rgba(148,163,205,.16);
  --text:#e8edf7;
  --muted:#93a1bd;
  --accent:#e4611c;
  --accent2:#feb12b;
  --grad:linear-gradient(92deg,#e4611c,#feb12b);
  --ok:#3ecf8e;
  --header-h:64px;
  --shadow:0 18px 50px rgba(2,6,20,.5);
  --font-display:'Unbounded',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
}
[data-theme="light"]{
  /* тёплая «буклетная» гамма — в тон светлой теме админки */
  --bg:#f7f1e6;
  --bg-alt:#f1e8d6;
  --surface:#ffffff;
  --surface-2:#fdf6ea;
  --line:rgba(33,9,4,.1);
  --text:#241a12;
  --muted:#5d5347;
  --ok:#2e8c58;
  --shadow:0 8px 24px rgba(33,9,4,.07);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
body{
  overflow-x:clip;
  background:var(--bg);
  color:var(--text);
  font:400 16px/1.6 var(--font-body);
  -webkit-font-smoothing:antialiased;
  transition:background .35s,color .35s;
}
a{color:inherit}
img,svg{display:block}
b{font-weight:600}
.mono{font-family:var(--font-mono)}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

section{scroll-margin-top:var(--header-h)}

/* ---------- Header ---------- */
.header{
  position:sticky;top:0;z-index:50;
  height:var(--header-h);
  background:color-mix(in srgb,var(--bg) 82%,transparent);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.header__inner{
  max-width:1200px;margin:0 auto;height:100%;
  display:flex;align-items:center;gap:20px;
  padding:0 24px;
}
.logo{display:flex;align-items:center;text-decoration:none}
.logo__img{height:34px;width:auto;display:block}
.logo__img--light{display:none}
html[data-theme="light"] .logo__img--light{display:none}
html[data-theme="light"] .logo__img--dark{display:block}
html[data-theme="dark"] .logo__img--dark{display:none}
html[data-theme="dark"] .logo__img--light{display:block}

.nav{margin-left:auto;display:flex;align-items:center;gap:26px}
.nav a{
  text-decoration:none;font-size:14.5px;color:var(--muted);
  white-space:nowrap;transition:color .2s;
}
.nav a:hover{color:var(--text)}
.nav__demo{
  font-family:var(--font-mono);font-size:13.5px!important;
  color:var(--accent2)!important;
  border:1px dashed color-mix(in srgb,var(--accent2) 55%,transparent);
  padding:6px 14px;border-radius:999px;
}
.nav__demo:hover{border-style:solid}
.nav__cta{
  color:#fff!important;background:var(--grad);
  padding:9px 18px;border-radius:999px;font-weight:600;
  box-shadow:0 6px 20px rgba(228,97,28,.35);
  transition:transform .2s,box-shadow .2s;
}
.nav__cta:hover{transform:translateY(-1px);box-shadow:0 9px 26px rgba(228,97,28,.45)}

.header__actions{display:flex;align-items:center;gap:12px}
.theme-toggle{
  width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);background:var(--surface);
  cursor:pointer;display:grid;place-items:center;
  transition:border-color .2s;
}
.theme-toggle:hover{border-color:var(--accent2)}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:var(--text);stroke-width:1.8;stroke-linecap:round}
html[data-theme="dark"] .ico-moon{display:none}
html[data-theme="light"] .ico-sun{display:none}

.burger{display:none;flex:none;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.burger span{display:block;width:16px;height:2px;background:var(--text);border-radius:2px}

/* затемнение под мобильным меню */
.nav-backdrop{
  position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:69;
  background:rgba(5,9,20,.55);
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;
}
.nav-backdrop.show{opacity:1;visibility:visible}

/* ---------- Симуляция (hero) ---------- */
.sim{
  position:relative;
  height:calc(100vh - var(--header-h));
  min-height:540px;max-height:1000px;
  overflow:hidden;
  background:var(--bg);
  border-bottom:1px solid var(--line);
}
#simCanvas{position:absolute;inset:0;width:100%;height:100%}

.sim__overlay{
  position:absolute;inset:0;z-index:3;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;padding:24px;gap:22px;
  background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--bg) 55%,transparent) 0%,color-mix(in srgb,var(--bg) 86%,transparent) 78%);
  transition:opacity .5s,visibility .5s;
}
.sim.running .sim__overlay{opacity:0;visibility:hidden;pointer-events:none}
.sim__title{
  font-family:var(--font-display);
  font-size:clamp(26px,4.2vw,52px);
  font-weight:600;line-height:1.18;letter-spacing:-.01em;
  max-width:1000px;
}
.sim__sub{font-size:clamp(17px,2vw,24px);color:var(--muted)}
.sim__sub b{color:var(--text)}
.sim__checks{display:flex;gap:26px;list-style:none;flex-wrap:wrap;justify-content:center}
.sim__checks li{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--muted)}
.sim__checks svg{width:19px;height:19px;fill:none;stroke:var(--ok);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.sim__play{
  display:inline-flex;align-items:center;gap:10px;
  font:600 16px var(--font-body);color:#fff;
  background:var(--grad);border:none;border-radius:999px;
  padding:15px 32px;cursor:pointer;
  box-shadow:0 10px 34px rgba(228,97,28,.45);
  transition:transform .2s,box-shadow .2s;
}
.sim__play:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(228,97,28,.55)}
.sim__play svg{width:20px;height:20px;fill:#fff}


.sim__hud{
  position:absolute;z-index:4;display:none;
  font:500 13px var(--font-mono);color:var(--muted);
  background:color-mix(in srgb,var(--surface) 78%,transparent);
  border:1px solid var(--line);border-radius:10px;
  padding:7px 12px;backdrop-filter:blur(8px);
}
.sim.running .sim__hud{display:block}
.sim__hud--tl{top:16px;left:16px}
.sim__hud--tr{top:16px;right:16px;color:var(--ok)}

.sim__dock{
  position:absolute;left:16px;bottom:16px;z-index:4;
  display:none;flex-direction:column;
  width:196px;
  background:color-mix(in srgb,var(--surface) 82%,transparent);
  border:1px solid var(--line);border-radius:16px;
  padding:10px 12px 12px;backdrop-filter:blur(8px);
  overflow:hidden;                       /* соты обрезаются по скруглению плашки */
}
.sim.running .sim__dock{display:flex}
#dockCanvas{                             /* фон-соты на всю плашку (любой высоты), под контентом */
  position:absolute;top:-10px;left:-12px;width:calc(100% + 24px);height:calc(100% + 22px);
  z-index:0;pointer-events:none;border-radius:16px;
}
.sim__spacer{height:150px;flex:none}     /* резерв под главный гекс с роем */
.sim__controls{
  position:relative;z-index:1;
  display:flex;flex-direction:column;gap:8px;
  overflow:hidden;max-height:0;opacity:0;
  transition:max-height .3s ease,opacity .25s ease,margin .3s ease;
}
.sim__dock.open .sim__controls{max-height:240px;opacity:1;margin:6px 0 10px}
.sim__controls label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:3px}
.sim__controls label span{color:var(--text);font-size:12px;float:right}
.sim__controls input[type=range]{
  width:100%;accent-color:var(--accent);height:20px;cursor:pointer;
}
.dock__btns{position:relative;z-index:1;display:flex;gap:8px;margin-top:8px}
.dock__btn{
  flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;
  font:500 12.5px var(--font-body);color:var(--text);
  background:var(--surface-2);
  border:1px solid var(--line);border-radius:10px;
  padding:8px 6px;cursor:pointer;white-space:nowrap;
}
.dock__btn:hover{border-color:var(--accent)}

/* ---------- Общие секции ---------- */
.section{padding:90px 0;position:relative;overflow:hidden}
.section--alt{background:var(--bg-alt)}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}

/* фоновые гексагоны — фирменный мотив, ненавязчиво */
.bg-hex{
  position:absolute;pointer-events:none;
  clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);
  background:var(--grad);
}
.eyebrow{
  font:500 12.5px var(--font-mono);letter-spacing:.22em;text-transform:uppercase;
  color:var(--accent2);margin-bottom:14px;
}
.eyebrow::before{content:"— "}
h2{
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(24px,3vw,38px);line-height:1.25;letter-spacing:-.01em;
  max-width:900px;margin-bottom:44px;
}
h3{font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2.2vw,26px);line-height:1.3;margin-bottom:32px}
.mono-num{font-family:var(--font-mono);font-weight:500}

/* появление при скролле */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.on{opacity:1;transform:none}

/* ---------- О продукте ---------- */
.about__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center;margin-bottom:80px}
.feature-list{list-style:none;display:flex;flex-direction:column;gap:26px}
.feature-list li{display:flex;gap:16px;align-items:flex-start;font-size:16.5px}
.fi{
  flex:none;width:40px;height:40px;padding:8px;
  fill:none;stroke:var(--accent2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  background:color-mix(in srgb,var(--accent) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--accent2) 30%,transparent);
  border-radius:12px;
}

/* композиция устройств: ноутбук + смартфон */
.devices{position:relative}
.phone{
  position:absolute;right:-2%;bottom:-16px;
  width:22%;min-width:86px;
  container-type:inline-size;      /* все размеры внутри — в cqw: пропорции одинаковы на любом экране */
  filter:drop-shadow(0 18px 34px rgba(2,6,20,.5));
}
[data-theme="light"] .phone{filter:drop-shadow(0 14px 28px rgba(33,9,4,.22))}
.phone__screen{
  --phone-ink:#e9ecf5;             /* цвет статус-бара: тёмная тема админки */
  position:relative;aspect-ratio:390/844;
  display:flex;flex-direction:column;
  padding:2.6cqw;                  /* корпус-рамка */
  background:#1a2138;border-radius:12cqw;
  overflow:hidden;
}
[data-theme="light"] .phone__screen{--phone-ink:#241a12;background:#d3d7df}
.phone__status{
  position:relative;flex:none;height:11cqw;
  display:grid;grid-template-columns:1fr 25cqw 1fr;align-items:center;
  background:#0b1120;color:var(--phone-ink);
  border-radius:9.5cqw 9.5cqw 0 0;
}
[data-theme="light"] .phone__status{background:#fbf7ef}
.phone__time{font:600 3.6cqw var(--font-body);letter-spacing:.02em;justify-self:center}
.phone__island{ /* Dynamic Island */
  width:25cqw;height:5.4cqw;border-radius:2.7cqw;background:#000;justify-self:center;
}
.phone__ics{display:flex;align-items:center;gap:1.6cqw;justify-self:center}
.phone__sig{width:4.6cqw;height:3.1cqw;fill:var(--phone-ink)}
.phone__bat{width:6.6cqw;height:3.2cqw;fill:var(--phone-ink);color:var(--phone-ink)}
.phone__body{
  position:relative;flex:1;min-height:0;background:#0b1120;
  border-radius:0 0 9.5cqw 9.5cqw;overflow:hidden;   /* нижние углы — как у корпуса */
}
[data-theme="light"] .phone__body{background:#fbf7ef}
.phone__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.phone__home{ /* индикатор «домой» — поверх контента, как у iPhone */
  position:absolute;left:50%;bottom:1.6cqw;transform:translateX(-50%);
  width:34cqw;height:1.3cqw;border-radius:1cqw;
  background:var(--phone-ink);opacity:.85;pointer-events:none;z-index:2;
}

/* ноутбук */
.laptop{filter:drop-shadow(0 30px 50px rgba(2,6,20,.45))}
[data-theme="light"] .laptop{filter:drop-shadow(0 24px 44px rgba(24,35,73,.2))}
[data-theme="light"] .laptop__screen::before{background:#9aa1af}
[data-theme="light"] .laptop__base{background:linear-gradient(#eceef2,#c7ccd6)}
[data-theme="light"] .laptop__base::before{background:#aab0bc}
.laptop__screen{
  --scr-bg:#0d1428;
  margin:0 6%;
  padding:10px 10px 14px;                      /* корпус-рамка */
  background:#1a2138;border-radius:16px 16px 4px 4px;
  position:relative;
}
.laptop__inner{
  container-type:inline-size;                    /* размеры браузер-панели — в cqw */
  position:relative;aspect-ratio:16/10;
  display:flex;flex-direction:column;
  background:var(--scr-bg);overflow:hidden;
  border-radius:16px 16px 0 0;                   /* как внешнее скругление корпуса */
}

/* --- обезличенная панель браузера --- */
.laptop__inner{
  --br-bg:#131c33; --br-bar:#0d1428; --br-ink:#93a1bd; --br-tab:#1a2542;
}
[data-theme="light"] .laptop__inner{
  --br-bg:#e9e2d4; --br-bar:#f3ecdf; --br-tab:#fbf7ef; --br-ink:#5d5347;
}
.browser{flex:none;font-family:var(--font-body);color:var(--br-ink)}
.browser__tabs{
  display:flex;align-items:flex-end;gap:2.4cqw;
  height:4.4cqw;padding:0 2cqw;background:var(--br-bg);
}
.browser__dots{display:flex;gap:.9cqw;align-self:center}
.browser__dots i{width:1.15cqw;height:1.15cqw;border-radius:50%;background:#e35555}
.browser__dots i:nth-child(2){background:#e0a93e}
.browser__dots i:nth-child(3){background:#43b581}
.browser__tab{
  display:flex;align-items:center;justify-content:flex-start;gap:1.4cqw;
  height:3.4cqw;min-width:30cqw;padding:0 2.2cqw 0 1.4cqw;
  font-size:1.45cqw;line-height:1;white-space:nowrap;
  background:var(--br-bar);border-radius:1.2cqw 1.2cqw 0 0;
}
.browser__tab svg{width:1.55cqw;height:1.55cqw;color:var(--accent)}
.browser__view{position:relative;flex:1;min-height:0}
.browser__view::before{                      /* тонкий разделитель панели и страницы */
  content:"";position:absolute;top:0;left:0;right:0;z-index:1;
  height:.55cqw;background:var(--br-bar);
}
[data-theme="light"] .laptop__screen{--scr-bg:#fbf7ef;background:#d3d7df}
.laptop__shot{
  position:absolute;top:.55cqw;left:0;right:0;bottom:0;   /* страница начинается ПОД полосой-разделителем */
  width:100%;height:calc(100% - .55cqw);
  object-fit:cover;object-position:top;
}
.laptop__shot--light{display:none}
[data-theme="light"] .laptop__shot--dark{display:none}
[data-theme="light"] .laptop__shot--light{display:block}
.laptop__screen::before{ /* камера */
  content:"";position:absolute;top:2.5px;left:50%;transform:translateX(-50%);
  width:5px;height:5px;border-radius:50%;background:#3a4360;z-index:2;
}
.laptop__base{
  height:14px;border-radius:2px 2px 12px 12px;
  background:linear-gradient(#232c4a,#161d36);
  position:relative;
}
.laptop__base::before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:14%;height:5px;border-radius:0 0 8px 8px;background:#0d1326;
}


/* боли */
.pain__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pain__card{
  background:var(--surface);border:1px solid var(--line);border-radius:18px;
  padding:24px;display:flex;flex-direction:column;gap:14px;
  transition:transform .25s,border-color .25s;
}
.pain__card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent2) 45%,transparent)}
.pain__card p{font-size:14.5px;color:var(--muted)}
.pain__card b{color:var(--text)}

/* ---------- Функционал ---------- */
.params{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.param{
  display:flex;align-items:center;gap:12px;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:14px 18px;font-size:14.5px;
  transition:transform .2s,border-color .2s;
}
.param:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent2) 45%,transparent)}
.param svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--accent2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Результаты ---------- */
.quote{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(19px,2.6vw,30px);line-height:1.4;
  max-width:880px;margin-bottom:56px;
  padding-left:26px;border-left:3px solid;
  border-image:linear-gradient(#e4611c,#feb12b) 1;
}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.stat{
  background:var(--surface);border:1px solid var(--line);border-radius:20px;
  padding:34px 30px;text-align:center;
}
.stat__num{
  font-family:var(--font-mono);font-weight:500;
  font-size:clamp(32px,4vw,50px);line-height:1.1;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:10px;white-space:nowrap;
}
.stat__label{color:var(--muted);font-size:15px}

/* ---------- Преимущества ---------- */
.adv{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.adv__card{
  background:var(--surface);border:1px solid var(--line);border-radius:18px;
  padding:26px;display:flex;flex-direction:column;gap:16px;
  transition:transform .25s,border-color .25s;
}
.adv__card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent2) 45%,transparent)}
.adv__card h4{font-weight:600;font-size:16px;line-height:1.45}

/* ---------- Путь клиента ---------- */
.journey{
  list-style:none;counter-reset:j;
  display:grid;grid-template-columns:repeat(7,1fr);gap:0;
  margin-bottom:64px;position:relative;
}
.journey::before{ /* пунктирная линия маршрута */
  content:"";position:absolute;top:23px;left:calc(100%/14);right:calc(100%/14);
  border-top:2px dashed color-mix(in srgb,var(--accent2) 45%,transparent);
}
.journey li{position:relative;text-align:center;padding:0 8px}
.journey li:not(:first-child)::before{ /* стрелка в конце пунктирного отрезка, перед кружком */
  content:"";position:absolute;left:calc(50% - 27px);top:23px;transform:translate(-100%,-50%);
  width:9px;height:11px;
  clip-path:polygon(0 0,100% 50%,0 100%);   /* геометрически острая вершина */
  background:var(--accent2);
}
.journey i{
  position:relative;z-index:1;
  display:inline-grid;place-items:center;
  width:46px;height:46px;border-radius:50%;
  font:500 13px var(--font-mono);font-style:normal;
  color:#fff;background:var(--grad);
  box-shadow:0 0 0 6px var(--bg);
  margin-bottom:14px;
}
.section .journey i{box-shadow:0 0 0 6px var(--bg)}
.journey span{display:block;font-size:13px;color:var(--muted);line-height:1.45}

/* ---------- Форма ---------- */
.lead{
  max-width:860px;margin:0 auto;
  background:var(--surface);border:1px solid var(--line);border-radius:22px;
  padding:36px;box-shadow:var(--shadow);
}
.lead__row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.lead label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted)}
.lead input{
  font:400 15px var(--font-body);color:var(--text);
  background:var(--surface-2);border:1px solid var(--line);border-radius:12px;
  padding:12px 14px;outline:none;transition:border-color .2s;
}
.lead input:focus{border-color:var(--accent2)}
.lead input.err{border-color:#e35555}
.lead__btn{
  display:block;width:100%;
  font:600 16px var(--font-body);color:#fff;
  background:var(--grad);border:none;border-radius:14px;
  padding:15px;cursor:pointer;
  box-shadow:0 8px 26px rgba(228,97,28,.4);
  transition:transform .2s,box-shadow .2s;
}
.lead__btn:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(228,97,28,.5)}
.lead__consent{margin-top:14px;font-size:12.5px;color:var(--muted);text-align:center}
.lead__consent a{color:var(--accent2)}
.lead__done{margin-top:14px;text-align:center;color:var(--ok);font-size:14.5px}

/* ---------- Footer ---------- */
.footer{border-top:1px solid var(--line);padding:56px 0 44px;background:var(--bg-alt)}
.footer__inner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.logo--footer{margin-bottom:14px}
.logo--footer .logo__img{height:44px}
.footer__line{font-size:14px;color:var(--muted)}
.footer__line a{color:var(--accent2);text-decoration:none}
.footer__line a:hover{text-decoration:underline}
.footer__muted{opacity:.75;font-size:13px;margin-top:6px}

/* фокус с клавиатуры */
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:2px solid var(--accent2);outline-offset:2px;
}

/* ---------- Адаптив ---------- */
@media (max-width:1024px){
  .about__grid{grid-template-columns:1fr;gap:40px}
  .pain__grid{grid-template-columns:repeat(2,1fr)}
  .params{grid-template-columns:repeat(2,1fr)}
  .adv{grid-template-columns:repeat(2,1fr)}
  .journey{grid-template-columns:repeat(4,1fr);row-gap:34px}
  .journey::before{display:none}
  .journey li:not(:first-child)::before{display:none}
}
@media (max-width:980px){
  .burger{display:flex}
  .header__inner{position:relative}
  .header .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  .nav{
    position:fixed;top:0;left:0;z-index:70;
    flex-direction:column;align-items:stretch;gap:0;
    width:min(320px,86vw);height:100dvh;
    background:var(--surface);border-right:1px solid var(--line);
    padding:24px 18px;overflow-y:auto;
    transform:translateX(-100%);visibility:hidden;
    transition:transform .3s,visibility .3s;
  }
  .nav.open{transform:none;visibility:visible}
  body.resizing .nav,body.resizing .nav-backdrop{transition:none!important}
  .nav a:not(.nav__demo):not(.nav__cta){padding:13px 10px;font-size:16px;border-bottom:1px solid var(--line)}
  .nav__demo,.nav__cta{font-size:16px;padding:13px 10px}
  .nav__demo,.nav__cta{margin-top:16px;text-align:center}
  .nav__cta{box-shadow:none} /* тень перекрывала пунктирную рамку «Демо» */
  .header__actions{margin-left:auto}
}
@media (max-width:760px){
  .sim{min-height:520px}
  .sim__dock{left:12px;bottom:12px}
  .section{padding:64px 0}
  .stats,.pain__grid,.params,.adv{grid-template-columns:1fr}
  .journey{grid-template-columns:repeat(2,1fr)}
  .lead{padding:24px}
  .lead__row{grid-template-columns:1fr}
}