*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
/* Десктоп: прежний градиент body. «Бирюзовая бездна», прозрачные секции и отключение blur — только ≤640px */
html{
  background:#04111e;
  scroll-behavior:auto;
  overflow-anchor:none;
}
body{
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color:#fff;
  overflow-x:clip;
  background:linear-gradient(135deg,#04111e 0%,#050d1a 50%,#04111e 100%);
}
@media(min-width:641px){
  html,body{overscroll-behavior:none;}
}
.site-below-hero{
  position:relative;
  z-index:1;
  isolation:isolate;
}
html.sprysee-intro-boot .site-below-hero{
  visibility:hidden!important;
  pointer-events:none!important;
}
html.ocean-on{background:transparent!important;overflow-x:clip}
html.ocean-on body{
  background:transparent!important;
  isolation:isolate;
  /* svh: не растёт при скрытии панели URL в Chrome — иначе «экран увеличивается» и ломает скролл */
  min-height:100svh;
  min-height:-webkit-fill-available;
}
/* Секция hero без сплошной подложки — просвечивает canvas океана */
@media(max-width:640px){
  /*
    Без ocean-on (file:// часто ломает ES modules + import map → three с CDN;
    или узкий вьюпорт без WebGL): подложка вместо «пустого» hero.
  */
  html:not(.ocean-on) #hero{
    background:
      radial-gradient(ellipse 130% 85% at 50% 108%,rgba(45,212,191,.14) 0%,transparent 52%),
      radial-gradient(ellipse 70% 55% at 12% 18%,rgba(8,55,62,.38) 0%,transparent 48%),
      radial-gradient(ellipse 55% 45% at 88% 32%,rgba(20,90,88,.22) 0%,transparent 46%),
      linear-gradient(180deg,#02080e 0%,#04141c 42%,#030c14 100%)!important;
  }
  html.ocean-on #hero{background:transparent!important}
}

:root{
  --mw:1200px;
  --px:clamp(16px,5vw,72px);
  --py:clamp(48px,7vw,100px);
  --h-sec:clamp(22px,3.5vw,44px);
  --h-split:clamp(16px,2vw,26px);
  --body:clamp(13px,1.1vw,15px);
  --label-track:.2em;
  --gap:clamp(20px,3vw,48px);
  --teal:#2DD4BF;
  /* Не #fff: единая база секций, чтобы не мигал белый при вставке iframe/скролле */
  --background:#04111a;
  --abyss-top:#04111e;
  --abyss-bottom:#030d18;
  /* Глубокие секции: база + отсвет + «пыль» (точки) */
  --abyss-deep-base:#020a10;
  --abyss-deep-glow:radial-gradient(circle at 50% -20%,rgba(45,212,191,.08) 0%,transparent 50%);
  --abyss-deep-dust:radial-gradient(circle,rgba(45,212,191,.03) .45px,transparent .5px);
}
@property --hm-glass-edge{
  syntax:'<angle>';
  inherits:false;
  initial-value:0deg;
}
@keyframes hm-glass-edge-rotate{
  to{--hm-glass-edge:360deg}
}
@media (min-width:1920px){
  :root{
    --mw:1480px;
    --px:clamp(24px,4vw,100px);
    --py:clamp(64px,6vw,132px);
    --h-sec:clamp(28px,2.85vw,54px);
    --h-split:clamp(20px,1.85vw,34px);
    --body:clamp(14px,0.98vw,17px);
    --gap:clamp(28px,2.5vw,64px);
  }
}
@media (min-width:2560px){
  :root{
    --mw:1640px;
    --px:clamp(28px,3.6vw,120px);
    --py:clamp(72px,5.5vw,152px);
    --h-sec:clamp(30px,2.5vw,58px);
    --h-split:clamp(22px,1.65vw,38px);
    --body:clamp(15px,0.9vw,18px);
    --gap:clamp(32px,2.2vw,76px);
  }
}
/* Ультраширокие ~3440×1440 (21:9): ширина контента как у hero, меньше «ушей» по краям; 16:9 4K не затрагиваем */
@media (min-width:3000px) and (min-aspect-ratio:2/1){
  :root{
    --mw:min(2040px,68vw);
    --px:clamp(20px,1.35vw,64px);
    --py:clamp(76px,3.8vw,160px);
    --h-sec:clamp(32px,1.75vw,62px);
    --h-split:clamp(24px,1.25vw,42px);
    --body:clamp(15px,0.68vw,18.5px);
    --gap:clamp(34px,1.55vw,86px);
  }
}

.wrap{max-width:var(--mw);margin:0 auto;width:100%}

/* ── NAV ── */
#nav{
  position:fixed;top:0;left:0;right:0;z-index:520;
  height:52px;display:flex;align-items:center;justify-content:space-between;
  padding:0 28px;
  background:rgba(4,17,26,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.05);
  transform:translateY(-100%);
  opacity:1;
  visibility:visible;
  transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .28s ease,visibility .28s
}
#nav.show{transform:translateY(0)}
/* Десктоп/планшет: на hero — легче стекло; ниже hero — плотная матовая шапка (классы вешает script.js) */
@media(min-width:641px){
  /* Hero (вариант B): плавающая капсула, без teal в шапке */
  html.sprysee-ocean-strip #nav{
    top:max(14px,env(safe-area-inset-top,0px));
    left:clamp(20px,2.8vw,48px);
    right:clamp(20px,2.8vw,48px);
    width:auto;
    height:52px;
    padding:0 clamp(18px,1.6vw,28px);
    border-radius:14px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(4,17,26,.7);
    backdrop-filter:blur(18px) saturate(1.1);
    -webkit-backdrop-filter:blur(18px) saturate(1.1);
    box-shadow:
      0 8px 32px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.08);
    transform:translateY(calc(-100% - 24px));
  }
  html.sprysee-ocean-strip #nav.show{
    transform:translateY(0);
  }
  html.sprysee-ocean-strip #nav::after{
    content:none;
    display:none;
  }
  html.sprysee-ocean-strip #nav .nav-links a{color:rgba(255,255,255,.48)}
  html.sprysee-ocean-strip #nav .nav-links a:hover,
  html.sprysee-ocean-strip #nav .nav-links a.nav-active{
    color:rgba(255,255,255,.92);
    background:rgba(255,255,255,.07);
  }
  html.sprysee-ocean-strip #nav .nav-logo{
    color:rgba(255,255,255,.68);
  }
  html.sprysee-ocean-strip #nav .nav-logo b{
    color:rgba(45,212,191,.8);
  }
  html.sprysee-ocean-strip #navNotifDrop{
    top:calc(max(14px,env(safe-area-inset-top,0px)) + 60px);
    right:clamp(28px,3vw,52px);
  }
  html.sprysee-below-ocean #nav{
    top:0;
    left:0;
    right:0;
    width:auto;
    height:52px;
    padding:0 28px;
    border-radius:0;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.07);
    background:rgba(4,17,26,.94);
    backdrop-filter:blur(16px) saturate(1.02);
    -webkit-backdrop-filter:blur(16px) saturate(1.02);
    box-shadow:0 1px 0 rgba(255,255,255,.04) inset;
    transform:translateY(-100%);
  }
  html.sprysee-below-ocean #nav.show{
    transform:translateY(0);
  }
  html.sprysee-below-ocean #navNotifDrop{
    top:60px;
    right:28px;
  }
}
.nav-logo{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:'Unbounded',sans-serif;
  font-weight:900;
  font-size:14px;
  letter-spacing:-.03em;
  color:rgba(255,255,255,.72);
  text-decoration:none;
}
.nav-logo-mark{
  position:relative;
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:block;
  line-height:0;
}
.nav-logo-mark>img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  image-rendering:auto;
}
.nav-logo-circle-gradient,
.nav-logo-r-gradient{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.nav-logo-circle-gradient{
  background:linear-gradient(90deg,rgba(45,212,191,.78) 0%,rgba(45,212,191,.76) 58%,rgba(205,226,229,.54) 100%);
  -webkit-mask:url("assets/nav-logo-gemini-circle-mask.png") center/contain no-repeat;
  mask:url("assets/nav-logo-gemini-circle-mask.png") center/contain no-repeat;
}
.nav-logo-r-gradient{
  background:linear-gradient(155deg,rgba(247,250,250,.98) 0%,rgba(207,225,226,.94) 39%,rgba(45,212,191,.92) 100%);
  -webkit-mask:url("assets/nav-logo-gemini-r-mask.png") center/contain no-repeat;
  mask:url("assets/nav-logo-gemini-r-mask.png") center/contain no-repeat;
}
.nav-logo-text{line-height:1}
.nav-logo b{color:rgba(45,212,191,.78);font-weight:900}
.nav-links{display:flex;gap:2px;list-style:none;align-items:center}
html[data-lang="en"] .hero-time-ch:empty{display:none}
.lang-switch{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:6px;overflow:hidden;margin:0 2px}
.lang-switch button{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:rgba(255,255,255,.45);font-family:'Manrope',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1;padding:6px 7px;cursor:pointer}
.lang-switch button[aria-pressed="true"]{background:#2DD4BF;color:#04111a}
html[data-lang="en"] .nav-links a{padding:6px 8px;font-size:11.5px;white-space:nowrap}
.nav-mob-drop .lang-switch--mob{margin:4px 0 10px}
@media(max-width:640px){
  .nav-lang{display:none}
}
.nav-links a{font-size:12px;font-weight:500;color:rgba(255,255,255,.35);text-decoration:none;padding:6px 11px;border-radius:6px;transition:background .2s,color .2s}
.nav-links a:hover,.nav-links a.nav-active{background:rgba(255,255,255,.06);color:#fff}
.nav-cta{background:transparent!important;border:1px solid rgba(45,212,191,.5)!important;color:var(--teal)!important;font-weight:600!important;border-radius:6px!important;padding:6px 16px!important;transition:background .2s,border-color .2s!important}
.nav-cta:hover{background:rgba(45,212,191,.1)!important;border-color:var(--teal)!important;color:#fff!important}
.nav-notif-btn{background:none;border:none;cursor:pointer;position:relative;padding:4px 8px;display:flex;align-items:center}
.nav-notif-badge{position:absolute;top:0;right:2px;background:var(--teal);color:#04111a;font-family:'Unbounded',sans-serif;font-size:8px;font-weight:900;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:badgePulse 2s ease-in-out infinite}
@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(45,212,191,.5)}50%{box-shadow:0 0 0 4px rgba(45,212,191,0)}}
@keyframes abyssGlassEdge{
  0%,100%{border-color:rgba(45,212,191,.09);box-shadow:0 0 0 1px rgba(45,212,191,.035) inset,0 12px 40px rgba(0,0,0,.2)}
  50%{border-color:rgba(45,212,191,.14);box-shadow:0 0 0 1px rgba(45,212,191,.08) inset,0 14px 44px rgba(0,0,0,.24)}
}
@keyframes abyssGlassEdgeMob{
  0%,100%{border-color:rgba(45,212,191,.09);box-shadow:0 8px 32px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(45,212,191,.035) inset}
  50%{border-color:rgba(45,212,191,.14);box-shadow:0 10px 36px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(45,212,191,.08) inset}
}
.nav-notif-btn.read .nav-notif-badge{opacity:0;transform:scale(0);pointer-events:none;transition:opacity .3s,transform .3s}
.nav-mob-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;margin-left:8px}
.nav-mob-btn span{display:block;width:18px;height:1.5px;background:rgba(255,255,255,.6);transition:all .3s;border-radius:2px}
.nav-mob-btn.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.nav-mob-btn.open span:nth-child(2){opacity:0}
.nav-mob-btn.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.nav-mob-drop{display:none;position:fixed;top:52px;left:0;right:0;background:rgba(4,14,24,.97);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);z-index:499;padding:8px 0 12px;flex-direction:column}
.nav-mob-drop.open{display:flex}

/* ── PAGE SCRUB: стеклянная ручка справа, только десктоп ── */
.page-scrub{
  display:none;
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  z-index:480;
  width:56px;
  padding:calc(var(--nav-bar-h, 52px) + 18px) 10px 88px 0;
  overflow:visible;
  pointer-events:none;
}
html.sprysee-ocean-strip .page-scrub{
  padding-top:calc(max(14px,env(safe-area-inset-top,0px)) + 52px + 16px);
}
.page-scrub-track{
  position:relative;
  height:100%;
  width:100%;
  overflow:visible;
  pointer-events:none;
}
.page-scrub-rail{
  position:absolute;
  top:0;
  right:17px;
  bottom:0;
  width:2px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(180deg,transparent 0%,rgba(45,212,191,.35) 12%,rgba(45,212,191,.2) 50%,rgba(45,212,191,.35) 88%,transparent 100%);
  transition:opacity .22s ease;
}
.page-scrub:has(.page-scrub-thumb:hover) .page-scrub-rail,
.page-scrub.is-drag .page-scrub-rail{
  opacity:1;
}
.page-scrub-thumb{
  position:absolute;
  right:2px;
  top:0;
  z-index:1;
  width:40px;
  height:48px;
  margin:0;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  cursor:grab;
  color:#f4fffc;
  appearance:none;
  -webkit-appearance:none;
  background:
    linear-gradient(165deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 34%,rgba(6,24,34,.42) 100%);
  box-shadow:
    0 10px 24px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.5),
    inset 0 -8px 14px rgba(4,18,28,.22);
  backdrop-filter:blur(18px) saturate(1.28);
  -webkit-backdrop-filter:blur(18px) saturate(1.28);
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(-50%);
  opacity:0;
  pointer-events:none;
  transition:
    opacity .5s ease,
    transform .18s cubic-bezier(.22,1,.36,1),
    border-color .2s,
    box-shadow .2s,
    background .2s;
}
.page-scrub.is-visible .page-scrub-thumb{
  opacity:1;
  pointer-events:auto;
}
.page-scrub-thumb:hover,
.page-scrub.is-chat .page-scrub-thumb{
  border-color:rgba(45,212,191,.45);
  box-shadow:
    0 12px 28px rgba(0,0,0,.36),
    0 0 0 1px rgba(45,212,191,.12),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -8px 14px rgba(4,18,28,.22);
}
.page-scrub.is-visible .page-scrub-thumb:hover{
  transform:translateY(-50%) scale(1.05);
}
.page-scrub.is-press .page-scrub-chev--dn,
.page-scrub.is-drag .page-scrub-chev--dn{
  animation:none;
}
.page-scrub-chevs{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
}
.page-scrub-chev{
  width:14px;
  height:9px;
  display:block;
  fill:none;
  stroke:#2DD4BF;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.page-scrub-hint{
  position:absolute;
  right:calc(100% + 10px);
  top:50%;
  transform:translateY(-50%);
  padding:6px 10px;
  border-radius:10px;
  white-space:nowrap;
  font-family:'Manrope',system-ui,sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.02em;
  color:rgba(244,255,252,.92);
  background:rgba(4,17,26,.78);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;
  pointer-events:none;
  transition:opacity .45s ease;
}
.page-scrub-hint-hit{
  display:none;
  position:absolute;
  right:100%;
  top:50%;
  width:156px;
  height:44px;
  transform:translateY(-50%);
}
.page-scrub.is-chat .page-scrub-hint-hit{
  display:block;
}
.page-scrub.is-hint .page-scrub-hint,
.page-scrub.is-chat .page-scrub-thumb:hover .page-scrub-hint,
.page-scrub.is-chat .page-scrub-thumb:focus-visible .page-scrub-hint{
  opacity:1;
}
.page-scrub.is-chat .page-scrub-chev--up{
  opacity:.32;
}
.page-scrub.is-chat .page-scrub-chev--dn{
  stroke:#9ff5e8;
}
@media(prefers-reduced-motion:no-preference){
  .page-scrub.is-chat:not(.is-drag):not(.is-press) .page-scrub-chev--dn{
    animation:pageScrubPulse 1.6s ease-in-out infinite;
  }
}
@keyframes pageScrubPulse{
  0%,100%{opacity:1;filter:drop-shadow(0 0 0 rgba(45,212,191,0))}
  50%{opacity:.45;filter:drop-shadow(0 4px 6px rgba(45,212,191,.45))}
}
.page-scrub-thumb:focus{outline:none}
.page-scrub-thumb:focus-visible{
  outline:2px solid rgba(45,212,191,.5);
  outline-offset:3px;
}
.page-scrub.is-visible.is-press .page-scrub-thumb,
.page-scrub.is-visible.is-drag .page-scrub-thumb{
  cursor:grabbing;
  transform:translateY(-50%) scale(.88);
  border-color:rgba(45,212,191,.8);
  background:
    linear-gradient(165deg,rgba(255,255,255,.1) 0%,rgba(8,28,40,.55) 42%,rgba(4,18,28,.68) 100%);
  box-shadow:
    inset 0 4px 12px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.18),
    0 1px 6px rgba(0,0,0,.28),
    0 0 0 1px rgba(45,212,191,.22),
    0 0 18px rgba(45,212,191,.18);
}
.page-scrub.is-press .page-scrub-chev,
.page-scrub.is-drag .page-scrub-chev{
  stroke:#9ff5e8;
}
@media(min-width:901px){
  .page-scrub{display:block}
}
html.modal-open .page-scrub,
html.policy-doc-open .page-scrub,
html.ins-ov-open .page-scrub{
  display:none!important;
}
@media(prefers-reduced-motion:reduce){
  .page-scrub-thumb,.page-scrub-hint,.page-scrub-rail{transition:none}
  .page-scrub.is-chat .page-scrub-chev--dn{animation:none}
}
.nav-mob-drop a{font-family:'Manrope',sans-serif;font-size:14px;font-weight:500;color:rgba(255,255,255,.5);text-decoration:none;padding:11px 20px;transition:color .2s}
.nav-mob-drop a:hover{color:#fff}
.nav-mob-cta{color:var(--teal)!important;font-weight:700!important}
.nav-mob-demo{
  display:none;
  font-family:'Manrope',sans-serif;
  font-size:14px;
  font-weight:600;
  color:rgba(209,250,229,.85);
  text-align:left;
  width:100%;
  padding:11px 20px;
  border:none;
  background:none;
  cursor:pointer;
  transition:color .2s;
  -webkit-tap-highlight-color:transparent;
}
.nav-mob-demo:hover,.nav-mob-demo:focus-visible{color:var(--teal)}
@media(max-width:640px){
  .nav-mob-demo{display:block}
  #nav{
    left:12px;
    right:12px;
    top:var(--nav-float-top);
    width:auto;
    height:var(--nav-bar-h);
    padding:0 14px 0 8px;
    border-radius:16px;
    /* Стекло как на hero: сильнее blur; плотная подложка снижает «шум» от скролла под шапкой */
    background:rgba(4,22,34,.48);
    backdrop-filter:blur(22px) saturate(1.14);
    -webkit-backdrop-filter:blur(22px) saturate(1.14);
    border:1px solid rgba(45,212,191,.3);
    box-shadow:
      0 8px 32px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.08);
    isolation:isolate;
    transform:translate3d(0,0,0);
  }
  .nav-logo{gap:7px}
  .nav-logo-mark{
    width:26px;
    height:26px;
    flex-basis:26px;
  }
  .nav-links{display:none}
  .nav-mob-btn{display:flex}
  .nav-mob-drop{
    top:calc(var(--nav-float-top) + var(--nav-bar-h) + var(--nav-bar-gap));
    left:12px;
    right:12px;
    border-radius:14px;
    border:1px solid rgba(45,212,191,.12);
    border-bottom:1px solid rgba(255,255,255,.06);
    background:rgba(4,14,24,.86);
    backdrop-filter:blur(12px) saturate(1.08);
    -webkit-backdrop-filter:blur(12px) saturate(1.08);
  }
}
/* Вертикальная вкладка «DEMO» (узкий планшет/телефон) — тот же брейк, что в script.js (MOB_TAB_MAX) */
.hero-mob-demo-tab{
  display:none;
}
@media(max-width:768px){
  .hero-mob-demo-tab{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    position:fixed;
    right:max(0px, env(safe-area-inset-right, 0px));
    top:50%;
    --demo-tab-y:0px;
    --demo-tab-o:1;
    transform:translate3d(0,calc(-50% + var(--demo-tab-y)),0);
    z-index:510;
    margin:0;
    padding:12px 6px 12px 9px;
    min-width:44px;
    min-height:44px;
    border:1px solid rgba(45,212,191,.3);
    border-right:none;
    border-radius:14px 0 0 14px;
    background:transparent;
    box-shadow:-2px 0 22px rgba(0,0,0,.16);
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    opacity:var(--demo-tab-o);
    transition:background .25s,box-shadow .25s,border-color .25s;
  }
  .hero-mob-demo-tab:hover{
    border-color:rgba(45,212,191,.46);
    box-shadow:-2px 0 32px rgba(45,212,191,.1);
  }
  .hero-mob-demo-tab:active{transform:translate3d(0,calc(-50% + var(--demo-tab-y)),0) scale(0.98)}
  html.sprysee-ocean-strip .hero-mob-demo-tab{
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  html.sprysee-below-ocean .hero-mob-demo-tab{
    background:rgba(4,14,24,.6);
    backdrop-filter:blur(10px) saturate(1.06);
    -webkit-backdrop-filter:blur(10px) saturate(1.06);
    border-color:rgba(45,212,191,.2);
  }
  .hero-mob-demo-tab__play{
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--teal);
    filter:drop-shadow(0 0 5px rgba(45,212,191,.45));
  }
  .hero-mob-demo-tab__play svg{display:block}
  .hero-mob-demo-tab__word{
    font-family:'Unbounded',sans-serif;
    font-size:8.5px;
    font-weight:800;
    letter-spacing:.2em;
    color:rgba(240,253,244,.92);
    writing-mode:vertical-rl;
    text-orientation:mixed;
    text-transform:uppercase;
    line-height:1;
  }
  #hero.hero-intro-running .hero-mob-demo-tab{
    opacity:0;
    pointer-events:none;
  }
  #hero:not(.hero-intro-running) .hero-mob-demo-tab{
    opacity:var(--demo-tab-o,1);
    pointer-events:auto;
  }
  #hero:not(.hero-intro-running) .hero-mob-demo-tab.hero-mob-demo-tab--past-hero{
    opacity:0;
    pointer-events:none;
  }
}

/* ── NOTIF DROPDOWN ── */
#navNotifDrop{position:fixed;top:60px;right:28px;width:340px;background:#0a1e2e;border:1px solid rgba(45,212,191,.2);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.6);z-index:600;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .3s,visibility .3s}
#navNotifDrop.open{opacity:1;visibility:visible;transform:translateY(0)}
.notif-header{padding:16px 18px 12px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}
.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:badgePulse 2s ease-in-out infinite;flex-shrink:0}
.notif-title{font-family:'Unbounded',sans-serif;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.notif-body{padding:14px 18px}
.notif-heading{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:8px}
.notif-text{font-size:12px;color:rgba(255,255,255,.5);line-height:1.65;margin-bottom:14px}
.notif-form{display:flex;flex-direction:column;gap:8px}
.notif-textarea{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;font-family:'Manrope',sans-serif;font-size:12px;color:#fff;resize:none;height:72px;outline:none;transition:border-color .2s}
.notif-textarea::placeholder{color:rgba(255,255,255,.25)}
.notif-textarea:focus{border-color:rgba(45,212,191,.4)}
.notif-email{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 12px;font-family:'Manrope',sans-serif;font-size:12px;color:#fff;outline:none;transition:border-color .2s}
.notif-email::placeholder{color:rgba(255,255,255,.25)}
.notif-email:focus{border-color:rgba(45,212,191,.4)}
.lead-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.notif-send{background:var(--teal);border:none;border-radius:8px;padding:9px 16px;font-family:'Manrope',sans-serif;font-size:12px;font-weight:700;color:#04111a;cursor:pointer;transition:opacity .2s;align-self:flex-end}
.notif-send:disabled{opacity:.55;cursor:wait}
.lead-fail{margin:10px 0 0;font-family:'Manrope',sans-serif;font-size:13px;line-height:1.45;color:rgba(255,255,255,.62)}
.lead-fail[hidden]{display:none!important}
.lead-fail a{color:#2DD4BF;text-decoration:none}
.lead-fail a:hover{text-decoration:underline}
.notif-send:hover{opacity:.85}
.notif-thanks{text-align:center;padding:8px 0 4px;display:none}
.notif-thanks-title{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:800;color:#fff;margin-bottom:6px}
.notif-thanks-sub{font-size:12px;color:rgba(255,255,255,.55);line-height:1.55}
.notif-again,.cn-success-again{margin-top:14px;background:none;border:1px solid rgba(45,212,191,.35);border-radius:10px;padding:9px 16px;font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;color:#2DD4BF;cursor:pointer}
.notif-again:hover,.cn-success-again:hover{border-color:rgba(45,212,191,.7)}
@media(max-width:640px){
  #navNotifDrop{
    right:12px;
    left:12px;
    width:auto;
    top:calc(var(--nav-float-top) + var(--nav-bar-h) + 10px);
  }
}

/* ── HERO ── */
/* На узкой ширине без 100vh: в Chrome он привязан к «большому» вьюпорту и даёт «добирание» при скрытии URL */
#hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding-bottom:52px;
  min-height:100svh;
  min-height:-webkit-fill-available;
}
@media(min-width:641px){
  #hero{
    min-height:100vh;
    min-height:100svh;
  }
}
/* Пока интро: шапка скрыта (:has), логотип на весь экран поверх шторки */
#hero.hero-intro-running{
  z-index:510;
}
/* Шторка на весь вьюпорт — чат и хиро не просвечивают под прозрачным сплэшем */
html:has(#hero.hero-intro-running)::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:500;
  background:#04111e;
  pointer-events:none;
}
/* Интро: буквы SPRYSEE на непрозрачной шторке на весь экран */
#hero.hero-intro-running .hero-splash{
  position:fixed;
  inset:0;
  top:0!important;
  z-index:520;
  background:#04111e;
}
body:has(#hero.hero-intro-running) #nav,
body:has(#hero.hero-intro-running) #navNotifDrop,
body:has(#hero.hero-intro-running) .nav-mob-drop,
body:has(#hero.hero-intro-running) .page-scrub{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
/* Пока летают буквы SPRYSEE — чат и остальной сайт не в кадре и не скроллятся */
html:has(#hero.hero-intro-running){
  overflow:hidden;
}
#hero.hero-intro-running ~ .site-below-hero{
  visibility:hidden;
  pointer-events:none;
}
/* Скрытие основного хиро только на мобайле; десктоп — CSS delay (--hero-desk-intro-end) */
@media(max-width:640px){
#hero.hero-intro-running .hero-content{opacity:0;pointer-events:none}
#hero.hero-intro-running #marquee{opacity:0!important}
#hero.hero-bg-only .hero-content{opacity:0!important;pointer-events:none;visibility:hidden}
#hero.hero-bg-only #marquee{opacity:0!important;visibility:hidden}
#hero.hero-bg-only .s-hint{opacity:0!important;visibility:hidden}
}
#heroContent.show{opacity:1;visibility:visible}
/* Десктоп: сплэш без заливки — под ним не должны быть видны хиро-текст и marquee */
@media(min-width:641px){
  #hero.hero-intro-running #heroContent,
  #hero.hero-intro-running #marquee{
    visibility:hidden;
    opacity:0;
    pointer-events:none;
  }
}

/* ── HERO SPLASH + логотип: по одной букве, испарение, без FOUT (ждём Unbounded) ── */
.hero-splash{
  position:absolute;
  top:52px;
  left:0;
  right:0;
  bottom:0;
  z-index:8;
  pointer-events:none;
  background:transparent;
  overflow:visible;
}
.logo-giant{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-family:'Unbounded',system-ui,-apple-system,sans-serif;
  font-weight:900;
  font-size:clamp(48px,11vw,110px);
  letter-spacing:-.02em;
  line-height:1;
  display:flex;
  align-items:baseline;
  user-select:none;
  z-index:10;
  white-space:nowrap;
  -webkit-font-smoothing:antialiased;
}
/* Пока шрифт не готов — блок невидим, запасной гарнитуры не видно */
.logo-giant.logo-giant--waiting-font{
  visibility:hidden;
}
.logo-giant.logo-giant--go{
  visibility:visible;
}
.logo-giant .logo-ltr{
  display:inline-block;
  opacity:0;
  transform:translate3d(0,52px,0) scale(0.88);
  filter:blur(12px);
  will-change:opacity,transform,filter;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
html.sprysee-yandex .logo-giant .logo-ltr{
  filter:none;
  will-change:opacity,transform;
}
html.sprysee-yandex #hero.hero-intro-running .logo-giant .logo-ltr{text-shadow:none}
.logo-giant .logo-ltr:nth-child(1),.logo-giant .logo-ltr:nth-child(2),.logo-giant .logo-ltr:nth-child(4),.logo-giant .logo-ltr:nth-child(5),.logo-giant .logo-ltr:nth-child(6),.logo-giant .logo-ltr:nth-child(7){color:rgba(249,250,251,.88)}
.logo-giant .logo-ltr:nth-child(3){color:rgba(45,212,191,.72)}

/* Волна букв: позиции/opacity выставляет script.js через rAF (стаггер по индексу) */

/* Подсказка скролла — как в sprysee_hero2.html */
#hero .s-hint{
  position:absolute;
  bottom:28px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  opacity:0;
  transition:opacity .6s ease;
  z-index:14;
  pointer-events:none;
}
#hero .s-hint.show{opacity:1;visibility:visible}
#hero .s-hint .s-hint-txt{
  font-size:9px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(45,212,191,.34);
  font-family:'Manrope',system-ui,sans-serif;
  text-shadow:0 0 12px rgba(45,212,191,.12);
}
#hero .s-line-stack{
  position:relative;
  width:12px;
  height:40px;
  flex-shrink:0;
}
#hero .s-line{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:1px;
  height:34px;
  background:rgba(45,212,191,.14);
  overflow:hidden;
  box-shadow:0 0 10px rgba(45,212,191,.1);
}
#hero .s-line::after{
  content:'';
  position:absolute;
  top:-100%;
  left:0;
  width:100%;
  height:100%;
  background:rgba(45,212,191,.42);
  animation:sScrollHero2 1.5s ease-in-out infinite;
  z-index:1;
}
#hero .s-line-glow-dot{
  position:absolute;
  left:50%;
  bottom:-3px;
  transform:translateX(-50%);
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 14px rgba(45,212,191,.95),0 0 28px rgba(45,212,191,.55);
  z-index:2;
  pointer-events:none;
}
@keyframes sScrollHero2{
  0%{top:-100%}
  100%{top:100%}
}
@media(min-width:641px){
  #hero .s-hint{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none;
  }
}

.hero-splash.hero-splash--hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none!important;
  transition:opacity .75s ease,visibility 0s .75s;
}
@media(max-width:640px){
  .hero-splash.hero-splash--hidden{
    transition:opacity .38s ease,visibility 0s .38s;
  }
  html,body{
    overscroll-behavior:auto;
    overflow-x:hidden;
    overflow-y:auto;
    height:auto;
  }
  html.sprysee-intro-hold,
  html.sprysee-intro-hold body,
  html.sprysee-intro-settle,
  html.sprysee-intro-settle body,
  html:has(#hero.hero-intro-running),
  html:has(#hero.hero-intro-running) body{
    overflow:hidden;
    overflow-x:hidden;
    height:100%;
    height:100svh;
  }
  html:has(#hero.hero-intro-running)::before{
    display:none;
  }
  #hero.hero-intro-running ~ .site-below-hero,
  html.sprysee-intro-settle .site-below-hero{
    display:none!important;
  }
  #hero.hero-intro-running{
    overflow:hidden;
    z-index:530;
    position:relative;
  }
  #hero.hero-intro-running .hero-splash{
    position:absolute;
    inset:0;
    top:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:540;
    overflow:hidden;
  }
  #hero.hero-intro-running .logo-giant{
    position:relative;
    top:auto;
    left:auto;
    transform:none;
    font-size:clamp(34px,11.5vw,56px);
  }
  #hero.hero-intro-running .logo-giant .logo-ltr{
    will-change:opacity,transform,filter;
  }
}
/* TEMP: отключено для проверки анимаций при системном «reduce motion»
@media(prefers-reduced-motion:reduce){
  .logo-giant.logo-giant--waiting-font{visibility:visible}
  .logo-giant:not(.logo-giant--motion-ok) .logo-ltr{opacity:1!important;transform:none!important;filter:none!important}
  #hero .s-hint .s-line::after{animation:none!important}
  #hero .s-hint{transition:none!important}
}
*/
#pcb-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.18}
#hero-particle-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:0;
  display:none;
}
/* Десктоп / планшет >640: без мобильной маски PCB и без скрытия правого блика */
@media (min-width:641px){
  #pcb-canvas{
    opacity:.18!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  #hero > .hero-deco:nth-child(3){
    opacity:1!important;
    visibility:visible!important;
  }
}
/* Планшет и десктоп (≥641px): two-column hero — copy left, terminal right */
@media (min-width:641px){
  .hero-content{
    transform:none!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding:0 var(--px)!important;
    flex:none!important;
    display:block!important;
    width:100%!important;
    max-width:var(--mw)!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }
  .hero-bottom{
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(min(220px,30vw),0.85fr)!important;
    grid-template-rows:auto!important;
    column-gap:clamp(48px,5.5vw + 0.8rem,120px)!important;
    row-gap:0!important;
    align-items:start!important;
    margin-top:0!important;
    position:relative!important;
    z-index:auto!important;
  }
  .hero-copy-stack{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    min-width:0!important;
    width:100%!important;
    position:relative!important;
    z-index:6!important;
  }
  .hero-bottom-left{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    min-width:0!important;
    width:100%!important;
    margin-top:0!important;
    transform:none!important;
  }
  .hero-mob-copy{
    margin-top:0;
    margin-bottom:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    position:static!important;
    isolation:auto!important;
    transform:none!important;
  }
  .hero-mob-copy::before{
    content:none!important;
    display:none!important;
  }
  #hero .hero-bottom-left .hero-left-accent--desk-line{
    display:none!important;
  }
  .hero-desk-bento{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    gap:0!important;
    min-width:0!important;
    max-width:clamp(280px,24vw,420px)!important;
    min-height:0!important;
    padding:0!important;
    margin-left:auto!important;
    margin-right:clamp(12px,2vw,40px)!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:none!important;
    border-radius:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
    position:relative!important;
    z-index:4!important;
    overflow:visible!important;
    isolation:isolate!important;
    pointer-events:auto!important;
  }
  #hero .hero-desk-bento::after{
    content:''!important;
    display:block!important;
    position:absolute!important;
    inset:-22px -20px -22px -36px!important;
    pointer-events:auto!important;
    z-index:0!important;
  }
  #hero .hero-desk-bento::before{
    content:''!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:160%!important;
    height:140%!important;
    transform:translate(-50%,-50%)!important;
    z-index:0!important;
    pointer-events:none!important;
    background:radial-gradient(ellipse 50% 55% at 50% 50%,rgba(209,250,229,.04) 0%,rgba(45,212,191,.015) 40%,transparent 68%)!important;
    -webkit-filter:blur(80px)!important;
    filter:blur(80px)!important;
    opacity:0.2!important;
  }
  .hero-desk-bento .hero-mob-stage{
    flex:1!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    width:100%!important;
    transform:none!important;
    position:relative!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  #hero .hero-copy-stack .hero-actions--desk-under-copy{
    flex-shrink:0!important;
    width:100%!important;
    max-width:calc(var(--hero-desk-copy-measure) + var(--hero-desk-demo-slot) + var(--hero-desk-actions-gap))!important;
    margin-top:clamp(28px,2.4vw,40px)!important;
    padding:0!important;
    align-self:flex-start!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:var(--hero-desk-actions-gap)!important;
  }
  #hero .hero-copy-stack .hero-actions--desk-under-copy .hero-btn-primary{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    justify-content:center!important;
    gap:clamp(6px,0.85vw,10px)!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    align-self:stretch!important;
  }
  .hero-bottom-left .hero-left-accent{
    display:inline-flex!important;
    width:fit-content!important;
    padding-left:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    margin-top:0!important;
  }
  .hero-desc{
    line-height:1.72!important;
    color:rgba(180,188,200,.72)!important;
    margin-left:0!important;
    font-weight:400!important;
    max-width:42ch!important;
    box-sizing:border-box!important;
    letter-spacing:.02em!important;
  }
  .hero-btn-primary{
    max-width:none!important;
    margin-left:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.03)!important;
    border:0.5px solid rgba(255,255,255,.12)!important;
    border-radius:12px!important;
    padding:clamp(16px,1.5vw,20px) clamp(24px,2vw,36px)!important;
    box-shadow:0 4px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
    backdrop-filter:blur(16px) saturate(1.1)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.1)!important;
    transition:border-color .3s,background .3s,box-shadow .3s,transform .25s!important;
  }
  .hero-btn-primary:hover{
    transform:translateY(-2px)!important;
    background:rgba(209,250,229,.06)!important;
    border-color:rgba(209,250,229,.28)!important;
    box-shadow:0 8px 32px rgba(45,212,191,.14),inset 0 1px 0 rgba(255,255,255,.1)!important;
  }
  .hero-btn-label{color:rgba(255,255,255,.92)!important;font-size:clamp(14px,1.1vw,16px)!important;font-weight:600!important;letter-spacing:.03em!important}
  .hero-btn-arrow{width:28px!important;height:28px!important;background:rgba(209,250,229,.08)!important;border:0.5px solid rgba(209,250,229,.25)!important;border-radius:50%!important;color:rgba(209,250,229,.85)!important}
  .hero-time-tag{
    font-size:clamp(20px,2.4vw,34px)!important;
    letter-spacing:.08em!important;
    margin-bottom:clamp(24px,2.8vw,40px)!important;
    margin-left:0!important;
    text-shadow:0 0 8px rgba(45,212,191,.35)!important;
  }
  .hero-accent-dots{display:flex!important}
  #marquee{
    background:linear-gradient(180deg,rgba(4,17,26,.22) 0%,rgba(4,17,26,.48) 100%);
    box-shadow:0 -1px 0 rgba(45,212,191,.06),0 -28px 48px -20px rgba(45,212,191,.12);
  }
  .hero-copy-stack>.title-wrapper{
    position:relative!important;
    z-index:1!important;
    transform:none!important;
  }
  .hero-copy-stack>.hero-bottom-left{
    position:relative!important;
    z-index:1!important;
  }
  #hero{
    padding:clamp(140px,14vh,200px) 0 clamp(80px,8vh,120px)!important;
    box-sizing:border-box;
  }
}
@media (min-width:1200px){
  #hero .hero-content{max-width:min(1200px,94vw)!important;}
}
/* XL hero / marquee / отступы — только от Full HD, на Mac (до 1919px) базовые края как раньше */
/* Full HD 1920×1080: крупнее сетка, заголовок, терминал, «пол» */
@media (min-width:1920px){
  #hero .hero-content{
    max-width:min(1580px,86vw)!important;
    padding-inline:max(var(--px),clamp(56px,calc(5.5vw + 20px),168px))!important;
  }
  #hero .hero-bottom{
    grid-template-columns:minmax(0,1.05fr) minmax(300px,0.85fr)!important;
    column-gap:clamp(80px,5.5vw,140px)!important;
  }
  #hero #marquee{
    padding:clamp(16px,1.35vh,26px) 0;
    min-height:clamp(48px,4.5vh,58px);
    border-top:1px solid rgba(255,255,255,.1);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
    box-shadow:0 -1px 0 rgba(45,212,191,.08),0 -32px 56px -24px rgba(45,212,191,.14);
  }
  #hero .mq-item{
    padding:0 clamp(30px,2.1vw,52px);
    font-size:clamp(14px,0.72vw,17px);
    gap:12px;
  }
  #hero .mq-divider{margin:0 6px;font-size:1.05em;}
  #hero .title-wrapper{
    margin:clamp(24px,2.2vw,52px) 0 clamp(44px,2.8vw,68px)!important;
  }
  #hero .digital-line{gap:clamp(8px,0.75vw,14px)!important;}
  #hero .strategy{
    font-size:clamp(49px,3.75vw,83px);
    letter-spacing:-2.6px;
  }
  #hero .strategy-underline{height:3px!important;margin-top:8px!important;}
  #hero .hero-time-tag{
    font-size:clamp(24px,2.05vw,42px)!important;
    margin-bottom:clamp(28px,2.4vw,52px)!important;
  }
  #hero .hero-desc{
    line-height:2.35!important;
    font-size:clamp(14px,1.02vw,18.5px);
  }
  #hero .hero-btn-primary{
    padding:clamp(18px,1.25vw,24px) clamp(22px,1.45vw,34px)!important;
    border-radius:12px!important;
  }
  #hero .hero-btn-label{font-size:clamp(15px,0.92vw,18px)!important;}
  #hero .hero-btn-arrow{width:32px!important;height:32px!important;}
  #hero .hero-terminal{
    min-height:0!important;
    border-radius:14px!important;
  }
  #hero .hero-desk-bento{
    max-width:clamp(300px,20vw,420px)!important;
  }
}
/* 1920×1080 / Full HD до 2K: чуть «ближе» и вправо; <1920 (Mac 13 и т.п.) и ≥2560 — без этого */
@media (min-width:1920px) and (max-width:2559px){
  #hero .hero-content{
    transform:translateX(clamp(12px,0.85vw,28px)) scale(1)!important;
    transform-origin:50% 45%;
  }
  #hero .hero-bottom{
    grid-template-columns:minmax(0,1fr) minmax(280px,0.88fr)!important;
    column-gap:clamp(80px,5.5vw,160px)!important;
  }
}
/* Очень широкие экраны (2K / ultrawide) */
@media (min-width:2560px){
  #hero .hero-content{
    max-width:min(1740px,85vw)!important;
    padding-inline:max(var(--px),clamp(64px,calc(5.8vw + 24px),196px))!important;
  }
  #hero .hero-bottom{
    grid-template-columns:minmax(0,0.95fr) minmax(320px,0.88fr)!important;
    column-gap:clamp(100px,5.5vw,180px)!important;
  }
  #hero #marquee{
    padding:clamp(18px,1.5vh,32px) 0;
    min-height:clamp(52px,4.8vh,64px);
    border-top:1px solid rgba(255,255,255,.11);
    backdrop-filter:blur(26px);
    -webkit-backdrop-filter:blur(26px);
    box-shadow:0 -1px 0 rgba(45,212,191,.09),0 -40px 64px -28px rgba(45,212,191,.16);
  }
  #hero .mq-item{
    padding:0 clamp(36px,2.4vw,68px);
    font-size:clamp(15px,0.68vw,19px);
    gap:14px;
  }
  #hero .mq-divider{margin:0 8px;}
  #hero .title-wrapper{
    margin:clamp(28px,2.4vw,60px) 0 clamp(48px,3vw,76px)!important;
  }
  #hero .strategy{
    font-size:clamp(56px,3.6vw,93px);
    letter-spacing:-3px;
  }
  #hero .strategy-underline{height:3.5px!important;margin-top:10px!important;}
  #hero .hero-time-tag{
    font-size:clamp(28px,1.9vw,48px)!important;
    margin-bottom:clamp(32px,2.2vw,56px)!important;
  }
  #hero .hero-desc{
    line-height:2.3!important;
    font-size:clamp(15px,0.95vw,20px);
  }
  #hero .hero-btn-primary{
    padding:clamp(20px,1.2vw,28px) clamp(24px,1.35vw,40px)!important;
    border-radius:14px!important;
  }
  #hero .hero-btn-label{font-size:clamp(16px,0.88vw,19px)!important;}
  #hero .hero-btn-arrow{width:36px!important;height:36px!important;}
  #hero .hero-terminal{
    min-height:0!important;
    border-radius:14px!important;
  }
  #hero .hero-desk-bento{
    max-width:clamp(320px,18vw,440px)!important;
  }
}
@media (min-width:3000px) and (min-aspect-ratio:2/1){
  #hero .hero-content{
    max-width:min(2040px,68vw)!important;
    padding-inline:max(var(--px),clamp(72px,calc(4.2vw + 32px),220px))!important;
  }
  #hero .hero-bottom{
    grid-template-columns:minmax(0,0.9fr) minmax(380px,0.95fr)!important;
    column-gap:clamp(120px,5vw,220px)!important;
  }
  #hero #marquee{
    padding:clamp(20px,1.6vh,36px) 0;
    min-height:clamp(56px,5vh,72px);
    box-shadow:0 -1px 0 rgba(45,212,191,.1),0 -44px 72px -28px rgba(45,212,191,.18);
  }
  #hero .mq-item{
    padding:0 clamp(40px,2.2vw,76px);
    font-size:clamp(15px,0.62vw,20px);
  }
  #hero .title-wrapper{
    margin:clamp(30px,2vw,64px) 0 clamp(52px,2.6vw,84px)!important;
  }
  #hero .digital{
    font-size:clamp(32px,2.5vw,64px);
    letter-spacing:-1.9px;
  }
  #hero .strategy{
    font-size:clamp(62px,3.02vw,102px);
    letter-spacing:-3.4px;
  }
  #hero .strategy-underline{height:4px!important;margin-top:12px!important;}
  #hero .hero-time-tag{
    font-size:clamp(30px,1.75vw,52px)!important;
    margin-bottom:clamp(34px,2vw,60px)!important;
  }
  #hero .hero-desc{
    font-size:clamp(15px,0.88vw,21px);
    line-height:2.28!important;
  }
  #hero .hero-btn-primary{
    padding:clamp(22px,1.1vw,30px) clamp(26px,1.25vw,44px)!important;
    border-radius:14px!important;
  }
  #hero .hero-btn-label{font-size:clamp(16px,0.82vw,20px)!important;}
  #hero .hero-btn-arrow{width:38px!important;height:38px!important;}
  #hero .hero-terminal{
    min-height:0!important;
    border-radius:14px!important;
  }
  #hero .hero-desk-bento{
    max-width:clamp(360px,16vw,480px)!important;
  }
}
.hero-content{position:relative;z-index:5;width:100%;max-width:var(--mw);margin:0 auto;padding:0 var(--px);transition:opacity .85s cubic-bezier(.16,1,.3,1)}
@media(max-width:640px){
  .hero-content{transition:opacity .35s cubic-bezier(.25,.46,.45,.94)}
}
@keyframes heroIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(45,212,191,.07);border:1px solid rgba(45,212,191,.2);border-radius:100px;padding:6px 14px;font-family:'Manrope',sans-serif;font-size:12px;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.04em;margin-bottom:clamp(20px,3vw,32px)}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:blink 2s ease-in-out infinite;flex-shrink:0}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.title-wrapper{text-align:left;line-height:1;margin:clamp(20px,3vw,48px) 0 52px;display:block}
.gotovaya{display:none}
.digital-line{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(6px,.7vw,12px)}
/* Десктоп-хиро: буквы DIGITAL в ширине шрифта; matchDigitalWidth ставит один трекинг, D и L держат края слова */
.digital{font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(26px,3.95vw,54px);letter-spacing:-1.5px;color:#fff;white-space:nowrap;line-height:1}
.digital-ch{display:inline}
.strategy{font-family:'Unbounded',sans-serif;font-weight:900;font-size:clamp(34px,5.35vw,72px);letter-spacing:-2.1px;color:var(--teal);white-space:nowrap;line-height:1;transform-origin:left center;position:relative;-webkit-text-stroke:1px var(--teal);paint-order:stroke fill}
.strategy-underline{display:block;height:2px;width:0;align-self:stretch;max-width:100%;background:linear-gradient(90deg,var(--teal),rgba(45,212,191,.2));border-radius:2px;animation:strategyUnderline 1s cubic-bezier(.16,1,.3,1) 1.2s forwards;box-shadow:0 0 8px rgba(45,212,191,.5);margin-top:6px}
@keyframes strategyUnderline{from{width:0}to{width:100%}}
.hero-tagline{font-family:'Manrope',sans-serif;font-size:clamp(14px,1.2vw,17px);color:rgba(255,255,255,.6);font-weight:600;letter-spacing:.01em;margin-top:clamp(10px,1vw,16px);margin-bottom:0;line-height:1.3}
.hero-tagline em{font-style:normal;color:var(--teal);font-weight:800}
.hero-bottom{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(min(200px,36vw),0.86fr);
  grid-template-rows:auto;
  column-gap:clamp(22px,3.8vw + 0.35rem,96px);
  row-gap:0;
  align-items:center;
  margin-top:0;
  position:relative;
}
.hero-bottom::after{display:none}
.hero-copy-stack{
  grid-column:1;
  grid-row:1;
  align-self:center;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  width:100%;
  position:relative;
  z-index:2;
}
.hero-bottom-left{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  width:100%;
}
.hero-mob-copy{width:100%;min-width:0;align-self:stretch}
@media(min-width:641px){
  .hero-bottom,.hero-copy-stack{overflow:visible}
  .hero-mob-copy{padding-left:0;box-sizing:border-box}
  .hero-actions{padding-left:0;box-sizing:border-box;align-items:flex-start}
  .hero-desc{margin-left:0}
}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:clamp(18px,2.2vw,28px);align-self:start}
.hero-mob-stage{grid-column:2;grid-row:1;align-self:center;width:100%;min-width:0;position:relative}
.hero-mob-visual{display:none}
.hero-mob-neural{display:none}
.hero-subtitle{font-size:clamp(14px,1.3vw,17px);font-weight:600;color:rgba(255,255,255,.75);margin:clamp(10px,1.2vw,16px) 0 clamp(16px,2vw,24px);letter-spacing:.01em}
.hero-subtitle .highlight{color:var(--teal);font-weight:700}
.hero-desc{font-family:'Manrope',sans-serif;font-size:clamp(13px,1.22vw,17.5px);line-height:2.4;color:#B8B8B8;width:100%;text-align:left;margin:0;letter-spacing:.01em}
.hero-desc strong{color:#fff;font-weight:700}
.hero-left-accent{display:inline-flex;flex-direction:column;align-items:flex-start;padding-left:20px;padding-top:0;padding-bottom:0;position:relative;width:fit-content}
.hero-time-tag{display:inline-flex;align-items:center;gap:.42em;font-family:'Unbounded',sans-serif;font-size:clamp(20px,2.4vw,34px);font-weight:800;letter-spacing:.08em;color:#2DD4BF;text-transform:uppercase;text-shadow:0 0 8px rgba(45,212,191,.35);white-space:nowrap;margin-bottom:clamp(24px,2.8vw,40px)}
.hero-time-ch{white-space:nowrap}
.hero-left-accent::before{display:none}
.hero-accent-dots{position:absolute;left:-1px;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.hero-accent-dots span{width:3px;height:3px;border-radius:50%;background:#2DD4BF;flex-shrink:0}
.hero-cta-group{display:flex;flex-direction:column;align-items:flex-start}
.hero-btn-primary{display:inline-flex;align-items:center;justify-content:flex-start;gap:14px;background:#2DD4BF;color:#04111a;font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(14px,1.1vw,16px);padding:clamp(16px,1.6vw,20px) clamp(20px,1.8vw,28px);border-radius:10px;text-decoration:none;transition:box-shadow .3s,transform .2s;letter-spacing:.01em;box-shadow:2px 4px 20px rgba(45,212,191,.2),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,180,140,.5)}
.hero-btn-label{font-size:clamp(14px,1.1vw,16px);font-weight:800;color:#04111a;line-height:1.2;letter-spacing:.01em}
.hero-btn-sub{font-size:clamp(10px,.8vw,11px);font-weight:600;color:rgba(4,17,26,.6);letter-spacing:.02em;line-height:1}
.hero-btn-arrow{width:28px;height:28px;border-radius:50%;background:rgba(4,17,26,.2);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s;margin-left:8px;color:#04111a}
.hero-btn-arrow svg{stroke:currentColor}
.hero-btn-primary:hover .hero-btn-arrow{transform:translateX(4px)}
.hero-btn-primary:hover{box-shadow:0 0 36px rgba(45,212,191,.5),0 0 60px rgba(45,212,191,.2);transform:translateY(-2px)}
.hero-offer{margin-top:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero-offer .price{font-family:'Unbounded',sans-serif;font-size:21px;font-weight:800;color:#fff;letter-spacing:-.02em}
.hero-offer .old-price{font-size:14.5px;text-decoration:line-through;color:rgba(255,255,255,.38)}
.hero-offer .guarantee{font-size:13px;color:rgba(255,255,255,.55);font-weight:500;white-space:nowrap}

/* ── TERMINAL ── */
.hero-terminal{background:rgba(4,14,26,.58);border:1px solid rgba(45,212,191,.28);border-top:1px solid rgba(45,212,191,.4);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 1px 0 rgba(45,212,191,.15) inset,0 24px 60px rgba(0,0,0,.5),0 0 24px rgba(45,212,191,.14),0 0 60px rgba(45,212,191,.06);align-self:start;min-height:200px;position:relative;transition:box-shadow .4s,transform .35s}
.hero-terminal:hover{box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 1px 0 rgba(45,212,191,.22) inset,0 24px 60px rgba(0,0,0,.55),0 0 40px rgba(45,212,191,.22),0 0 80px rgba(45,212,191,.1);transform:translateY(-2px)}
.hero-terminal::before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.05) 0%,transparent 40%,rgba(45,212,191,.04) 100%);pointer-events:none;z-index:1}
.ht-header{display:flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}
.ht-dots{display:none}
.ht-dot{width:9px;height:9px;border-radius:50%}
.ht-dot-r{background:#FF5F57}.ht-dot-y{background:#FEBC2E}.ht-dot-g{background:#27C93F}
.ht-title{font-size:10px;color:rgba(255,255,255,.27);letter-spacing:.08em;flex:1;text-align:left;font-family:'Manrope',sans-serif}
.ht-badge{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--teal);background:rgba(45,212,191,.1);border:1px solid rgba(45,212,191,.2);border-radius:4px;padding:2px 7px}
.ht-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);animation:blink 1.4s ease-in-out infinite;flex-shrink:0}
.ht-body{flex:1;min-height:0;padding:6px 10px;display:flex;flex-direction:column;gap:1px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(45,212,191,.25) transparent}
.ht-line{display:flex;align-items:center;gap:5px;font-size:10.5px;line-height:1.4;opacity:0;animation:htFadeIn .35s ease forwards;padding:1.5px 0;white-space:nowrap;overflow:hidden}
.ht-line.ht-line-pending,.ht-divider.ht-line-pending{opacity:0!important;animation:none!important;pointer-events:none}
@keyframes htFadeIn{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}
.ht-agent{font-size:7px;font-weight:700;letter-spacing:.04em;padding:1px 5px;border-radius:3px;white-space:nowrap;flex-shrink:0;text-transform:uppercase}
.ht-agent-interviewer{background:rgba(45,212,191,.12);color:var(--teal)}
.ht-agent-executor{background:rgba(45,212,191,.08);color:rgba(45,212,191,.7)}
.ht-agent-controller{background:rgba(255,255,255,.08);color:rgba(255,255,255,.5)}
.ht-agent-system{background:rgba(255,255,255,.04);color:rgba(255,255,255,.25)}
.ht-text{color:rgba(255,255,255,.5);flex:1}
.ht-text-dim{color:rgba(255,255,255,.22)}
.ht-text-ok{color:var(--teal);font-weight:600}
.ht-text-accent{color:rgba(255,255,255,.85)}
.ht-text-warn{color:rgba(220,180,175,.65)}
.ht-divider{border:none;border-top:1px solid rgba(255,255,255,.05);margin:3px 0;opacity:0;animation:htFadeIn .3s ease forwards}
.ht-footer{padding:6px 10px;border-top:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.01);flex-shrink:0}
.ht-progress-wrap{display:flex;align-items:center;gap:8px}
.ht-progress-track{flex:1;height:1px;background:rgba(255,255,255,.06);border-radius:1px;overflow:hidden}
.ht-progress-fill{height:100%;background:linear-gradient(90deg,rgba(45,212,191,.4),var(--teal));border-radius:1px;width:0%;transition:width .5s cubic-bezier(.16,1,.3,1)}
.ht-progress-label{font-size:9px;color:rgba(255,255,255,.25);font-family:'Manrope',sans-serif;white-space:nowrap;min-width:24px;text-align:right}
/* ── Бегущая строка: только hero (десктоп); на мобилке #marquee скрыт — .features-lead-spacer в #features ── */
#marquee{
  min-height:44px;
  box-sizing:border-box;
  padding:13px 0;
  overflow:hidden;
  white-space:nowrap;
  opacity:0;
  transition:opacity .6s ease;
  border-top:1px solid rgba(255,255,255,.08);
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  z-index:4;
  background:rgba(4,17,26,.6);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
#marquee .mq-track{display:flex;white-space:nowrap}
#marquee .mq-item{display:inline-flex;align-items:center;gap:10px;padding:0 28px;font-size:13px;color:rgba(255,255,255,.28);font-weight:500;flex-shrink:0}
#marquee .mq-item span{color:rgba(255,255,255,.1)}
#marquee .mq-divider{color:rgba(255,255,255,.12);margin:0 4px;font-weight:300}
/* Десктоп: трек = inline-block + scroll-ticker; при дубликате контента в DOM — -50% ширины трека = без разрыва */
@keyframes scroll-ticker{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-50%,0,0)}
}
@media(min-width:641px){
  #marquee .mq-track{
    display:inline-block;
    white-space:nowrap;
    vertical-align:top;
    will-change:transform;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    backface-visibility:hidden;
    transform:translateZ(0);
    -webkit-animation:scroll-ticker 52s linear infinite;
    animation:scroll-ticker 52s linear infinite;
  }
  /* Было 72s — немного медленнее и спокойнее для чтения */
  #hero #marquee .mq-track{
    -webkit-animation-duration:128s!important;
    animation-duration:128s!important;
  }
  #marquee .mq-item{display:inline-flex;vertical-align:middle}
}
@media(max-width:640px){
  #marquee{display:none!important}
  .hero-btn-demo{display:none!important}
  /* Мобайл: без декоративных бликов #hero — фон океана (canvas) */
  #hero > .hero-deco{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  #pcb-canvas{
    opacity:0!important;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 22%,rgba(0,0,0,.55) 42%,#000 62%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 22%,rgba(0,0,0,.55) 42%,#000 62%);
  }
  /* Мобайл: без правого диагонального блика; сеть в полосе справа от текста (не под абзацами) */
  #hero{
    --hero-mob-stack:clamp(12px,2.2svh,20px);
    --hero-mob-stage-btn-gap:calc(clamp(6px,1.4svh,12px) + clamp(2px,.65svh,6px));
    --hero-mob-content-lift:calc(var(--hero-mob-stage-btn-gap) + clamp(14px,3svh,32px));
    /* Подложка, если океан не активен; при .ocean-on — прозрачно (см. глобальное правило) */
    background:#050f14!important;
    display:flex!important;
    flex-direction:column;
    align-items:stretch!important;
    justify-content:flex-start;
    /* Только svh: dvh/100dvh растут при скрытии адресной строки Chrome — hero раздувается и скролл «отбирается» обратно */
    min-height:100svh;
    height:auto;
    --hm-pad-top:max(72px, calc(var(--nav-float-top) + var(--nav-bar-h) + 14px));
    --hm-pad-bottom:var(--hm-pad-top);
    padding-top:var(--hm-pad-top);
    padding-bottom:var(--hm-pad-bottom);
    overflow-x:hidden;
    overflow-y:visible;
    box-sizing:border-box;
  }
  /* iOS Safari: нижняя панель просвечивает следующую секцию, если Hero короче большого экрана. lvh не растёт при скролле, Android не трогаем. */
  @supports (-webkit-touch-callout:none){
    #hero{
      min-height:100lvh;
    }
  }
  .hero-content{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    max-width:100%;
    margin:0;
    min-height:0;
    min-width:0;
    padding:0 clamp(22px,6.5vw,34px);
    box-sizing:border-box;
    transform:translateY(calc(-1 * var(--hero-mob-content-lift)));
  }
  .title-wrapper{margin:0!important;flex-shrink:0}
  .digital-line{gap:0}
  .digital,.strategy{
    font-size:var(--hero-mob-title-fs,clamp(18px,5.6vw,34px))!important;
    letter-spacing:-.5px;line-height:1.0;max-width:100%;overflow:hidden;text-overflow:clip
  }
  .strategy-underline{margin-top:6px;height:1.5px}
  .hero-bottom{
    position:relative;
    z-index:0;
    gap:clamp(6px,1.4svh,12px)!important;
    margin-top:0!important;
    flex:0 0 auto;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  .hero-bottom::after{display:none}
  .hero-bottom > :not(.hero-mob-visual){
    position:relative;
    z-index:1;
  }
  .hero-bottom-left .hero-left-accent{
    display:flex!important;flex-direction:column!important;width:100%!important;
    align-items:flex-start!important;
    padding-left:0!important;padding-top:0!important;padding-bottom:0!important;
    gap:0!important;
    margin-top:calc(clamp(14px,3svh,24px) + var(--hero-mob-accent-mt-add,0px))!important;
    flex-shrink:0;
  }
  .hero-copy-stack{
    width:100%!important;
    flex-shrink:0;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .hero-bottom-left{
    width:100%!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .hero-mob-copy{
    width:100%!important;
    flex-shrink:0;
    margin-top:max(8px,calc(var(--hero-mob-title-gap,56px)*.36));
    margin-bottom:clamp(6px,1.4svh,12px);
    padding:0!important;
    position:relative;
    isolation:isolate;
    overflow:visible;
    box-sizing:border-box;
  }
  .hero-mob-copy::before{
    content:'';
    position:absolute;
    z-index:-1;
    pointer-events:none;
    left:clamp(-320px,-58vw,-120px);
    top:clamp(-100px,-16vh,-36px);
    width:clamp(380px,162vw,780px);
    height:clamp(300px,72vh,580px);
    background:radial-gradient(
      ellipse 52% 50% at 28% 44%,
      rgba(0,2,8,.92) 0%,
      rgba(2,8,16,.58) 28%,
      rgba(4,12,22,.26) 46%,
      rgba(6,14,24,.08) 62%,
      transparent 82%
    );
    filter:blur(64px);
    -webkit-filter:blur(64px);
    opacity:.96;
    transform:translateZ(0);
  }
  .hero-time-tag{
    display:inline-flex!important;align-items:baseline!important;justify-content:flex-start!important;
    gap:clamp(5px,1.5vw,9px)!important;
    font-size:clamp(12.5px,3.75vw,17px)!important;font-weight:800!important;
    letter-spacing:.2em!important;line-height:1!important;max-width:100%!important;
    margin:0!important;margin-left:var(--hero-time-ml,0)!important;padding:0!important;opacity:.95;box-sizing:border-box!important;
    width:auto!important;
    align-self:flex-start!important;
    flex-shrink:0!important;
    font-family:'Unbounded',sans-serif!important;
    color:#2DD4BF!important;text-transform:uppercase!important;
    text-shadow:0 0 8px rgba(45,212,191,.35)!important;
  }
  .hero-time-tag .hero-time-ch{letter-spacing:inherit!important}
  .hero-mob-stage{
    position:relative;
    width:100%;
    flex:0 0 auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    align-self:stretch;
    min-width:0;
    overflow:visible;
    margin-top:0;
  }
  /* Нейросеть: видна в основном справа от колонки текста (между копирайтом/тегом и краем экрана), под текстом слева — нет */
  .hero-mob-visual{
    display:block;
    position:absolute;
    left:-24px;
    right:-24px;
    top:clamp(-36px,-4.8svh,-10px);
    bottom:clamp(48px,13svh,92px);
    width:auto;
    height:auto;
    max-height:none;
    margin:0;
    pointer-events:none;
    z-index:0;
    overflow:hidden;
    flex:none!important;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 42%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.38) 56%,#000 64%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0%,transparent 42%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.38) 56%,#000 64%,#000 100%);
  }
  .hero-mob-visual::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(to right,rgba(2,7,12,.97) 0%,rgba(3,9,15,.78) 14%,rgba(4,11,18,.42) 32%,rgba(4,12,20,.12) 48%,transparent 62%);
  }
  .hero-mob-plexus{
    position:absolute;
    left:8%;
    top:-20%;
    width:128%;
    height:138%;
    margin:0;
    opacity:.62;
    transform:rotate(-26deg);
    transform-origin:72% 48%;
    -webkit-transform:rotate(-26deg);
    -webkit-transform-origin:72% 48%;
    transition:none!important;
    animation:none!important;
    will-change:auto;
  }
  .hero-actions{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    margin:0!important;
    margin-top:clamp(2px,.65svh,6px)!important;
    flex-shrink:0;
    box-sizing:border-box;
  }
  .hero-desc{
    display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;
    width:100%!important;
    max-width:100%!important;
    text-align:left!important;
    margin:0!important;
    line-height:1.52!important;
    color:rgba(200,205,212,.88)!important;
    font-weight:400!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  .hero-desc-mob-lead{
    font-size:clamp(11px,3.05vw,13px)!important;
    letter-spacing:.025em!important;
    font-weight:400!important;
  }
  .hero-desc-mob-final-line{
    display:block!important;
    margin-top:0!important;
    font-size:clamp(11px,3.05vw,13px)!important;
    letter-spacing:.025em!important;
    font-weight:400!important;
    white-space:nowrap!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  .hero-btn-primary{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    background:rgba(45,212,191,.08)!important;
    border:1px solid rgba(45,212,191,.35)!important;
    border-radius:14px!important;
    padding:14px 16px!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-sizing:border-box!important;
  }
  .hero-btn-label{color:#2DD4BF!important;font-size:clamp(13px,3.6vw,14px)!important;font-weight:700!important;line-height:1.2!important}
  .hero-btn-arrow{width:32px!important;height:32px!important;background:rgba(45,212,191,.12)!important;border:1px solid rgba(45,212,191,.3)!important;color:#2DD4BF!important;flex-shrink:0!important;border-radius:50%!important}
  .hero-mob-stage .hero-terminal{
    position:relative;
    z-index:2;
    align-self:stretch;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-top:clamp(-6px,-1.2vw,0)!important;
    flex:0 0 auto;
    flex-shrink:0;
    box-sizing:border-box!important;
    height:clamp(128px,min(34vw,28svh),188px)!important;
    min-height:clamp(128px,min(34vw,28svh),188px)!important;
    max-height:clamp(128px,min(34vw,28svh),188px)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    background:transparent!important;
    border:none!important;
    outline:none!important;
    border-radius:14px!important;
    padding:6px 8px 4px!important;
    box-shadow:0 14px 40px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    isolation:isolate;
  }
  /* Стекло на ::before: не на scroll-контейнере — иначе iOS/WebKit «съедает» blur после появления строк */
  .hero-mob-stage .hero-terminal::before{
    content:''!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    border-radius:14px!important;
    z-index:0!important;
    pointer-events:none!important;
    background:rgba(4,12,20,.34)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  .hero-mob-stage .hero-terminal:hover{transform:translateZ(0)!important;box-shadow:none!important}
  .hero-mob-stage .ht-header{
    position:relative!important;
    z-index:1!important;
    background:transparent!important;
    border:none!important;
    padding:0 0 4px!important;
    flex-shrink:0!important;
  }
  .hero-mob-stage .ht-body{
    position:relative!important;
    z-index:1!important;
    flex:1 1 auto!important;
    padding:1px 0 2px!important;
    gap:3px!important;
    overflow-y:auto;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  @keyframes htFadeInMob{
    from{opacity:0}
    to{opacity:1}
  }
  .hero-mob-stage .ht-line{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:6px!important;
    flex-shrink:0!important;
    flex-grow:0!important;
    background:transparent!important;
    border:none!important;
    border-radius:0!important;
    padding:2px 0!important;
    margin:0!important;
    white-space:normal!important;
    overflow:visible!important;
    animation:htFadeInMob .28s ease forwards!important;
    transform:none!important;
  }
  .hero-mob-stage .ht-line.ht-line-pending,.hero-mob-stage .ht-divider.ht-line-pending{opacity:0!important;animation:none!important;pointer-events:none!important}
  .hero-mob-stage .ht-agent{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    align-self:flex-start!important;
    margin-top:1px!important;
    font-size:5px!important;
    font-weight:700!important;
    letter-spacing:.04em!important;
    padding:2px 4px!important;
    border-radius:3px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .hero-mob-stage .ht-text{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    min-height:0!important;
    white-space:normal!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
    line-height:1.38!important;
    font-size:clamp(9px,2.5vw,10.5px)!important;
    overflow:visible!important;
  }
  .hero-mob-stage .ht-divider{
    flex-shrink:0!important;
    margin:3px 0!important;
    height:0!important;
    border:none!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    background:transparent!important;
    opacity:.85!important;
    animation:htFadeInMob .22s ease forwards!important;
    transform:none!important;
  }
  .hero-mob-stage .ht-footer{
    position:relative!important;
    z-index:1!important;
    background:transparent!important;
    border:none!important;
    border-top:1px solid rgba(255,255,255,.04)!important;
    padding:3px 0 1px!important;
    margin-top:1px!important;
    flex-shrink:0!important;
  }
  .hero-mob-stage .ht-progress-wrap{
    gap:5px!important;
    align-items:center!important;
  }
  .hero-mob-stage .ht-progress-track{
    height:1px!important;
    border-radius:1px!important;
    background:rgba(255,255,255,.05)!important;
  }
  .hero-mob-stage .ht-progress-fill{
    border-radius:1px!important;
  }
  .hero-mob-stage .ht-progress-label{font-size:7px!important;min-width:22px!important}
  .hero-accent-dots{display:none!important}
  .hero-mob-stage .ht-title{
    font-size:7.5px!important;
    letter-spacing:.07em!important;
    color:rgba(255,255,255,.38)!important;
    font-weight:600!important;
  }
  .hero-mob-stage .ht-badge{font-size:5.5px!important;padding:1px 5px!important;letter-spacing:.08em!important}
  .hero-mob-stage .ht-badge-dot{animation:none!important;opacity:.72!important;box-shadow:none!important}
  /* Новый мобайл-hero: терминал и старая вёрстка — только .hero-desktop-only */
  .hero-desktop-only{display:none!important}
  .hero-content{
    transform:none!important;
    flex:1 1 auto!important;
    min-height:0!important;
    justify-content:flex-start!important;
    margin:0!important;
  }
  .hero-mob-neural{
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    position:relative;
    z-index:2;
    width:100%;
    flex:1 1 auto;
    min-height:0;
    padding:0;
    overflow-x:clip;
  }
  .hm-min-hero{
    position:relative;
    overflow:visible;
    flex:1 1 auto;
    min-height:0;
    display:flex;
    flex-direction:column;
  }
  .hm-inner{
    --hm-inner-y:clamp(20px,8svh,56px);
    position:relative;
    z-index:6;
    flex:1;
    min-height:0;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    max-width:100%;
    margin-inline:0;
    box-sizing:border-box;
    padding-inline:0;
    padding-top:var(--hm-inner-y);
    /* Как сверху до заголовка: #hero padding-top + этот отступ ≈ снизу от кнопки до низа секции */
    padding-bottom:var(--hm-inner-y);
  }
  /* Контейнер для cqw: кегль от реальной ширины колонки (между полями .hero-content), без вылета за край */
  .hm-min-col{
    container-type:inline-size;
    container-name:hm-hero;
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
    min-width:0;
    width:100%;
    max-width:100%;
    align-self:stretch;
    box-sizing:border-box;
  }
  .hm-min-push{
    flex:1 1 auto;
    min-height:clamp(16px,4.2svh,40px);
    pointer-events:none;
  }
  .hm-min-head--minimal{
    flex:0 0 auto;
    align-self:stretch;
  }
  .hm-min-title-blend{
    mix-blend-mode:plus-lighter;
    width:100%;
    max-width:100%;
  }
  @supports not (mix-blend-mode:plus-lighter){
    .hm-min-title-blend{mix-blend-mode:screen}
  }
  .hm-min-head{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    gap:0;
    width:100%;
  }
  .hm-min-digital-line{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:clamp(2px,.5vw,6px);
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:visible;
  }
  /* «СТРАТЕГИЯ» — --hm-head-fit-px; DIGITAL и «за 60 минут» — свои переменные после измерения подстрок */
  .hm-min-digital-word,
  .hm-strategy.hm-min-strategy{
    font-family:'Unbounded',sans-serif!important;
    font-weight:900!important;
    line-height:0.95!important;
    color:rgba(255,255,255,.94)!important;
    box-sizing:border-box;
    position:relative;
    -webkit-text-stroke:0 transparent!important;
    paint-order:normal;
    background:none!important;
    -webkit-text-fill-color:rgba(255,255,255,.94)!important;
    text-shadow:none!important;
  }
  .hm-strategy.hm-min-strategy{
    font-size:var(--hm-head-fit-px,clamp(20px,7vw,32px))!important;
  }
  .hm-min-digital-word{
    font-size:var(--hm-digital-fit-px,var(--hm-head-fit-px,clamp(20px,7vw,32px)))!important;
    display:block;
    width:max-content;
    max-width:100%;
    white-space:nowrap;
    letter-spacing:-.03em;
  }
  .hm-strategy.hm-min-strategy{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    white-space:nowrap;
    letter-spacing:-.03em;
    -webkit-background-clip:border-box;
    background-clip:border-box;
  }
  /* «ЗА 60 МИНУТ»: светло-серый полупрозрачный текст + стеклянная капсула (::before — blur, как у терминала) */
  .hm-min-time-line{
    position:relative!important;
    isolation:isolate!important;
    display:inline-flex!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    align-self:flex-start!important;
    flex-shrink:0!important;
    gap:clamp(5px,1.5vw,9px)!important;
    width:max-content!important;
    max-width:100%!important;
    margin-top:clamp(10px,2.2vw,18px)!important;
    margin-inline:0!important;
    padding:clamp(6px,1.4vw,10px) clamp(11px,2.5vw,16px)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:11px!important;
    outline:none!important;
    box-shadow:
      0 2px 18px rgba(0,0,0,.16),
      inset 0 1px 0 rgba(255,255,255,.14)!important;
    background:transparent!important;
    font-family:'Unbounded',sans-serif!important;
    font-weight:800!important;
    font-size:var(--hm-time-fit-px,clamp(12.5px,3.75vw,17px))!important;
    letter-spacing:.2em!important;
    line-height:1!important;
    color:rgba(236,240,246,.78)!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 2px rgba(0,0,0,.22)!important;
    white-space:nowrap!important;
    -webkit-text-fill-color:rgba(236,240,246,.78)!important;
    box-sizing:border-box!important;
  }
  .hm-min-time-line::before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    z-index:0!important;
    pointer-events:none!important;
    background:rgba(248,250,252,.07)!important;
    backdrop-filter:blur(14px) saturate(1.18)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.18)!important;
  }
  .hm-min-time-line .hero-time-ch{
    position:relative!important;
    z-index:1!important;
    white-space:nowrap!important;
    letter-spacing:inherit!important;
    border:none!important;
    background:none!important;
    padding:0!important;
  }
  /* EN на мобильном: «60 MIN» над DIGITAL, как на десктопе: маленькая строка без капсулы, по ширине примерно «DIG» */
  html[data-lang="en"] .hm-min-time-line{
    order:-1!important;
    margin-top:0!important;
    margin-bottom:clamp(6px,1.8vw,10px)!important;
    padding:0!important;
    border:none!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-shadow:none!important;
    color:rgba(94,234,212,.9)!important;
    -webkit-text-fill-color:rgba(94,234,212,.9)!important;
  }
  html[data-lang="en"] .hm-min-time-line::before{
    display:none!important;
  }
  @media(max-width:640px) and (max-height:520px){
    .hm-inner{
      --hm-inner-y:clamp(8px,4vh,28px);
    }
    .hm-min-head{margin-bottom:0}
  }
  @media(max-width:640px) and (min-width:520px){
    .hm-inner{max-width:100%}
  }
  .hm-cta--pill{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-height:48px;
    padding:12px 18px;
    margin:0;
    margin-top:auto;
    flex-shrink:0;
    border-radius:999px;
    box-sizing:border-box;
    text-decoration:none;
    font-family:'Manrope',sans-serif;
    font-weight:700;
    font-size:clamp(14px,3.65vw,16px);
    line-height:1.25;
    letter-spacing:-.015em;
    -webkit-tap-highlight-color:transparent;
  }
  .hm-cta--pill.hm-min-cta{
    margin-top:0;
    align-self:stretch;
  }
  .hm-cta--pill.hm-cta--apple{
    color:#04111a!important;
    background:rgba(250,251,252,.96);
    border:1px solid rgba(255,255,255,.65);
    box-shadow:
      0 0 0 1px rgba(45,212,191,.25),
      0 0 28px rgba(45,212,191,.35),
      0 0 56px rgba(45,212,191,.18),
      0 12px 36px rgba(0,0,0,.35);
    transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .28s ease;
  }
  .hm-cta--pill:focus{outline:none}
  .hm-cta--pill:focus-visible{
    outline:2px solid rgba(45,212,191,.85);
    outline-offset:3px;
  }
  @media(hover:hover) and (pointer:fine){
    .hm-cta--pill.hm-cta--apple:hover{
      box-shadow:
        0 0 0 1px rgba(45,212,191,.4),
        0 0 36px rgba(45,212,191,.5),
        0 0 72px rgba(45,212,191,.22),
        0 16px 44px rgba(0,0,0,.38);
      filter:brightness(1.02);
      transform:translateY(-2px);
    }
  }
  .hm-cta--pill.hm-cta--apple:active{transform:scale(.985) translateY(0)}
  /* Матовое стекло + кайма conic-gradient (как перелив на iOS) */
  .hm-cta--pill.hm-cta--glass{
    position:relative;
    isolation:isolate;
    overflow:visible;
    color:rgba(255,255,255,.94)!important;
    font-weight:700;
    border:none;
    background:transparent!important;
    box-shadow:none;
    transition:transform .22s cubic-bezier(.2,.8,.2,1);
  }
  .hm-cta--pill.hm-cta--glass::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    padding:1px;
    background:conic-gradient(
      from var(--hm-glass-edge,0deg),
      rgba(255,255,255,.38),
      rgba(45,212,191,.52),
      rgba(210,235,255,.45),
      rgba(255,255,255,.18),
      rgba(30,170,185,.48),
      rgba(255,255,255,.32),
      rgba(45,212,191,.46),
      rgba(255,255,255,.38)
    );
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    mask-composite:exclude;
    pointer-events:none;
    z-index:1;
    animation:hm-glass-edge-rotate 5.5s linear infinite;
  }
  .hm-cta--pill.hm-cta--glass::after{
    content:'';
    position:absolute;
    inset:1px;
    border-radius:inherit;
    background:linear-gradient(
      168deg,
      rgba(255,255,255,.13) 0%,
      rgba(255,255,255,.045) 38%,
      rgba(5,20,32,.58) 100%
    );
    backdrop-filter:blur(22px) saturate(.88);
    -webkit-backdrop-filter:blur(22px) saturate(.88);
    box-shadow:
      0 0 0 1px rgba(255,255,255,.07) inset,
      0 1px 0 rgba(255,255,255,.11) inset,
      0 8px 30px rgba(0,0,0,.34);
    pointer-events:none;
    z-index:0;
    transition:background .28s ease,box-shadow .28s ease,backdrop-filter .28s ease,-webkit-backdrop-filter .28s ease;
  }
  .hm-cta--pill.hm-cta--glass .hm-cta-txt,
  .hm-cta--pill.hm-cta--glass .hm-cta-arr{
    position:relative;
    z-index:2;
  }
  @media(hover:hover) and (pointer:fine){
    .hm-cta--pill.hm-cta--glass:hover{
      transform:translateY(-2px);
    }
    .hm-cta--pill.hm-cta--glass:hover::after{
      background:linear-gradient(
        168deg,
        rgba(255,255,255,.17) 0%,
        rgba(255,255,255,.06) 38%,
        rgba(8,30,44,.62) 100%
      );
      box-shadow:
        0 0 0 1px rgba(45,212,191,.14) inset,
        0 1px 0 rgba(255,255,255,.14) inset,
        0 12px 38px rgba(0,0,0,.4),
        0 0 20px rgba(45,212,191,.07);
    }
  }
  .hm-cta--pill.hm-cta--glass:active{transform:scale(.985) translateY(0)}
  .hm-cta--pill .hm-cta-arr{
    display:flex;
    align-items:center;
    opacity:.88;
  }
  .hm-cta--pill .hm-cta-arr svg{display:block}
  #heroScrollHint{display:none!important;visibility:hidden!important;pointer-events:none!important}
}
/* TEMP: отключено для проверки анимаций при системном «reduce motion»
@media(max-width:640px) and (prefers-reduced-motion:reduce){
  .hero-mob-plexus{
    transform:rotate(-24deg)!important;
    -webkit-transform:rotate(-24deg)!important;
  }
  .hm-cta--pill.hm-cta--glass::before{
    animation:none;
    --hm-glass-edge:48deg;
  }
}
*/

/* ── SHARED SECTION STYLES ── */
/* Только якоря страницы: scroll-margin на каждом div[id] (карточки, модалки) ломал scroll anchoring — «борьба» со скроллом на Android */
#hero,#typebot,#features,#agents,#how,#pricing,#faq,#contact,#insights,#cta{scroll-margin-top:60px}
html.sprysee-ff-android #features,
html.sprysee-ff-android #agents,
html.sprysee-ff-android #how,
html.sprysee-ff-android #pricing,
html.sprysee-ff-android #faq,
html.sprysee-ff-android #contact,
html.sprysee-ff-android #insights,
html.sprysee-ff-android #cta{scroll-margin-top:0}
.sec-label{font-size:clamp(9px,.8vw,11px);letter-spacing:var(--label-track);text-transform:uppercase;color:rgba(255,255,255,.25);font-weight:600;margin-bottom:16px}
.sec-h{font-family:'Unbounded',sans-serif;font-weight:900;font-size:var(--h-sec);letter-spacing:-.04em;line-height:1.05;margin-bottom:16px;color:#fff}
.sec-h em{font-style:normal;color:var(--teal)}
.sec-sub{font-size:var(--body);color:rgba(255,255,255,.45);margin-bottom:var(--gap);line-height:1.8;max-width:640px}
.sr{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.sr.vis{opacity:1;transform:translateY(0)}
.sr.d1{transition-delay:.06s}.sr.d2{transition-delay:.13s}.sr.d3{transition-delay:.21s}.sr.d4{transition-delay:.28s}.sr.d5{transition-delay:.36s}
.sr.sr-hold{transition:none!important}
/* Десктоп, только вход снизу: то же появление, что было — и прозрачность, и сдвиг вместе.
   Карточки перебивают transition своим коротким hover, из-за этого вниз хлопало. Вверх не трогаем. */
@media(min-width:641px){
  .sr.sr-from-below.vis{
    transition-property:opacity,transform;
    transition-duration:.65s,.65s;
    transition-timing-function:ease,ease;
  }
}
/* Мобилка: заголовки мягко, карточки — уверенно «выпукло» снизу */
@media(max-width:640px){
  .sr{
    transform:translate3d(0,16px,0);
    transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
  }
  .sr.vis{transform:translate3d(0,0,0)}
  .sr.d1{transition-delay:.06s}
  .sr.d2{transition-delay:.12s}
  .sr.d3{transition-delay:.2s}
  .sr.d4{transition-delay:.28s}
  .sr.d5{transition-delay:.36s}
  .sr-pop{
    transform:translate3d(0,36px,0) scale(.92);
    transform-origin:50% 90%;
    filter:saturate(.92);
    transition:
      opacity 1.05s cubic-bezier(.16,1,.3,1),
      transform 1.1s cubic-bezier(.16,1,.3,1),
      filter 1.1s cubic-bezier(.16,1,.3,1),
      box-shadow 1.1s cubic-bezier(.16,1,.3,1);
  }
  .sr-pop.vis{
    transform:translate3d(0,0,0) scale(1);
    filter:none;
  }
  #features .feat-card-new{
    border-radius:22px;
    box-shadow:
      0 16px 36px rgba(0,0,0,.34),
      0 1px 0 rgba(255,255,255,.1) inset,
      0 -16px 22px rgba(0,0,0,.16) inset;
  }
  #features .feat-card-new.sr-pop.vis{
    box-shadow:
      0 22px 48px rgba(0,0,0,.4),
      0 0 28px rgba(45,212,191,.08),
      0 1px 0 rgba(255,255,255,.14) inset,
      0 -18px 24px rgba(0,0,0,.18) inset;
  }
  .sr-pop.sr-seen{
    filter:none;
    transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
  }
  .sr-pop.sr-seen.vis{filter:none}
  #features .feat-card-new.sr-pop.sr-seen{
    box-shadow:
      0 22px 48px rgba(0,0,0,.4),
      0 0 28px rgba(45,212,191,.08),
      0 1px 0 rgba(255,255,255,.14) inset,
      0 -18px 24px rgba(0,0,0,.18) inset;
  }
  /* Android: тот же мягкий выезд, что на iPhone. Фильтр и тень не анимируем — от них замирал скролл. */
  html.sprysee-android .sr-pop{
    filter:none;
    transition:opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);
  }
  html.sprysee-android .sr-pop.vis{filter:none}
  html.sprysee-android #features .feat-card-new.sr-pop,
  html.sprysee-android #features .feat-card-new.sr-pop.vis{
    box-shadow:
      0 22px 48px rgba(0,0,0,.4),
      0 0 28px rgba(45,212,191,.08),
      0 1px 0 rgba(255,255,255,.14) inset,
      0 -18px 24px rgba(0,0,0,.18) inset;
  }
  /* Firefox: blur у фиксированной шапки пересчитывается на каждом кадре листа и дёргает страницу. */
  html.sprysee-ff-android #nav{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    background:rgba(4,17,26,.97);
  }
  html.sprysee-ios .sr,
  html.sprysee-ios .sr-pop{
    filter:none;
    transform:translate3d(0,22px,0);
    transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
  }
  html.sprysee-ios .sr.vis,
  html.sprysee-ios .sr-pop.vis{
    filter:none;
    transform:translate3d(0,0,0);
  }
  html.sprysee-ios .sr.sr-seen,
  html.sprysee-ios .sr-pop.sr-seen{
    filter:none;
    transform:translate3d(0,28px,0);
    transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
  }
  html.sprysee-ios .sr.sr-seen.vis,
  html.sprysee-ios .sr-pop.sr-seen.vis{
    filter:none;
    transform:translate3d(0,0,0);
  }
  html.sprysee-ios #typebot .sr,
  html.sprysee-ios #typebot .sr.vis{
    opacity:1;
    filter:none;
    transform:none;
    transition:none;
  }
  /* «Обсудим ваш проект»: сдвиг всего блока на айфоне читается как скачок страницы.
     overflow:hidden + пятно top:-120px Safari воспринимает как вылезающий скролл и перескакивает. */
  html.sprysee-ios #contact{
    overflow:clip;
  }
  html.sprysee-ios #contact .sr,
  html.sprysee-ios #contact .sr.vis,
  html.sprysee-ios #contact .sr.sr-seen,
  html.sprysee-ios #contact .sr.sr-seen.vis{
    transform:none;
  }
  html.sprysee-ios #features .feat-card-new.sr-pop,
  html.sprysee-ios #features .feat-card-new.sr-pop.vis,
  html.sprysee-ios #features .feat-card-new.sr-pop.sr-seen,
  html.sprysee-ios #features .feat-card-new.sr-pop.sr-seen.vis{
    box-shadow:
      0 22px 48px rgba(0,0,0,.4),
      0 0 28px rgba(45,212,191,.08),
      0 1px 0 rgba(255,255,255,.14) inset,
      0 -18px 24px rgba(0,0,0,.18) inset;
  }
}

/* ── CHAT (якорь #typebot) ── */
#typebot.chat-stage{
  background:transparent;
  padding:0;
  height:100dvh;
  min-height:100dvh;
  max-height:100dvh;
  display:flex;
  flex-direction:column;
    box-sizing:border-box;
  position:relative;
  z-index:1;
  scroll-margin-top:0!important;
  overflow:hidden;
  }
.chat-stage-inner{
  position:relative;
    flex:1 1 auto;
    width:100%;
  max-width:none;
  margin:0;
    display:flex;
    flex-direction:column;
  height:100%;
    min-height:0;
  padding:calc(var(--nav-bar-h, 52px) + 20px) 0 0;
    box-sizing:border-box;
  overflow:hidden;
}
.chat-stage-head,
.chat-stage-frame,
.chat-site-peek{
  position:relative;
  z-index:2;
}

/* Живое свечение за чатом: два пятна, дыхание ИИ, фокус у инпута */
.chat-ambient{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.chat-ambient-blob{
  display:none!important;
}
.chat-ambient-blob--l{
  left:6%;
  top:26%;
  background:radial-gradient(circle,rgba(45,212,191,.42) 0%,rgba(32,150,180,.16) 46%,transparent 72%);
}
.chat-ambient-blob--r{
  right:8%;
  top:18%;
  background:radial-gradient(circle,rgba(80,210,230,.34) 0%,rgba(45,180,200,.14) 44%,transparent 72%);
}
.chat-ambient-fade{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:42%;
  background:linear-gradient(180deg,rgba(4,14,22,0) 0%,rgba(4,12,18,.55) 48%,rgba(3,8,12,.92) 100%);
}
#typebot.chat-glow--wait .chat-ambient-blob--l{
  top:58%;
  left:18%;
  opacity:.38;
  transform:scale(.88);
}
#typebot.chat-glow--wait .chat-ambient-blob--r{
  top:54%;
  right:16%;
  opacity:.4;
  transform:scale(.9);
}
#typebot.chat-glow--think .chat-ambient-blob--l{
  top:28%;
  left:8%;
  animation:chatGlowBreathe 3.8s ease-in-out infinite;
}
#typebot.chat-glow--think .chat-ambient-blob--r{
  top:22%;
  right:10%;
  animation:chatGlowBreathe 3.8s ease-in-out infinite .6s;
}
@keyframes chatGlowBreathe{
  0%,100%{opacity:.38;transform:scale(.94)}
  50%{opacity:.72;transform:scale(1.08)}
}
@media(prefers-reduced-motion:reduce){
  .chat-ambient-blob,
  #typebot.chat-glow--wait .chat-ambient-blob--l,
  #typebot.chat-glow--wait .chat-ambient-blob--r{
    transition:none;
  }
  #typebot.chat-glow--think .chat-ambient-blob--l,
  #typebot.chat-glow--think .chat-ambient-blob--r{
    animation:none;
    opacity:.48;
  }
}
/* Заголовок секции живёт на градиенте main — переход от hero остаётся видимым */
.chat-stage-head{
  flex:0 0 auto;
  padding:0 var(--px) clamp(8px,1.4svh,16px);
  text-align:center;
  cursor:pointer;
}
.chat-stage-head:hover .sec-h{color:#f3fffc}
.chat-stage-head:focus-visible{
  outline:none;
}
.chat-stage-head:focus-visible .sec-h{
  color:var(--teal);
}
.chat-stage-head .sec-label{margin-bottom:3px}
.chat-stage-head .sec-h{margin:0 0 3px;font-size:clamp(20px,2.1vw,32px);line-height:1.1}
.chat-stage-head .sec-sub{margin:0 auto;font-size:clamp(12px,1vw,14px);line-height:1.45}
.chat-stage-frame{
  position:relative;
    flex:1 1 auto;
  width:100%;
  min-height:240px;
  background:transparent;
  overflow:hidden;
}
/* Поля по бокам колонки чата: колесо = страница, не переписка */
.chat-stage-rail{
  display:none;
  position:absolute;
  top:0;
  bottom:0;
  z-index:6;
  width:max(56px,calc((100% - 1040px) / 2));
  pointer-events:auto;
  cursor:ns-resize;
}
.chat-stage-rail--l{left:0;}
.chat-stage-rail--r{right:0;}
.chat-stage-rail-track{
  position:absolute;
  top:18%;
  bottom:18%;
  width:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  pointer-events:none;
}
.chat-stage-rail--l .chat-stage-rail-track{right:6px;}
.chat-stage-rail--r .chat-stage-rail-track{left:6px;}
/* Стрелки у колонки чата скрыты; здесь только невидимая зона колеса */
.chat-stage-rail-track{display:none;}
.chat-stage-rail-line{
  flex:1;
  width:1px;
  min-height:0;
  opacity:.32;
  transition:opacity .35s ease;
}
.chat-stage-rail-line--t{
  background:linear-gradient(180deg,transparent 0%,rgba(45,212,191,.28) 28%,rgba(45,212,191,.38) 100%);
}
.chat-stage-rail-line--b{
  background:linear-gradient(180deg,rgba(45,212,191,.38) 0%,rgba(45,212,191,.28) 72%,transparent 100%);
}
.chat-stage-rail-hint{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-shrink:0;
  padding:6px 0;
  color:rgba(45,212,191,.38);
}
.chat-stage-rail-label{
  position:absolute;
  top:50%;
  font-family:'Manrope',system-ui,sans-serif;
  font-size:9px;
  font-weight:650;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(233,240,243,.42);
  writing-mode:vertical-rl;
  transform:translateY(-50%) rotate(180deg);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
  white-space:nowrap;
}
.chat-stage-rail--l .chat-stage-rail-label{left:calc(100% + 10px);}
.chat-stage-rail--r .chat-stage-rail-label{right:calc(100% + 10px);}
.chat-stage-rail-chev{
  display:block;
  width:8px;
  height:5px;
  flex-shrink:0;
}
@media(min-width:641px){
  .chat-stage-rail{display:block;}
  .chat-stage-rail:hover{
    background:rgba(45,212,191,.025);
  }
  .chat-stage-rail--l:hover{
    background:linear-gradient(90deg,rgba(45,212,191,.05) 0%,transparent 88%);
  }
  .chat-stage-rail--r:hover{
    background:linear-gradient(270deg,rgba(45,212,191,.05) 0%,transparent 88%);
  }
  .chat-stage-rail:hover .chat-stage-rail-line{opacity:.5}
  .chat-stage-rail:hover .chat-stage-rail-hint{color:rgba(45,212,191,.5)}
  .chat-stage-rail:hover .chat-stage-rail-label{opacity:1}
  .chat-stage-rail:hover .chat-stage-rail-chev--up{
    animation:chatRailChevUp 1.8s ease-in-out infinite;
  }
  .chat-stage-rail:hover .chat-stage-rail-chev--dn{
    animation:chatRailChevDn 1.8s ease-in-out infinite;
  }
}
@keyframes chatRailChevUp{
  0%,100%{transform:translateY(0);opacity:.65}
  50%{transform:translateY(-1px);opacity:1}
}
@keyframes chatRailChevDn{
  0%,100%{transform:translateY(0);opacity:.65}
  50%{transform:translateY(1px);opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .chat-stage-rail:hover .chat-stage-rail-chev--up,
  .chat-stage-rail:hover .chat-stage-rail-chev--dn{
    animation:none;
  }
}
.chat-stage-noscript{
  margin:0;
  padding:16px;
  text-align:center;
  color:rgba(255,255,255,.55);
}
.chat-stage-noscript a{color:var(--teal)}
.tb-embed{
  position:relative;
  width:100%;
  height:100%;
}
.tb-iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:transparent;
  display:block;
  color-scheme:dark;
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
.tb-iframe.tb-iframe--ready{
  opacity:1;
  pointer-events:auto;
}
html.sprysee-safari .chat-stage-frame{background:#04111e}
html.sprysee-safari .tb-iframe{background:#04111e}
html.sprysee-safari .tb-iframe:not(.tb-iframe--ready){visibility:hidden}
/* Испарение только когда лента уже уехала вверх — первое «Здравствуйте!» не затемнять */
#typebot.chat-fade-top .tb-iframe.tb-iframe--ready{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.28) 18px,#000 68px);
  mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.28) 18px,#000 68px);
}
/* Мобайл: чат прозрачный, свечение секции видно; буквы тают маской, без тёмной плиты */
@media(max-width:640px){
  #typebot .chat-stage-frame{
    background:transparent;
  }
  #typebot .chat-ambient-fade{
    display:none;
  }
  #typebot.chat-fade-top .tb-iframe.tb-iframe--ready{
    -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.22) 20px,#000 72px);
    mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.22) 20px,#000 72px);
  }
}

/*
  Кнопка внутри чата, под iframe. Следующая секция начинается строго ниже —
  без отрицательных отступов и без наложений.
*/
.chat-site-peek{
  position:relative;
  z-index:8;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin:0;
  padding:14px 16px calc(14px + env(safe-area-inset-bottom, 0px));
  text-decoration:none;
  background:transparent;
  -webkit-tap-highlight-color:transparent;
  cursor:pointer;
  isolation:isolate;
}
.chat-site-peek-thread{
  position:absolute;
  left:50%;
  top:4px;
  width:min(240px,46vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent 0%,rgba(45,212,191,.15) 18%,rgba(159,232,225,.85) 50%,rgba(45,212,191,.15) 82%,transparent 100%);
  box-shadow:0 0 10px rgba(45,212,191,.45),0 0 22px rgba(45,212,191,.2);
  pointer-events:none;
  z-index:9;
}
.chat-site-peek-more{
  position:relative;
  z-index:9;
  margin-top:8px;
  font-family:'Manrope',system-ui,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(233,240,243,.62);
}
.chat-site-peek:hover .chat-site-peek-more,
.chat-site-peek:focus-visible .chat-site-peek-more{
  color:#e9f8f4;
}
.chat-site-peek:focus-visible{
  outline:none;
}

/* После интро держим хиро, пока доезжает инерция колеса */
html.sprysee-intro-hold,
html.sprysee-intro-hold body{
  overflow:hidden!important;
}

/* Mobile room: чат-комната, сайт сзади чуть уменьшен */
html.chat-room-on,
html.chat-room-on body{
  overflow:hidden;
  touch-action:none;
}
html.chat-room-on .site-below-hero{
  transform:scale(.965);
  transform-origin:50% 40%;
  filter:brightness(.72) saturate(.92);
  transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s ease;
  pointer-events:none;
}
html.chat-room-on #typebot.chat-stage{
  position:fixed;
  inset:0;
  z-index:1200;
  min-height:100dvh;
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
  background:rgba(4,14,20,.28);
}
html.chat-room-on #typebot>.chat-stage-inner{
  height:100%;
  min-height:100%;
  padding-top:calc(var(--nav-float-top, 10px) + 8px);
}
html.chat-room-on .chat-stage-head{
  opacity:0;
  max-height:0;
  padding:0;
  overflow:hidden;
  pointer-events:none;
}
html.chat-room-on #nav{
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease;
}
html:not(.chat-room-on) .site-below-hero{
  transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s ease;
}
@media(prefers-reduced-motion:reduce){
  .tb-iframe,
  html.chat-room-on .site-below-hero,
  html:not(.chat-room-on) .site-below-hero{
    transition:none;
  }
}

/* Переход hero-терминал → чат */
.sprysee-typebot-handoff{
  position:fixed;
  inset:0;
  z-index:2200;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease;
}
.sprysee-typebot-handoff.is-active{opacity:1}
.sprysee-typebot-handoff.is-done{opacity:0;transition:opacity .32s ease}
.sprysee-typebot-handoff::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 70% 42% at 50% 38%,rgba(45,212,191,.1) 0%,transparent 68%);
  opacity:0;
  animation:spryseeHandoffFlash .82s ease forwards;
}
.sprysee-typebot-handoff__line{
  position:absolute;
  left:0;
  right:0;
  height:2px;
  top:0;
  background:linear-gradient(90deg,transparent 0%,rgba(45,212,191,.35) 18%,rgba(45,212,191,.75) 50%,rgba(45,212,191,.35) 82%,transparent 100%);
  box-shadow:0 0 28px rgba(45,212,191,.38),0 0 64px rgba(45,212,191,.12);
  animation:spryseeHandoffScan .82s cubic-bezier(.35,0,.18,1) forwards;
}
@keyframes spryseeHandoffFlash{
  0%{opacity:0}
  22%{opacity:1}
  100%{opacity:0}
}
@keyframes spryseeHandoffScan{
  0%{top:0;opacity:0}
  8%{opacity:1}
  100%{top:100%;opacity:0}
}
@keyframes typebotHandoffTitle{
  0%{opacity:.35;-webkit-transform:translateY(10px);transform:translateY(10px);filter:blur(2px)}
  55%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);filter:blur(0);text-shadow:0 0 32px rgba(45,212,191,.22)}
  100%{opacity:1;-webkit-transform:none;transform:none;text-shadow:none}
}
@keyframes typebotHandoffGlass{
  0%{opacity:.55;-webkit-transform:scale(.982) translateY(14px);transform:scale(.982) translateY(14px);box-shadow:0 8px 32px rgba(0,0,0,.28),0 0 0 rgba(45,212,191,0)}
  100%{opacity:1;-webkit-transform:none;transform:none;box-shadow:0 0 36px rgba(45,212,191,.14),0 24px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08)}
}
@keyframes typebotHandoffLabel{
  from{opacity:0;letter-spacing:.28em}
  to{opacity:1;letter-spacing:.18em}
}
#typebot.typebot--handoff::after{
  content:''!important;
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(ellipse 55% 40% at 50% 22%,rgba(45,212,191,.08) 0%,transparent 70%);
  animation:spryseeHandoffFlash .9s ease forwards;
}
#typebot.typebot--handoff .sec-label{
  animation:typebotHandoffLabel .65s cubic-bezier(.22,1,.36,1) forwards;
}
#typebot.typebot--handoff .sec-h{
  animation:typebotHandoffTitle .85s cubic-bezier(.22,1,.36,1) forwards;
}
#typebot.typebot--handoff .sec-sub{
  animation:heroDeskRiseIn .55s cubic-bezier(.22,1,.36,1) .12s forwards;
}
#typebot.typebot--handoff .chat-stage-frame{
  animation:typebotHandoffGlass .8s cubic-bezier(.22,1,.36,1) .08s forwards;
}
@media(min-width:641px){
  #typebot.typebot--handoff .chat-stage-frame{
    box-shadow:0 0 36px rgba(45,212,191,.14),0 24px 80px rgba(0,0,0,.5)!important;
  }
}
.tb-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.015)}
.tb-dots{display:flex;gap:6px}
.td{width:10px;height:10px;border-radius:50%}
.td-r{background:#FF5F57}.td-y{background:#FEBC2E}.td-g{background:#27C93F}
.tb-status{font-size:12px;color:rgba(255,255,255,.22);display:flex;align-items:center;gap:7px}
.tb-live{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:blink 2.2s ease-in-out infinite}
.tb-price{font-size:12px;font-weight:700;color:var(--teal)}
@media(max-width:640px){
  #typebot.chat-stage{
    height:100svh;
    min-height:100svh;
    max-height:100svh;
    padding:0;
    overflow:hidden;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
  }
  /* svh: не выше видимого экрана. lvh выше панели и обрезает верх чата, низ стыкуется криво. */
  html.sprysee-ff-android #typebot.chat-stage{
    height:100svh;
    min-height:100svh;
    max-height:100svh;
  }
  /* iPhone Safari: под «Ещё о SPRYSEE» та же заливка, что у чата. */
  html.ios-h-lock #typebot.chat-stage{
    --ios-chat-bar:74px;
    /* Не dvh: на айфоне высота скачет вместе с адресной строкой и дёргает низ страницы. */
    height:calc(var(--ios-lock-h, 100lvh) + var(--ios-chat-bar));
    min-height:calc(var(--ios-lock-h, 100lvh) + var(--ios-chat-bar));
    max-height:none;
    padding-bottom:var(--ios-chat-bar);
    background:#051f28!important;
  }
  html.ios-h-lock #typebot>.chat-stage-inner{
    height:auto;
    flex:1 1 auto;
  }
  #typebot>.chat-stage-inner{
    position:relative;
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    width:100%;
    max-width:none;
    margin:0;
    padding:calc(var(--nav-float-top, 10px) + var(--nav-bar-h, 48px) + 8px) 0 0;
    height:100%;
    min-height:0;
  }
  #typebot .chat-stage-frame{
    flex:1 1 0%;
    min-height:0;
    height:0;
  }
  #typebot .tb-iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:100%;
    overscroll-behavior:contain;
    touch-action:pan-y;
    background:#051f28;
  }
  html.sprysee-page-free #typebot,
  html.sprysee-page-free #typebot .chat-stage-frame{
    touch-action:pan-y!important;
    overscroll-behavior-y:auto!important;
  }
  html.sprysee-page-free #typebot .tb-iframe{
    pointer-events:none!important;
  }
  #typebot.chat-stage,
  html.ocean-on #typebot.chat-stage,
  html.ocean-on.sprysee-below-ocean #typebot.chat-stage{
    background:#051f28!important;
  }
  #typebot .chat-stage-frame{
    background:#051f28!important;
  }
  .chat-stage-head{
    padding:0 var(--px) 8px;
  }
  .chat-stage-head .sec-h{font-size:clamp(19px,5.2vw,25px)}
  .chat-stage-head .sec-sub{font-size:clamp(11.5px,3.1vw,13px);max-width:min(100%,320px)}
  /* Заголовок секции не ждёт IntersectionObserver (в Telegram WebView часто не стреляет) */
  #typebot .chat-stage-head .sr{
    opacity:1;
    transform:none;
  }
  #typebot .chat-site-peek{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    z-index:8;
    display:flex;
    flex:0 0 auto;
    padding:6px 16px 8px;
    min-height:0;
    background:#051f28;
  }
  #typebot .chat-site-peek-more{
    margin-top:4px;
    font-size:10.5px;
    letter-spacing:.14em;
  }
  #typebot .chat-site-peek-thread{
    top:2px;
  }
  #typebot{scroll-margin-top:0!important}
  html.sprysee-mob-park,
  html.sprysee-mob-park body{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .chat-compose-spacer{display:none;pointer-events:none}
  .chat-compose-spacer.is-on{
    display:block;
    height:100dvh;
  }
  /* Клавиатура: высота чата = visualViewport.height, внутри — flex */
  html.sprysee-vv-compose,
  html.sprysee-vv-compose body{
    overflow:hidden!important;
    overscroll-behavior:none!important;
    background:#051f28!important;
  }
  html.sprysee-vv-compose #typebot.chat-stage,
  html.ocean-on.sprysee-vv-compose #typebot.chat-stage,
  html.ocean-on.sprysee-below-ocean.sprysee-vv-compose #typebot.chat-stage{
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:99950!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    transform:none!important;
    min-height:0!important;
    max-height:none!important;
    top:var(--vv-chat-top,0px)!important;
    height:var(--vv-chat-h,100dvh)!important;
    max-height:var(--vv-chat-h,100dvh)!important;
    padding-bottom:0!important;
    box-sizing:border-box!important;
    background:#051f28!important;
    visibility:visible!important;
    opacity:1!important;
    will-change:auto;
  }
  html.sprysee-vv-compose #typebot>.chat-stage-inner{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
    padding-top:0!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html.sprysee-vv-compose #nav,
  html.sprysee-vv-compose .nav-mob-drop,
  html.sprysee-vv-compose .page-scrub,
  html.chat-room-on.sprysee-vv-compose #nav{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html.sprysee-vv-compose #typebot .tb-iframe,
  html.sprysee-vv-compose #typebot.chat-fade-top .tb-iframe.tb-iframe--ready{
    -webkit-mask-image:none!important;
    mask-image:none!important;
    background:#051f28!important;
  }
  html.sprysee-vv-compose #typebot>.chat-stage-inner::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(ellipse 100% 72% at 50% -18%,rgba(45,212,191,.09) 0%,transparent 52%),
      linear-gradient(160deg,#04111a 0%,#062a36 46%,#051f28 100%);
  }
  html.sprysee-vv-compose #typebot .chat-stage-head,
  html.sprysee-vv-compose.chat-room-on #typebot .chat-stage-head,
  html.chat-room-on.sprysee-vv-compose .chat-stage-head{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    flex:none!important;
  }
  html.sprysee-vv-compose #typebot .chat-stage-frame{
    flex:1 1 0%!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    position:relative;
    z-index:2;
  }
  html.sprysee-vv-compose #typebot .chat-stage-frame::before,
  html.sprysee-vv-compose #typebot .chat-stage-frame::after{
    display:none!important;
    content:none!important;
  }
  html.sprysee-vv-compose #typebot .tb-iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:2;
    background:#051f28!important;
  }
  html.sprysee-vv-compose #typebot .chat-stage-rail{
    display:none!important;
  }
  html.sprysee-vv-compose #typebot .chat-site-peek{
    display:none!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    pointer-events:none;
    visibility:hidden!important;
    flex:none!important;
  }
  #features,
  html.ocean-on.sprysee-below-ocean #features{
    padding-top:calc(var(--nav-float-top, 10px) + var(--nav-bar-h, 48px) + 14px)!important;
  }
  #features .features-lead-spacer,
  html.ocean-on.sprysee-below-ocean #features .features-lead-spacer{
    display:none!important;
    min-height:0!important;
    margin:0!important;
    border:none!important;
  }
  html.chat-room-on #nav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:1300;
  }
  html.chat-room-on .nav-mob-drop{
    z-index:1301;
  }
  html.chat-room-on .chat-stage-head{
    opacity:1;
    max-height:none;
    padding:0 var(--px) 8px;
    overflow:visible;
    pointer-events:auto;
  }
  html.chat-room-on #typebot.chat-stage{
    top:0;
    right:0;
    left:0;
    bottom:auto;
    height:100dvh;
    min-height:100dvh;
    max-height:100dvh;
    background:transparent;
  }
  html.chat-room-on #typebot>.chat-stage-inner{
    padding-top:calc(var(--nav-float-top, 10px) + var(--nav-bar-h, 48px) + 12px);
  }
  html.chat-room-on .site-below-hero{
    transform:none;
    filter:none;
  }
  html.sprysee-vv-compose.chat-room-on #nav,
  html.sprysee-vv-compose #nav,
  html.sprysee-vv-compose .nav-mob-drop,
  html.sprysee-vv-compose .page-scrub{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html.sprysee-vv-compose.chat-room-on #typebot>.chat-stage-inner,
  html.sprysee-vv-compose #typebot>.chat-stage-inner{
    padding-top:0!important;
  }
  html.sprysee-vv-compose.chat-room-on #typebot.chat-stage{
    top:var(--vv-chat-top,0px)!important;
    height:var(--vv-chat-h,100dvh)!important;
    min-height:0!important;
    max-height:var(--vv-chat-h,100dvh)!important;
    padding-bottom:0!important;
    box-sizing:border-box!important;
    background:#051f28!important;
  }
  html.sprysee-vv-compose #features{
    visibility:hidden!important;
  }
}

/* ── FEATURES ── */
#features{background:linear-gradient(160deg,#04111a 0%,#061d2a 50%,#04111a 100%);position:relative;overflow:hidden;padding:var(--py) var(--px)}
@media(min-width:901px){
  #features{min-height:100vh;box-sizing:border-box}
}
#features .features-lead-spacer{display:none}
.feat-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:720px){.feat-cards-grid{grid-template-columns:1fr;gap:10px}}
.feat-card-new{border-radius:20px;border:1px solid rgba(255,255,255,.07);background:rgba(6,21,32,.95);overflow:hidden;cursor:pointer;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.feat-card-new:hover{border-color:rgba(45,212,191,.2);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.card-visual{height:clamp(110px,13vw,160px);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.card-visual .bg{position:absolute;inset:0}
.card-visual svg{position:relative;z-index:1}
.bg-0{background:radial-gradient(ellipse at 65% 35%,rgba(45,212,191,.28) 0%,rgba(6,20,26,.95) 65%),#06141a}
.bg-1{background:radial-gradient(ellipse at 50% 40%,rgba(99,102,241,.32) 0%,rgba(10,10,20,.95) 65%),#0a0a14}
.bg-2{background:radial-gradient(ellipse at 40% 45%,rgba(245,158,11,.28) 0%,rgba(18,12,6,.95) 65%),#12080a}
.card-body-new{padding:22px 22px 16px;flex:1;display:flex;flex-direction:column;min-width:0}
.card-title-new{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(13px,1.4vw,17px);color:#fff;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px;min-height:2.4em;display:flex;flex-direction:column;justify-content:flex-end}
.card-desc-new{font-size:clamp(12px,1vw,13px);color:rgba(255,255,255,.45);line-height:1.6;flex:1}
.card-footer-new{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);margin-top:12px}
.card-cta-new{font-size:12px;font-weight:600;color:rgba(255,255,255,.3);letter-spacing:.04em;transition:color 1s ease}
.plus-btn-new{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:16px;color:rgba(255,255,255,.4);transition:all 1s ease;flex-shrink:0}
.feat-card-new:hover .plus-btn-new{border-color:rgba(45,212,191,.4);color:var(--teal)}
.feat-card-new.al-lit .card-cta-new{color:rgba(45,212,191,.8)}
@keyframes feat-plus-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.035)}
}
#features .feat-card-new.al-lit .plus-btn-new{
  border-color:rgba(45,212,191,.55);
  color:#7ef3e4;
  box-shadow:0 0 0 3px rgba(45,212,191,.08),0 0 8px rgba(45,212,191,.22);
  animation:feat-plus-pulse 1.8s ease-in-out infinite;
}
html.sprysee-ff-android #features .feat-card-new.al-lit .plus-btn-new{
  animation:none;
}
@media(prefers-reduced-motion:reduce){
  #features .feat-card-new.al-lit .plus-btn-new{animation:none}
}
@media(min-width:1025px){
  .feat-card-new{
    will-change:transform;
    --feature-tilt-x:0deg;
    --feature-tilt-y:0deg;
    --feature-shine-x:50%;
    --feature-shine-y:50%;
    transform-style:preserve-3d;
    transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .28s,box-shadow .32s;
  }
  .card-visual .bg::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at var(--feature-shine-x) var(--feature-shine-y),rgba(248,255,255,.34) 0%,rgba(203,239,239,.16) 18%,rgba(45,212,191,.09) 37%,transparent 64%),
      linear-gradient(135deg,transparent 34%,rgba(218,239,240,.14) 50%,transparent 66%);
    opacity:0;
    transition:opacity .28s ease;
    mix-blend-mode:screen;
  }
  .card-visual svg{transition:transform .32s cubic-bezier(.16,1,.3,1)}
  #features .feat-card-new:hover{
    transform:perspective(900px) translate3d(0,-8px,16px) rotateX(var(--feature-tilt-x)) rotateY(var(--feature-tilt-y));
    transition:transform .14s linear,border-color .28s,box-shadow .32s;
    border-color:rgba(45,212,191,.32);
    box-shadow:0 18px 44px rgba(0,0,0,.36),0 0 28px rgba(45,212,191,.08);
  }
  .feat-card-new:hover .card-visual .bg::after{opacity:1}
  .feat-card-new:hover .card-visual svg{transform:translateZ(18px)}
  .feat-card-new:hover .card-cta-new{color:rgba(45,212,191,.92)}
}
@media(max-width:768px){
  #features .feat-card-new .card-body-new{padding-bottom:12px}
  #features .feat-card-new .card-footer-new{
    margin:2px 14px 14px;
    padding:12px 16px;
    border:1px solid rgba(45,212,191,.32);
    border-radius:14px;
    background:
      linear-gradient(180deg,rgba(73,230,208,.28) 0%,rgba(32,122,116,.55) 46%,rgba(8,42,48,.94) 100%);
    box-shadow:
      0 10px 22px rgba(0,0,0,.3),
      0 1px 0 rgba(255,255,255,.28) inset,
      0 -10px 14px rgba(0,0,0,.22) inset;
  }
  #features .feat-card-new .card-cta-new{
    color:#e7fff9;
    font-weight:700;
    letter-spacing:.05em;
  }
  #features .feat-card-new .plus-btn-new{
    width:30px;
    height:30px;
    background:rgba(8,28,34,.45);
    border-color:rgba(45,212,191,.5);
    color:#2DD4BF;
    box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 4px 10px rgba(0,0,0,.22);
  }
  #features .feat-card-new.al-lit .card-cta-new{color:#f4fffc}
  #features .feat-card-new.al-lit .plus-btn-new{
    background:rgba(8,28,34,.45);
    box-shadow:
      0 1px 0 rgba(255,255,255,.18) inset,
      0 4px 10px rgba(0,0,0,.22),
      0 0 0 3px rgba(45,212,191,.08),
      0 0 8px rgba(45,212,191,.22);
  }
  #features .feat-card-new:active .card-footer-new{
    transform:translateY(1px);
    box-shadow:
      0 4px 12px rgba(0,0,0,.24),
      0 1px 0 rgba(255,255,255,.16) inset,
      0 -6px 10px rgba(0,0,0,.2) inset;
  }
}

/* ── MODALS ── */
.modal-overlay{
  --modal-inset:max(24px, env(safe-area-inset-top, 0px), env(safe-area-inset-bottom, 0px), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
  position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:1000;
  display:flex;align-items:center;justify-content:center;
  padding:var(--modal-inset);
  opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;
  overflow:hidden;box-sizing:border-box;
}
.modal-overlay.active{opacity:1;visibility:visible}
.modal{
  background:#141416;border:1px solid rgba(255,255,255,.1);border-radius:24px;
  width:min(600px,100%);max-width:100%;margin:0;flex:0 1 auto;
  position:relative;transform:translateY(32px) scale(.97);opacity:0;
  transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s;
  box-shadow:0 40px 100px rgba(0,0,0,.7);
  display:none;max-height:calc(100dvh - (var(--modal-inset) * 2));
  overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;touch-action:pan-y;
}
.modal-overlay.active .modal{transform:translateY(0) scale(1);opacity:1}
html.modal-open .site-below-hero{z-index:1400}
html.modal-open #nav,
html.modal-open #navNotifDrop{z-index:1;pointer-events:none}
html.policy-doc-open,
html.policy-doc-open body{overflow:hidden}
.policy-doc-overlay{
  position:fixed;inset:0;z-index:2400;
  display:block;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  background:rgba(3,12,20,.55);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:opacity .42s ease,visibility .42s ease;
}
.policy-doc-overlay.is-open{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
.policy-doc-overlay iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;background:#04111a;
  transform:translate3d(0,48px,0) scale(.985);
  opacity:0;
  transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .4s ease;
}
.policy-doc-overlay.is-open iframe{
  transform:translate3d(0,0,0) scale(1);
  opacity:1;
}
@media(prefers-reduced-motion:reduce){
  .policy-doc-overlay,
  .policy-doc-overlay iframe{transition:opacity .2s ease}
  .policy-doc-overlay iframe{transform:none}
}
@media(max-width:640px){
  .modal-overlay.active{
    touch-action:none;
    overscroll-behavior:none;
  }
  html.modal-open #nav,
  html.modal-open #navNotifDrop{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html.modal-open .nav-mob-drop{display:none!important}
}
.modal[data-idx="0"]{border-top:3px solid rgba(45,212,191,.4)}
.modal[data-idx="1"]{border-top:3px solid rgba(99,102,241,.4)}
.modal[data-idx="2"]{border-top:3px solid rgba(245,158,11,.4)}
.modal-close{position:absolute;top:14px;right:14px;z-index:10;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.modal-close:hover{background:rgba(255,255,255,.12)}
.modal-content{padding:20px 24px}
.modal-title{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(16px,2.5vw,22px);letter-spacing:-.02em;line-height:1.15;color:#fff;margin-bottom:10px}
.modal-lead{font-size:13px;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.06)}
.exp-grid{display:grid;grid-template-columns:5fr 8fr;gap:14px;margin-bottom:16px}
@media(max-width:480px){.exp-grid{grid-template-columns:1fr}}
.exp-block h4{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.exp-block.pain h4{color:rgba(255,255,255,.25)}
.exp-block.pros h4{color:rgba(45,212,191,.6)}
.exp-list{list-style:none;display:flex;flex-direction:column;gap:6px}
.exp-list li{font-size:12px;line-height:1.45;display:flex;gap:8px}
.exp-block.pain .exp-list li{color:rgba(255,255,255,.45)}
.exp-block.pain .exp-list li::before{content:'—';color:rgba(255,255,255,.18);flex-shrink:0}
.exp-block.pros .exp-list li{color:rgba(255,255,255,.6)}
.exp-block.pros .exp-list li::before{content:'✓';color:var(--teal);font-weight:700;flex-shrink:0}
.sub-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.sub-tab{padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);cursor:pointer;font-family:'Manrope',sans-serif;font-size:11px;font-weight:600;color:rgba(255,255,255,.4);transition:all .2s;user-select:none}
.sub-tab.active{background:rgba(45,212,191,.08);border-color:rgba(45,212,191,.25);color:#fff}
.sub-panel{display:none}
.sub-panel.active{display:block}
.sub-content{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:5fr 8fr;gap:14px}
@media(max-width:480px){.sub-content{grid-template-columns:1fr}}
.sub-block h5{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(45,212,191,.7);margin-bottom:7px}
.sub-block ul{list-style:none;display:flex;flex-direction:column;gap:5px}
.sub-block ul li{font-size:11.5px;color:rgba(255,255,255,.45);line-height:1.45;display:flex;gap:7px}
.sub-block ul li::before{content:'·';color:var(--teal);font-weight:700;flex-shrink:0}
.sub-hl{background:rgba(45,212,191,.05);border:1px solid rgba(45,212,191,.12);border-radius:8px;padding:8px 12px;margin-top:8px;font-size:11.5px;color:rgba(255,255,255,.5);line-height:1.5;font-style:italic}
.sub-hl b{color:var(--teal);font-style:normal}
.quote{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:12px 14px;margin-top:12px;font-size:12px;font-style:italic;color:rgba(255,255,255,.4);line-height:1.55}
.modal-go-chat{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:16px;
  padding:13px 18px;
  border-radius:14px;
  border:none;
  font-family:'Manrope',sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:.02em;
  text-decoration:none;
  color:rgba(255,255,255,.94);
  background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.045) 38%,rgba(45,212,191,.1) 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.28),
    0 0 0 0.5px rgba(45,212,191,.22),
    0 10px 36px rgba(0,0,0,.34),
    0 0 48px rgba(45,212,191,.08),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 12px 24px rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.14);
  backdrop-filter:blur(24px) saturate(1.35);
  -webkit-backdrop-filter:blur(24px) saturate(1.35);
  transition:transform .28s,background .35s,box-shadow .4s;
}
.modal-go-chat::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,.18) 0%,transparent 42%,transparent 65%,rgba(45,212,191,.16) 100%);
  opacity:.45;
}
.modal-go-chat span{
  position:relative;
  z-index:1;
}
.modal-go-chat span[data-i18n]{
  white-space:nowrap;
  font-size:15px;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
}
.modal-go-chat span[aria-hidden]{
  width:26px;
  height:26px;
  flex-shrink:0;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  line-height:1;
  color:rgba(255,255,255,.95);
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08));
  border:0.5px solid rgba(255,255,255,.38);
  box-shadow:0 0 12px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.35);
}
.modal-go-chat:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.07) 40%,rgba(45,212,191,.14) 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.42),
    0 0 0 0.5px rgba(45,212,191,.32),
    0 14px 44px rgba(0,0,0,.36),
    0 0 56px rgba(45,212,191,.14),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 14px 28px rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.12);
}
.modal-go-chat:hover span[aria-hidden]{
  background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(45,212,191,.14));
  border-color:rgba(255,255,255,.55);
  box-shadow:0 0 18px rgba(255,255,255,.28),0 0 12px rgba(45,212,191,.2),inset 0 1px 0 rgba(255,255,255,.42);
}

/* ── AGENTS ── */
/* #prognosis в HTML нет — тот же приём на split-bg-* (прогнозы / SWOT / риски) */
#agents,
#how,
.split-bg-d,
.split-bg-m,
.split-bg-s{
  background-color:var(--abyss-deep-base);
  background-image:var(--abyss-deep-glow),var(--abyss-deep-dust);
  background-size:auto,17px 17px;
}
#agents{position:relative;padding:var(--py) var(--px)}
#agents-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#agents-canvas-mob{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:none}
/* ≤1024: только CSS-фон секции — без canvas (рандомная сетка + rAF грузили CPU и перерисовывались при resize) */
@media(max-width:1024px){#agents-canvas,#agents-canvas-mob{display:none!important}}
.ag-split{display:grid;grid-template-columns:5fr 8fr;gap:0;align-items:center;position:relative;z-index:2}
.ag-left{display:flex;flex-direction:column;align-items:flex-start;padding-right:clamp(24px,2.6vw + 12px,80px)}
.ag-right{padding-left:clamp(24px,2.6vw + 12px,80px);position:relative}
.ag-brand{font-size:clamp(10px,.35vw + 8px,14px);font-weight:600;letter-spacing:var(--label-track);text-transform:uppercase;color:var(--teal);margin-bottom:clamp(10px,.65vw + 6px,20px);display:block}
.ag-title{font-family:'Unbounded',sans-serif;font-weight:900;font-size:clamp(22px,2.2vw + 1rem,66px);line-height:.93;letter-spacing:-.04em;color:#fff;text-transform:uppercase;margin-bottom:clamp(18px,1.4vw + 10px,42px);max-width:100%;text-wrap:balance}
.ag-bullets{list-style:none;margin:0 0 clamp(20px,3vw,40px);padding:0;display:flex;flex-direction:column;gap:clamp(12px,1.5vw,20px)}
.ag-bullets li{display:grid;grid-template-columns:12px 1fr;gap:0 12px;font-family:'Manrope',sans-serif;font-size:var(--body);line-height:1.6}
.ag-bullets li::before{content:'';width:2px;height:100%;background:rgba(45,212,191,.5);border-radius:2px;margin-top:3px}
.ag-bullets li>span{grid-column:2;display:block}
.ag-bullet-accent{color:#fff;font-weight:600}
.ag-bullet-text{color:rgba(255,255,255,.42);font-weight:400}
.ag-cta-btn{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid rgba(45,212,191,.5);color:var(--teal);font-family:'Manrope',sans-serif;font-size:14px;font-weight:600;padding:13px 26px;border-radius:8px;text-decoration:none;transition:border-color .25s,background .25s,color .25s,transform .2s}
.ag-cta-btn:hover{background:rgba(45,212,191,.08);border-color:rgba(45,212,191,.9);color:#fff;transform:translateY(-1px)}
.ag-cta-btn svg{stroke:currentColor}
.ag-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:clamp(140px,17vw,220px) clamp(140px,17vw,220px);gap:2px;background:rgba(255,255,255,.04);border:1px solid rgba(45,212,191,.1);border-radius:16px;overflow:visible;isolation:isolate;box-shadow:0 0 32px rgba(45,212,191,.04)}
.ag-grid-card{position:relative!important;background:rgba(4,14,24,.85)!important;height:clamp(140px,17vw,220px);padding:24px 28px 28px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;cursor:pointer;transition:background .22s!important;overflow:hidden!important}
.ag-grid-card:nth-child(1){border-radius:15px 0 0 0!important;border-right:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.ag-grid-card:nth-child(2){border-radius:0 15px 0 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.ag-grid-card:nth-child(3){border-radius:0 0 0 15px!important;border-right:1px solid rgba(255,255,255,.08)!important}
.ag-grid-card:nth-child(4){border-radius:0 0 15px 0!important}
.ag-grid-card::before{position:absolute;top:16px;right:18px;font-family:'Unbounded',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;color:rgba(45,212,191,.25);z-index:2}
.ag-grid-card:nth-child(1)::before{content:'01'}
.ag-grid-card:nth-child(2)::before{content:'02'}
.ag-grid-card:nth-child(3)::before{content:'03'}
.ag-grid-card:nth-child(4)::before{content:'04'}
.ag-grid-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(45,212,191,0);transition:background .3s}
.ag-grid-card:hover{background:rgba(12,30,50,.95)!important}
.ag-grid-card:hover::after{background:rgba(45,212,191,.4)}
.ag-grid-card:hover .ag-name{color:var(--teal)}
.ag-grid-card .ag-ico{background:rgba(45,212,191,.08)!important;border-radius:10px!important;width:44px!important;height:44px!important;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .25s}
.ag-grid-card:hover .ag-ico{background:rgba(45,212,191,.18)!important}
.ag-grid-card .ag-ico svg{width:20px;height:20px;stroke:var(--teal);fill:none;stroke-width:1.5;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.ag-grid-card:hover .ag-ico svg{transform:scale(1.15)}
.ag-grid-card>div:last-child{margin-top:0}
.ag-grid-card .ag-name{font-family:'Unbounded',sans-serif;font-size:clamp(10px,.9vw,12px);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin-bottom:8px;transition:color .25s;line-height:1.2;min-height:2.4em;display:flex;align-items:flex-end}
.ag-grid-card .ag-desc{font-family:'Manrope',sans-serif;font-size:clamp(11px,1vw,13px);color:rgba(255,255,255,.5);line-height:1.6;min-height:3.2em}

/* Flip cards */
.ag-grid-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.4,0,.2,1)}
.ag-grid-card.ag-flip .ag-grid-card-inner{transform:rotateY(180deg)}
.ag-grid-card-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:24px 28px 28px;background:rgba(4,14,24,.85);border-radius:inherit}
.ag-grid-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);background:rgba(6,24,42,.97);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:28px 28px 24px;border-radius:inherit}
.ag-grid-card:nth-child(1) .ag-grid-card-back{border-right:1px solid rgba(255,255,255,.08)!important}
.ag-grid-card:nth-child(3) .ag-grid-card-back{border-right:1px solid rgba(255,255,255,.08)!important}
.ag-grid-card-back-title{font-family:'Unbounded',sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:10px;line-height:1.25;min-height:2.5em;display:flex;align-items:flex-end}
.ag-grid-card-back-text{font-family:'Manrope',sans-serif;font-size:12px;color:rgba(255,255,255,.6);line-height:1.6}
@keyframes agSweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.ag-grid-card .ag-sweep-el{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ag-grid-card .ag-sweep-el::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(45,212,191,.15),transparent);transform:translateX(-100%)}
.ag-grid-card.ag-do-sweep .ag-sweep-el::after{animation:agSweep .6s ease forwards}

/* Agents Mobile */
.agents-mobile{display:none;position:relative;z-index:2}
@media(max-width:1024px){
  #agents{
    background-color:transparent;
    background-image:
      radial-gradient(ellipse 100% 58% at 50% -14%,rgba(45,212,191,.07) 0%,transparent 50%),
      linear-gradient(180deg,#051a28 0%,#062c3a 42%,#051e2a 100%),
      var(--abyss-deep-dust);
    background-size:auto,auto,17px 17px;
    padding:0;
  }
  .ag-split{display:none}
  .agents-mobile{display:flex!important;flex-direction:column;padding:var(--py) var(--px)}
}
.mob-heading{text-align:center;margin-bottom:22px}
.mob-heading .ag-brand{font-size:clamp(10px,2.4vw,12px);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:clamp(6px,1.8vw,10px);display:block}
.mob-heading .ag-title{font-family:'Unbounded',sans-serif;font-weight:900;font-size:clamp(22px,6.2vw + 0.25rem,34px);line-height:.96;letter-spacing:-.03em;color:#fff;text-transform:uppercase;margin-bottom:12px;max-width:100%;text-wrap:balance}
.mob-heading .ag-sub{font-family:'Manrope',sans-serif;font-size:clamp(11px,3vw,12px);font-weight:600;letter-spacing:.01em;text-transform:none;color:rgba(255,255,255,.58);line-height:1.45}
.mob-cards{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.mob-flip{
  height:86px;
  perspective:900px;
  cursor:pointer;
  position:relative;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.mob-flip:focus-visible{
  outline:2px solid rgba(45,212,191,.55);
  outline-offset:3px;
}
.mob-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.34,1.02,.52,1);border-radius:14px}
/* Однократный «намёк» на переворот при появлении секции (класс вешает JS) */
.mob-flip.mob-flip--tease:not(.flipped) .mob-flip-inner{
  animation:mobFlipTease 1.12s cubic-bezier(.4,0,.2,1) 1 both;
}
@keyframes mobFlipTease{
  0%{transform:rotateY(0)}
  22%{transform:rotateY(-14deg)}
  48%{transform:rotateY(11deg)}
  72%{transform:rotateY(-5deg)}
  100%{transform:rotateY(0)}
}
.mob-flip.flipped .mob-flip-inner{transform:rotateY(180deg)}
.mob-flip-front,.mob-flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;display:flex;align-items:center;gap:13px;padding:13px 15px}
.mob-flip-front{
  background:rgba(8,24,38,.88);
  border:1px solid rgba(45,212,191,.1);
  box-shadow:0 0 0 1px rgba(45,212,191,.04) inset;
  padding-right:40px!important;
}
/* Ненавязчивый знак «можно перевернуть» вместо текста «нажми на карточку» */
.mob-flip-front::after{
  content:'';
  position:absolute;
  right:11px;
  top:50%;
  width:22px;
  height:22px;
  margin-top:-11px;
  opacity:.5;
  pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%232DD4BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20 10c0-4.4-3.6-8-8-8v4m0 0l3-3m-3 3l-3-3M4 14c0 4.4 3.6 8 8 8v-4m0 0l3 3m-3-3l-3 3'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 0 8px rgba(45,212,191,.28));
}
@media (prefers-reduced-motion:no-preference){
  .mob-flip-front::after{animation:mobFlipHint 3.2s ease-in-out infinite}
}
@keyframes mobFlipHint{
  0%,100%{opacity:.42;transform:translateY(0)}
  50%{opacity:.68;transform:translateY(1px)}
}
.mob-flip-back{background:rgba(8,30,46,.95);border:1px solid rgba(45,212,191,.22);transform:rotateY(180deg)}
.mob-flip-front .ag-ico,.mob-flip-back .ag-ico{width:38px;height:38px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center}
.mob-flip-front .ag-ico{background:rgba(45,212,191,.09)}
.mob-flip-back .ag-ico{background:rgba(45,212,191,.15)}
.mob-flip-front .ag-ico svg,.mob-flip-back .ag-ico svg{width:17px;height:17px;stroke:var(--teal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mob-flip-front .ag-name{font-family:'Unbounded',sans-serif;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:3px}
.mob-flip-front .ag-desc{font-size:11px;color:rgba(255,255,255,.4);line-height:1.4}
.mob-flip-back .ag-name{font-family:'Unbounded',sans-serif;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin-bottom:3px}
.mob-flip-back .ag-desc{font-size:11px;color:rgba(255,255,255,.65);line-height:1.4}
.mob-result{background:rgba(45,212,191,.06);border:1.5px solid rgba(45,212,191,.22);border-radius:14px;padding:13px 15px;display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;transition:background .22s,border-color .22s}
.mob-result:hover{background:rgba(45,212,191,.1)}
.mob-result .ag-ico{width:38px;height:38px;flex-shrink:0;background:rgba(45,212,191,.1);border-radius:10px;display:flex;align-items:center;justify-content:center}
.mob-result .ag-ico svg{width:17px;height:17px;stroke:var(--teal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mob-result .ag-name{font-family:'Unbounded',sans-serif;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin-bottom:3px}
.mob-result .ag-desc{font-size:11px;color:rgba(255,255,255,.42);line-height:1.4}

/* ── SPLIT SECTIONS ── */
.split-bg-d,
.split-bg-m,
.split-bg-s{padding:var(--py) var(--px)}
.split{display:grid;grid-template-columns:5fr 8fr;gap:clamp(32px,5vw,80px);align-items:center;max-width:var(--mw);margin:0 auto}
.split.rev{direction:rtl}
.split.rev>*{direction:ltr}
@media(max-width:720px){.split{grid-template-columns:1fr;gap:20px}.split.rev{direction:ltr}}
.split-num{font-family:'Unbounded',sans-serif;font-size:clamp(9px,.8vw,11px);font-weight:800;color:rgba(45,212,191,.35);letter-spacing:.08em;margin-bottom:14px}
.split-h{font-family:'Unbounded',sans-serif;font-weight:900;font-size:var(--h-split);color:#fff;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}
.split-h em{font-style:normal;color:var(--teal)}
.split-p{font-size:var(--body);color:rgba(255,255,255,.4);line-height:1.7;margin-bottom:20px}
.split-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--teal);text-decoration:none;transition:gap .2s}
.split-link:hover{gap:11px}
.split-visual{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(45,212,191,.1);
  border-radius:18px;
  padding:28px;
  min-height:260px;
  display:flex;
  flex-direction:column;
  gap:12px;
  box-shadow:0 0 0 1px rgba(45,212,191,.04) inset,0 12px 40px rgba(0,0,0,.2);
}
@media (prefers-reduced-motion:no-preference){
  .split-visual{animation:abyssGlassEdge 7s ease-in-out infinite}
}
@media(max-width:720px){.split-visual{min-height:auto;padding:18px}}
.mini-chart{display:flex;align-items:flex-end;gap:6px;height:80px;margin-top:auto}
.mc-bar{flex:1;border-radius:4px 4px 0 0;background:rgba(45,212,191,.15);transition:background .3s}
.mc-bar.hi{background:rgba(45,212,191,.5)}
.swot-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sw-cell{border-radius:10px;padding:12px;border:1px solid rgba(45,212,191,.08);background:rgba(255,255,255,.02)}
.sw-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.25);margin-bottom:6px}
.sw-text{font-size:12px;color:rgba(255,255,255,.5);line-height:1.5}
.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rg-cell{border-radius:8px;padding:10px 8px;text-align:center;font-size:10px;font-weight:600;line-height:1.3}
.rg-lo{background:rgba(45,212,191,.08);color:rgba(45,212,191,.6);border:1px solid rgba(45,212,191,.12)}
.rg-mid{background:rgba(251,191,36,.06);color:rgba(251,191,36,.6);border:1px solid rgba(251,191,36,.1)}
.rg-hi{background:rgba(239,68,68,.06);color:rgba(239,68,68,.6);border:1px solid rgba(239,68,68,.1)}
.insight{display:flex;align-items:flex-start;gap:10px;background:rgba(45,212,191,.05);border:1px solid rgba(45,212,191,.1);border-radius:10px;padding:12px 14px;box-shadow:0 0 0 1px rgba(45,212,191,.03) inset}
.insight-ico{font-size:16px;flex-shrink:0;color:#5FE0C4;display:flex;align-items:flex-start;padding-top:1px}
.insight-ico svg{display:block}
.insight-txt{font-size:12px;color:rgba(255,255,255,.5);line-height:1.55}
.insight-txt b{color:var(--teal)}

/* ── HOW ── */
#how{padding:var(--py) var(--px)}
.sh-tag{font-size:clamp(9px,.8vw,11px);letter-spacing:var(--label-track);text-transform:uppercase;color:rgba(255,255,255,.2);font-weight:600;margin-bottom:12px}
.sh-h{font-family:'Unbounded',sans-serif;font-weight:900;font-size:var(--h-sec);letter-spacing:-.03em;line-height:1.05;color:#fff}
.sh-h em{font-style:normal;color:var(--teal)}
.how-steps{display:flex;flex-direction:column;gap:0;margin-top:clamp(20px,3vw,36px)}
.how-step{border-top:1px solid rgba(45,212,191,.1);padding:clamp(16px,2.2vw,26px) 0;transition:border-color .4s,opacity .4s,box-shadow .4s;opacity:.35}
.how-step:last-child{border-bottom:1px solid rgba(45,212,191,.1)}
.how-step--active,.how-step:hover{opacity:1;border-color:rgba(45,212,191,.22);box-shadow:0 1px 0 rgba(45,212,191,.06) inset}
.how-step--active .how-title,.how-step:hover .how-title{color:#fff}
.how-step--active .how-desc,.how-step:hover .how-desc{color:rgba(255,255,255,.65)}
@media(min-width:1025px){.how-step{opacity:1}}
.how-step-inner{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:clamp(12px,2.5vw,40px)}
@media(max-width:600px){.how-step-inner{grid-template-columns:36px 1fr;gap:12px}}
.how-num{font-family:'Unbounded',sans-serif;font-weight:900;font-size:clamp(22px,3vw,52px);line-height:1;letter-spacing:-.04em;transition:filter .3s}
.how-step:nth-child(1) .how-num{color:rgba(45,212,191,.18)}
.how-step:nth-child(2) .how-num{color:rgba(45,212,191,.38)}
.how-step:nth-child(3) .how-num{color:rgba(45,212,191,.65)}
.how-step:nth-child(4) .how-num{color:var(--teal)}
.how-step:hover .how-num{filter:brightness(1.4)}
.how-content{min-width:0}
.how-time{font-size:clamp(9px,.75vw,10px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:4px}
.how-title{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(13px,1.4vw,18px);letter-spacing:-.025em;color:rgba(255,255,255,.55);margin-bottom:5px;line-height:1.15;transition:color .3s}
.how-desc{font-size:var(--body);color:rgba(255,255,255,.38);line-height:1.65;max-width:520px;transition:color .3s}
.how-tag{font-family:'Unbounded',sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(45,212,191,.25);white-space:nowrap;transition:color .3s}
.how-step:hover .how-tag{color:var(--teal)}
.how-tag-final{color:rgba(45,212,191,.6)!important}
@media(max-width:600px){.how-tag{display:none}}

/* ── PRICING (pr3: 3 rows + execution) ── */
#pricing{background:#04111a;padding:var(--py) var(--px);padding-bottom:calc(var(--py) + 24px);position:relative;overflow:visible;border-top:1px solid rgba(45,212,191,.08)}
.pr3-note{
  font-family:'Manrope',sans-serif;
  font-size:clamp(13px,1.1vw,15px);
  color:rgba(255,255,255,.35);
  margin-top:12px;
}
.pr3-intro{margin-bottom:clamp(32px,5vw,56px)}
@media(min-width:901px){
  .pr3-intro{margin-bottom:22px}
}
.pr3-wrap{
  max-width:var(--mw);
  margin:0 auto;
  position:relative;
  z-index:1;
  width:100%;
}
.pr3-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(18px,2.2vw,28px);align-items:start}
@media(min-width:901px){
  .pr3-layout{
    align-items:stretch;
    grid-template-columns:1fr 1fr;
    column-gap:32px;
    row-gap:20px;
    grid-template-rows:auto 1fr;
  }
}
.pr3-desk-head,.pr3-cols-cap{display:none}
@media(min-width:901px){
  .pr3-cols-cap{
    display:grid;
    grid-column:1/-1;
    grid-row:1;
    grid-template-columns:1fr 1fr;
    column-gap:32px;
    align-items:end;
    padding:0 0 12px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .pr3-left{grid-column:1;grid-row:2}
  .pr3-exec{grid-column:2;grid-row:2}
  .pr3-col-cap{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    margin:0;
    min-width:0;
    padding:0 18px;
  }
  .pr3-col-cap b{
    font-family:'Manrope',sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:rgba(45,212,191,.8);
    line-height:1;
  }
  .pr3-col-cap--team b{color:rgba(214,230,232,.62)}
  .pr3-col-cap span{
    font-family:'Manrope',sans-serif;
    font-size:13px;
    font-weight:500;
    letter-spacing:.01em;
    color:rgba(255,255,255,.42);
    line-height:1.35;
  }
  .pr3-col-cap--ai{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:16px;
  }
  .pr3-col-cap-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    min-width:0;
  }
  .pr3-compare-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    margin:0;
    padding:8px 12px 8px 14px;
    border-radius:999px;
    border:1px solid rgba(95,224,196,.38);
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(45,212,191,.08));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 22px rgba(0,0,0,.22);
    color:#e9fffb;
    font-family:'Manrope',sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    line-height:1;
    cursor:pointer;
    transition:border-color .2s ease,background .2s ease,transform .2s ease;
  }
  .pr3-compare-btn span{
    color:#e9fffb;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:none;
  }
  .pr3-compare-btn svg{transition:transform .22s ease}
  .pr3-compare-btn:hover,.pr3-compare-btn.is-open{
    border-color:rgba(95,224,196,.7);
    background:linear-gradient(180deg,rgba(45,212,191,.18),rgba(23,74,81,.35));
  }
  .pr3-compare-btn.is-open svg{transform:rotate(180deg)}
}
@media(max-width:900px){.pr3-layout{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
.pr3-left{display:flex;flex-direction:column;gap:clamp(8px,1vw,12px);min-width:0;position:relative}
.pr3-compare{display:none}
@media(min-width:901px){
  .pr3-compare{
    display:block;
    position:absolute;
    z-index:8;
    left:0;
    right:0;
    top:-6px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(8px);
    transition:opacity .22s ease,transform .22s ease,visibility .22s;
  }
  .pr3-compare.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .pr3-compare-card{
    overflow:hidden;
    border-radius:16px;
    border:1px solid rgba(95,224,196,.28);
    background:linear-gradient(180deg,rgba(10,26,34,.97),rgba(5,16,22,.98));
    box-shadow:0 22px 54px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .pr3-compare table{width:100%;border-collapse:collapse;font-family:'Manrope',sans-serif}
  .pr3-compare caption{
    position:absolute;
    width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;
  }
  .pr3-compare th,.pr3-compare td{
    padding:8px 8px;
    text-align:center;
    border-bottom:1px solid rgba(255,255,255,.06);
    color:#d7e4ea;
    font-size:12px;
    font-weight:550;
    line-height:1.3;
  }
  .pr3-compare thead th{
    padding:12px 8px 10px;
    color:#fff;
    font-size:12px;
    font-weight:750;
    letter-spacing:.04em;
    background:rgba(255,255,255,.03);
  }
  .pr3-compare thead th span{
    display:block;
    margin-top:3px;
    color:#5FE0C4;
    font-size:13px;
    font-weight:700;
    letter-spacing:0;
  }
  .pr3-compare thead th:first-child,.pr3-compare tbody th[scope="row"]{
    text-align:left;
    padding-left:14px;
    color:rgba(226,238,242,.86);
    font-weight:600;
  }
  .pr3-compare thead th:first-child{color:rgba(255,255,255,.42);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
  .pr3-compare tr.is-group th{
    padding:9px 14px 6px;
    text-align:left;
    color:#5FE0C4;
    font-size:10px;
    font-weight:750;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:rgba(45,212,191,.05);
  }
  .pr3-compare tr.is-group em{
    margin-left:6px;
    color:rgba(169,187,195,.7);
    font-style:normal;
    font-weight:550;
    letter-spacing:.02em;
    text-transform:none;
  }
  .pr3-compare td.is-pop,.pr3-compare thead th.is-pop{background:rgba(50,127,124,.2)}
  .pr3-compare .is-yes{
    display:inline-grid;
    place-items:center;
    width:18px;height:18px;
    border-radius:50%;
    background:linear-gradient(145deg,#3d9a96,#1d5c64);
    color:#eafff9;
    font-style:normal;
    font-size:11px;
    font-weight:800;
    line-height:1;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
  }
  .pr3-compare .is-no{
    color:rgba(255,255,255,.28);
    font-style:normal;
    font-weight:700;
  }
}
.pr3-row{
  position:relative;
  background:rgba(6,18,32,.72);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  padding:clamp(14px,1.6vw,18px) clamp(14px,1.6vw,18px) clamp(12px,1.4vw,16px);
  padding-right:clamp(104px,11vw,122px);
  transition:border-color .25s ease,box-shadow .25s ease;
  outline:none;
  scroll-margin-top:max(72px,calc(env(safe-area-inset-top,0px) + 56px));
  scroll-margin-bottom:28px;
}
.pr3-row--hit{
  background:rgba(4,22,38,.92);
  border-color:rgba(45,212,191,.28);
  box-shadow:0 0 0 1px rgba(45,212,191,.08) inset;
}
.pr3-row--hit .pr3-tier{color:rgba(45,212,191,.95)}
.pr3-row--hit .pr3-tier-mark{background:var(--teal);box-shadow:0 0 12px rgba(45,212,191,.45)}
.pr3-row--hit::before{
  content:'';
  position:absolute;top:0;left:0;right:0;height:1.5px;
  background:linear-gradient(90deg,transparent,var(--teal),transparent);
  border-radius:18px 18px 0 0;
  pointer-events:none;
}
@media(hover:hover){
  .pr3-row:hover,.pr3-row:focus-visible{
    border-color:rgba(255,255,255,.16);
    box-shadow:0 8px 28px rgba(0,0,0,.2);
  }
  .pr3-row--hit:hover,.pr3-row--hit:focus-visible{border-color:rgba(45,212,191,.42)}
}
.pr3-row-cta-hit{display:contents}
.pr3-row-cta{
  position:absolute;
  top:clamp(14px,1.5vw,18px);
  right:clamp(14px,1.5vw,18px);
  z-index:2;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:0 14px;
  border-radius:9px;
  font-family:'Manrope',sans-serif;font-size:12.5px;font-weight:700;
  text-decoration:none;letter-spacing:.02em;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.78);
  transition:background .22s,border-color .22s,color .22s,box-shadow .22s;
}
.pr3-row-cta:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.pr3-row-cta--fill{background:var(--teal);border-color:transparent;color:#04111a}
.pr3-row-cta--fill:hover{box-shadow:0 0 24px rgba(45,212,191,.38);color:#04111a}
.pr3-row-head{padding-right:0}
.pr3-row-meta{display:flex;align-items:flex-start;gap:12px;min-width:0;max-width:calc(100% - 8px)}
.pr3-row-names{display:flex;flex-direction:column;gap:6px;min-width:0}
.pr3-tier-mark{
  flex-shrink:0;
  width:3px;height:42px;
  margin-top:2px;
  border-radius:2px;
  background:rgba(255,255,255,.22);
}
.pr3-row--hit .pr3-tier-mark{background:var(--teal)}
.pr3-row-title{
  margin:0;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  line-height:1.2;
}
.pr3-tier{
  font-family:'Unbounded',sans-serif;
  font-size:clamp(13px,1.15vw,16px);
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(255,255,255,.92);
}
.pr3-row-prices{
  display:flex;align-items:baseline;gap:8px;
  flex-shrink:0;
}
.pr3-price{
  font-family:'Unbounded',sans-serif;
  font-size:clamp(22px,2.1vw,28px);
  font-weight:900;
  letter-spacing:-.03em;
  color:#fff;
  line-height:1;
}
.pr3-was{
  font-family:'Manrope',sans-serif;
  font-size:clamp(13px,1.1vw,15px);
  font-weight:500;
  color:rgba(255,255,255,.28);
  text-decoration:line-through;
  line-height:1;
}
.pr3-hit{
  font-family:'Unbounded',sans-serif;
  font-size:10px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--teal);
  background:rgba(45,212,191,.14);
  border:1px solid rgba(45,212,191,.32);
  border-radius:100px;
  padding:4px 9px;
  line-height:1.2;
}
.pr3-tagline{
  margin:8px 0 0;
  font-family:'Manrope',sans-serif;
  font-size:clamp(13px,1.05vw,14px);
  line-height:1.5;
  color:rgba(255,255,255,.55);
  max-width:100%;
}
.pr3-chev{
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:.2em;
  vertical-align:middle;
  color:rgba(255,255,255,.32);
  transition:transform .34s cubic-bezier(.16,1,.3,1),color .25s;
}
.pr3-expand{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .56s cubic-bezier(.19,1,.22,1);
}
.pr3-expand-in{min-height:0;overflow:hidden}
.pr3-divider{
  height:1px;margin:12px 0 10px;
  background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.04));
}
.pr3-feats{
  list-style:none;margin:0;padding:0 0 2px;
  display:flex;flex-direction:column;gap:7px;
}
.pr3-feats li{
  font-family:'Manrope',sans-serif;
  font-size:clamp(13px,1.05vw,14px);
  line-height:1.5;
  color:rgba(255,255,255,.62);
  padding-left:14px;position:relative;
  opacity:.7;
  transition:opacity .35s ease;
}
.pr3-feats li::before{
  content:'•';
  position:absolute;left:0;top:0;
  color:var(--teal);font-weight:700;
}
.pr3-row.is-open .pr3-feats li{opacity:1}
.pr3-row.is-open .pr3-expand{grid-template-rows:1fr}
.pr3-row.is-open .pr3-chev{transform:rotate(180deg);color:var(--teal)}
.pr3-row.is-open .pr3-tagline{color:rgba(255,255,255,.68)}
.pr3-exec{
  min-width:0;
  background:linear-gradient(165deg,rgba(6,18,32,.78) 0%,rgba(4,14,24,.88) 100%);
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  padding:0;
  display:flex;
  flex-direction:column;
  transition:border-color .32s ease,box-shadow .32s ease;
  outline:none;
  overflow:hidden;
  scroll-margin-top:max(72px,calc(env(safe-area-inset-top,0px) + 56px));
  scroll-margin-bottom:28px;
}
.pr3-exec-inner{
  display:flex;
  flex-direction:column;
  gap:18px;
  width:100%;
  flex:1;
  min-height:100%;
  padding:clamp(22px,2.4vw,30px);
  padding-bottom:0;
  position:relative;
  box-sizing:border-box;
}
.pr3-exec-main{
  display:flex;
  flex-direction:column;
  gap:18px;
  flex:1;
  min-height:0;
}
.pr3-exec-head{display:flex;flex-direction:column;gap:6px}
.pr3-exec-label{
  font-family:'Unbounded',sans-serif;
  font-size:clamp(10px,.85vw,11px);
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(45,212,191,.95);
  text-shadow:0 0 20px rgba(45,212,191,.45),0 0 40px rgba(45,212,191,.15);
}
.pr3-exec-title{
  margin:0;
  font-family:'Unbounded',sans-serif;
  font-size:clamp(16px,1.5vw,20px);
  font-weight:800;
  letter-spacing:-.02em;
  color:#fff;
  line-height:1.2;
}
.pr3-exec-lead{
  margin:0;
  font-family:'Manrope',sans-serif;
  font-size:clamp(14px,1.15vw,15px);
  line-height:1.6;
  color:rgba(255,255,255,.52);
}
.pr3-exec-list{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:16px;
}
.pr3-exec-list li{
  display:flex;flex-direction:column;gap:5px;
  padding-left:14px;position:relative;
  font-family:'Manrope',sans-serif;
}
.pr3-exec-list li::before{
  content:'';
  position:absolute;left:0;top:.55em;
  width:5px;height:5px;border-radius:50%;
  background:var(--teal);
  opacity:.85;
}
.pr3-exec-list strong{
  font-size:clamp(13.5px,1.1vw,15px);
  font-weight:700;
  color:rgba(255,255,255,.88);
  line-height:1.4;
}
.pr3-exec-list span{
  font-size:clamp(13px,1.05vw,14px);
  color:rgba(255,255,255,.48);
  line-height:1.55;
}
.pr3-exec-item--key{
  padding-bottom:0;
}
.pr3-exec-key-body{
  position:relative;
  min-height:1.55em;
}
.pr3-exec-item-tease{
  display:block;
  transition:opacity .28s ease;
}
.pr3-exec-expand{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-rows:0fr;
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:none;
  transition:grid-template-rows .4s cubic-bezier(.19,1,.22,1);
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}
.pr3-exec.is-open .pr3-exec-expand{
  grid-template-rows:1fr;
  pointer-events:auto;
  margin-top:6px;
}
.pr3-exec-expand .pr3-exec-full-feats{
  min-height:0;
  overflow:hidden;
}
.pr3-exec-full-feats{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:9px;
}
.pr3-exec-full-feats li{
  font-family:'Manrope',sans-serif;
  font-size:clamp(12.5px,1.02vw,13.5px);
  line-height:1.45;
  color:rgba(255,255,255,.62);
  padding-left:22px;position:relative;
}
.pr3-exec-full-feats li::before{
  content:'';
  position:absolute;left:0;top:.15em;
  width:14px;height:14px;
  border-radius:4px;
  background:rgba(45,212,191,.1);
  border:1px solid rgba(45,212,191,.28);
  box-sizing:border-box;
}
.pr3-exec-full-feats li::after{
  content:'';
  position:absolute;left:3px;top:.48em;
  width:6px;height:3px;
  border-left:1.6px solid var(--teal);
  border-bottom:1.6px solid var(--teal);
  transform:rotate(-45deg);
  opacity:.95;
}
.pr3-exec-foot{
  flex-shrink:0;
  position:relative;
  z-index:4;
  margin-top:auto;
  padding:clamp(16px,1.8vw,20px) clamp(22px,2.4vw,30px) clamp(20px,2.2vw,26px);
  border-top:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.14));
}
.pr3-exec-cta{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;
  min-height:50px;
  padding:13px 18px;
  border-radius:12px;
  border:1px solid rgba(45,212,191,.42);
  font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;
  text-decoration:none;letter-spacing:.01em;
  background:rgba(45,212,191,.07);
  color:rgba(45,212,191,.95);
  transition:background .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease;
  box-sizing:border-box;
}
.pr3-exec-cta-ico{
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  opacity:.92;
}
.pr3-exec-cta-text{line-height:1.2}
.pr3-exec-cta-arr{
  display:flex;align-items:center;justify-content:center;
  margin-left:auto;
  opacity:.7;
  transition:transform .28s ease,opacity .28s ease;
}
.pr3-exec-cta-note{
  display:block;
  margin-top:10px;
  text-align:center;
  font-family:'Manrope',sans-serif;
  font-size:clamp(11px,.9vw,12px);
  font-weight:500;
  letter-spacing:.02em;
  color:rgba(255,255,255,.34);
  line-height:1.35;
}
.pr3-exec-cta:hover,
.pr3-exec-cta:focus-visible{
  background:rgba(45,212,191,.14);
  border-color:rgba(45,212,191,.7);
  color:#9ff4ea;
  box-shadow:none;
}
.pr3-exec-cta:hover .pr3-exec-cta-arr,
.pr3-exec-cta:focus-visible .pr3-exec-cta-arr{
  opacity:1;
  transform:none;
}
@media(max-width:900px){
  .pr3-exec{margin-top:4px}
  .pr3-row{padding-right:clamp(100px,26vw,118px)}
  .pr3-exec-inner{padding-bottom:0}
  .pr3-exec-foot{
    padding:18px clamp(22px,2.4vw,30px) clamp(20px,2.2vw,24px);
  }
}
/* Mobile pricing: сначала выбрать формат работы, затем — конкретный тариф */
.pr3-mobile-formats,.pr3-mobile-group-title{display:none}
.pr3-row-toggle,.pr3-exec-toggle{display:none}
@media(max-width:640px){
  .pr3-row-toggle{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:8px 0 0;
    padding:0;
    border:0;
    background:none;
    cursor:pointer;
    font-family:'Manrope',sans-serif;
    font-size:12.5px;
    font-weight:650;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:rgba(45,212,191,.72);
  }
  .pr3-row-toggle:hover{color:rgba(45,212,191,.95)}
  .pr3-exec-toggle{
    display:inline-flex;
    align-items:center;
    gap:4px;
    margin-top:6px;
    padding:0;
    border:0;
    background:none;
    cursor:pointer;
    font-family:'Manrope',sans-serif;
    font-size:13px;
    font-weight:650;
    color:rgba(45,212,191,.78);
  }
}
@media(min-width:901px){
  #pricing{
    box-sizing:border-box;
    min-height:100svh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-top:clamp(56px,7vh,80px);
    padding-bottom:clamp(48px,7vh,80px);
  }
  #pricing .pr3-wrap{max-width:1080px;width:100%;align-self:center}
  #pricing .pr3-intro{margin-bottom:clamp(48px,6.5vh,72px)}
  #pricing .sh-h{font-size:clamp(24px,2.4vw,36px)}
  #pricing .pr3-note{margin-top:10px}
  .pr3-row-cta-hit{
    display:flex;
    position:absolute;
    top:0;
    right:0;
    z-index:3;
    align-items:flex-start;
    justify-content:flex-end;
    padding:8px 8px 28px 36px;
  }
  .pr3-row-toggle,.pr3-exec-toggle{display:none}
  .pr3-row-cta{
    position:static;
    top:auto;
    right:auto;
    transform:none;
  }
  .pr3-row-cta:hover,
  .pr3-row-cta:focus-visible{
    transform:none;
  }
  .pr3-row-cta--fill:hover,
  .pr3-row-cta--fill:focus-visible{
    background:var(--teal);
    border-color:transparent;
    color:#04111a;
    transform:none;
  }
  .pr3-tagline .pr3-line{display:block}
  .pr3-expand{grid-template-rows:0fr}
  .pr3-row-main:hover .pr3-expand,
  .pr3-row:focus-visible .pr3-expand{grid-template-rows:1fr}
  .pr3-row-main:hover .pr3-feats li,
  .pr3-row:focus-visible .pr3-feats li{opacity:1}
  .pr3-row-main:hover .pr3-tagline,
  .pr3-row:focus-visible .pr3-tagline{color:rgba(255,255,255,.68)}
  .pr3-exec-expand{grid-template-rows:0fr}
  .pr3-exec:hover:not(:has(.pr3-exec-foot:hover)) .pr3-exec-expand,
  .pr3-exec:focus-visible .pr3-exec-expand{
    grid-template-rows:1fr;
    pointer-events:auto;
    margin-top:6px;
  }
}
@media(max-width:640px){
  .pr3-mobile-formats{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    max-width:520px;
    margin:0 auto 22px;
  }
  .pr3-mobile-format{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    min-height:126px;
    padding:17px 18px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.11);
    border-radius:16px;
    background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018) 52%,rgba(45,212,191,.055));
    color:rgba(255,255,255,.76);
    text-decoration:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.16);
    -webkit-tap-highlight-color:transparent;
  }
  .pr3-mobile-format::after{
    content:'';
    position:absolute;
    top:0;right:0;bottom:0;
    width:34%;
    pointer-events:none;
    background:radial-gradient(ellipse at 100% 0%,rgba(45,212,191,.13),transparent 72%);
  }
  .pr3-mobile-format--ai{
    border-color:rgba(45,212,191,.28);
  }
  .pr3-mobile-format--team{
    background:linear-gradient(135deg,rgba(227,241,241,.065),rgba(255,255,255,.018) 54%,rgba(45,212,191,.045));
  }
  .pr3-mobile-format-kicker{
    position:relative;
    z-index:1;
    font-family:'Unbounded',sans-serif;
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:rgba(45,212,191,.88);
  }
  .pr3-mobile-format--team .pr3-mobile-format-kicker{color:rgba(226,241,242,.76)}
  .pr3-mobile-format strong{
    position:relative;
    z-index:1;
    font-family:'Unbounded',sans-serif;
    font-size:14px;
    font-weight:800;
    letter-spacing:-.03em;
    line-height:1.25;
    color:rgba(255,255,255,.92);
  }
  .pr3-mobile-format>span:not(.pr3-mobile-format-kicker){
    position:relative;
    z-index:1;
    max-width:29ch;
    font-size:13px;
    line-height:1.45;
    color:rgba(255,255,255,.48);
  }
  .pr3-mobile-format b{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:auto;
    font-size:13px;
    font-weight:700;
    color:rgba(45,212,191,.94);
  }
  .pr3-mobile-format--team b{color:rgba(222,240,241,.84)}
  .pr3-mobile-format i{font-style:normal;font-size:16px;line-height:1}
  .pr3-mobile-group-title{
    display:block;
    margin:0 0 10px 2px;
    font-family:'Unbounded',sans-serif;
    font-size:10px;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
    color:rgba(255,255,255,.42);
  }
  .pr3-row{
    padding:18px!important;
  }
  .pr3-row-cta{
    position:static!important;
    display:inline-flex!important;
    width:100%;
    min-height:44px;
    margin-top:14px;
  }
  .pr3-row-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:76px;
    height:30px;
    margin:11px 0 0 auto;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:999px;
    background:rgba(255,255,255,.025);
    color:rgba(255,255,255,.48);
    font-family:'Manrope',sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:background .25s,border-color .25s,color .25s,transform .32s cubic-bezier(.16,1,.3,1);
  }
  .pr3-row-toggle-label{line-height:1}
  .pr3-row-toggle .pr3-chev{margin:0}
  .pr3-row:hover .pr3-expand,
  .pr3-row:focus-visible .pr3-expand{grid-template-rows:0fr}
  .pr3-row:hover .pr3-chev,
  .pr3-row:focus-visible .pr3-chev{
    transform:none;
    color:rgba(255,255,255,.32);
  }
  .pr3-row:hover .pr3-tagline,
  .pr3-row:focus-visible .pr3-tagline{color:rgba(255,255,255,.48)}
  .pr3-row.is-open .pr3-expand{grid-template-rows:1fr}
  .pr3-row.is-open .pr3-row-toggle{
    border-color:rgba(45,212,191,.42);
    background:rgba(45,212,191,.09);
    color:var(--teal);
    transform:none;
  }
  .pr3-row.is-open .pr3-row-toggle .pr3-chev{transform:rotate(180deg)}
  .pr3-row.is-open .pr3-feats li{opacity:1}
  .pr3-exec{
    position:relative;
    margin-top:26px!important;
  }
  .pr3-exec::before{
    content:'';
    position:absolute;
    top:-14px;
    left:0;
    width:72px;
    height:1px;
    background:linear-gradient(90deg,rgba(45,212,191,.62),rgba(218,237,239,0));
  }
  .pr3-exec-toggle{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:10px;
    padding:0;
    border:0;
    background:none;
    color:rgba(45,212,191,.9);
    font-family:'Manrope',sans-serif;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
  }
  .pr3-exec-toggle span{
    display:inline-flex;
    font-size:17px;
    line-height:1;
    transition:transform .32s cubic-bezier(.16,1,.3,1);
  }
  .pr3-exec.is-open .pr3-exec-toggle span{transform:rotate(180deg)}
  .pr3-exec-expand{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-rows:0fr;
    margin-top:0;
    padding:0!important;
    overflow:hidden;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transition:grid-template-rows .36s cubic-bezier(.16,1,.3,1),margin-top .3s ease!important;
  }
  .pr3-exec-expand .pr3-exec-full-feats{
    min-height:0;
    overflow:hidden;
  }
  .pr3-exec.is-open .pr3-exec-expand{
    grid-template-rows:1fr;
    margin-top:10px;
  }
  .pr3-left{scroll-margin-top:82px}
  .pr3-exec{scroll-margin-top:82px}
}

/* ── FAQ ── */
#faq{background:linear-gradient(175deg,#02101e 0%,#031628 50%,#020c14 100%);position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.04)}
/* 100% вместо 100vw — иначе на десктопе появляется горизонтальный скролл из‑за ширины полосы прокрутки */
#faq>.faq-outer{padding:var(--py) max(var(--px),calc((100% - var(--mw))/2));width:100%;box-sizing:border-box;position:relative;z-index:1}
.faq-split{display:grid;grid-template-columns:2fr 3fr;gap:0;align-items:start}
@media(max-width:768px){.faq-split{grid-template-columns:1fr}}
.faq-left{padding-right:clamp(24px,3vw,48px);border-right:1px solid rgba(45,212,191,.12);position:sticky;top:72px}
@media(max-width:768px){.faq-left{border-right:none;border-bottom:1px solid rgba(45,212,191,.12);padding-right:0;padding-bottom:24px;margin-bottom:24px;position:static}}
.faq-left-label{font-size:clamp(9px,.8vw,11px);font-weight:600;letter-spacing:var(--label-track);text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
.faq-left-title{font-family:'Unbounded',sans-serif;font-weight:900;font-size:clamp(22px,2.2vw,34px);letter-spacing:-.03em;line-height:1.05;color:#fff;margin-bottom:16px}
.faq-left-title em{font-style:normal;color:var(--teal)}
.faq-left-sub{font-family:'Manrope',sans-serif;font-size:var(--body);color:rgba(255,255,255,.4);line-height:1.7;margin-bottom:32px}
.faq-left-contact{display:inline-flex;align-items:center;gap:8px;font-family:'Manrope',sans-serif;font-size:13px;font-weight:600;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s}
.faq-left-contact:hover{color:var(--teal)}
.faq-left-contact svg{stroke:currentColor;fill:none;width:14px;height:14px}
.faq-right{padding-left:clamp(24px,3vw,48px)}
@media(max-width:768px){.faq-right{padding-left:0}}
.faq-box{display:flex;flex-direction:column;gap:12px}
.faq-item{border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;transition:border-color .3s}
.faq-item.open{border-color:rgba(45,212,191,.25)}
.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:'Manrope',sans-serif;font-size:clamp(13px,1.1vw,15px);font-weight:600;color:#fff;padding:clamp(14px,1.5vw,22px) clamp(16px,1.8vw,24px);display:flex;align-items:center;gap:16px;transition:background .2s}
@media(hover:hover){
  .faq-q:hover{background:rgba(255,255,255,.025)}
}
.faq-ico{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:rgba(45,212,191,.08);border:1px solid rgba(45,212,191,.15);display:flex;align-items:center;justify-content:center;transition:background .3s}
.faq-ico svg{width:16px;height:16px;stroke:var(--teal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.faq-item.open .faq-ico{background:rgba(45,212,191,.14);border-color:rgba(45,212,191,.3)}
.faq-q-text{flex:1}
.faq-chevron{width:28px;height:28px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s,transform .35s cubic-bezier(.16,1,.3,1)}
.faq-chevron svg{width:12px;height:12px;stroke:rgba(255,255,255,.3);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.faq-item.open .faq-chevron{background:rgba(45,212,191,.1);border-color:rgba(45,212,191,.25);transform:rotate(180deg)}
.faq-item.open .faq-chevron svg{stroke:var(--teal)}
/* Аккордеон: 0fr→1fr без фикс. max-height — ровнее на мобилке, без обрезки длинного текста */
.faq-a{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .36s cubic-bezier(.25,.46,.45,.94);
}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-a-inner{
  min-height:0;
  overflow:hidden;
  padding:0 clamp(14px,1.8vw,24px) clamp(16px,2vw,22px) clamp(52px,5vw,76px);
  font-size:var(--body);
  color:rgba(255,255,255,.45);
  line-height:1.7;
  border-top:1px solid rgba(255,255,255,.05);
  padding-top:16px;
}
/* Десктоп: без «просвета» первой строки ответа при 0fr (только моб. блок раньше задавал visibility) */
.faq-item:not(.open) .faq-a-inner{
  visibility:hidden;
  padding-top:0;
  padding-bottom:0;
  border-top-width:0;
}
.faq-item.open .faq-a-inner{visibility:visible}

/* ── CONTACT ── */
#contact{background:linear-gradient(180deg,#04111a 0%,#061b28 50%,#051420 100%);position:relative;overflow:hidden;padding:var(--py) var(--px);border-top:1px solid rgba(255,255,255,.04)}
.cn-wrap{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,100px);align-items:center;width:100%}
@media(max-width:768px){.cn-wrap{grid-template-columns:1fr;gap:0}}
.cn-left{display:flex;flex-direction:column}
.cn-heading{font-family:'Unbounded',sans-serif;font-weight:900;font-size:var(--h-sec);letter-spacing:-.03em;line-height:1.05;color:#fff;margin:16px 0 20px}
.cn-heading em{font-style:normal;color:var(--teal)}
.cn-desc{font-family:'Manrope',sans-serif;font-size:var(--body);color:rgba(255,255,255,.4);line-height:1.7;margin-bottom:32px}
.cn-links{display:flex;flex-direction:column;gap:12px}
.cn-link{display:flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-size:13px;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s}
.cn-link:hover{color:#fff}
.cn-link-plain{cursor:default}
.cn-link-ico{width:32px;height:32px;border-radius:8px;background:rgba(45,212,191,.08);border:1px solid rgba(45,212,191,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cn-form-desktop{background:rgba(6,18,34,.7);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:clamp(24px,3vw,36px);backdrop-filter:blur(20px)}
.cn-form-inner{display:flex;flex-direction:column;gap:16px}
.cn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:768px){.cn-row{grid-template-columns:1fr}}
.cn-field{display:flex;flex-direction:column;gap:6px}
.cn-label{font-family:'Manrope',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3)}
.cn-input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;font-family:'Manrope',sans-serif;font-size:14px;color:#fff;outline:none;width:100%;box-sizing:border-box;transition:border-color .2s,background .2s}
.cn-input::placeholder{color:rgba(255,255,255,.2)}
.cn-input:focus{border-color:rgba(45,212,191,.4);background:rgba(45,212,191,.03)}
.cn-textarea{resize:none;height:96px;line-height:1.6}
.cn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--teal);border:none;border-radius:10px;padding:14px 28px;font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;color:#04111a;cursor:pointer;transition:box-shadow .25s,transform .2s;letter-spacing:.02em;width:100%}
.cn-btn:hover{box-shadow:0 0 36px rgba(45,212,191,.4);transform:translateY(-1px)}
.cn-success{text-align:center;padding:24px 0;display:none}
.cn-success-ico{width:52px;height:52px;border-radius:50%;background:rgba(45,212,191,.1);border:1px solid rgba(45,212,191,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.cn-success-title{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:800;color:#fff;margin-bottom:6px}
.cn-success-sub{font-size:13px;color:rgba(255,255,255,.55);line-height:1.55;max-width:280px;margin:0 auto}
.cn-mob-trigger{display:none}
@media(max-width:768px){
  .cn-form-desktop{display:none}
  .cn-mob-trigger{display:block;margin-top:clamp(20px,5vw,28px);padding:0;border:none;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  /* Как заголовок «Разово. Без подписок.» (.sh-h) в #pricing */
  #contact .cn-heading{
    font-size:var(--h-sec)!important;
    letter-spacing:-.03em!important;
    line-height:1.05!important;
    margin:clamp(10px,2.4vw,14px) 0 clamp(14px,3.2vw,20px)!important;
  }
}
.cn-open-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:var(--teal);border:none;border-radius:14px;font-family:'Manrope',sans-serif;font-size:15px;font-weight:700;color:#04111a;cursor:pointer;transition:box-shadow .25s,transform .2s}
.cn-open-btn:hover{box-shadow:0 0 32px rgba(45,212,191,.4);transform:translateY(-1px)}
.cn-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:900;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.cn-overlay.cn-open{opacity:1;visibility:visible}
/* Закрыт: полностью убрать из кадра (Safari иначе «просвечивает» кнопка «Написать нам» у нижнего края) */
.cn-drawer{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:901;
  background:rgba(6,16,28,.97);
  border-top:1px solid rgba(45,212,191,.2);
  border-radius:24px 24px 0 0;
  padding:0 20px max(40px, env(safe-area-inset-bottom, 0px));
  transform:translate3d(0,calc(100% + 32px),0);
  transition:transform .4s cubic-bezier(.16,1,.3,1);
  max-height:92vh;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  box-shadow:0 -24px 80px rgba(0,0,0,.6);
  visibility:hidden;
  pointer-events:none;
}
.cn-drawer.cn-open{
  transform:translate3d(0,0,0);
  visibility:visible;
  pointer-events:auto;
}
.cn-drawer-handle{width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.15);margin:14px auto 0}
.cn-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 0 16px}
.cn-drawer-title{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}
.cn-drawer-close{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.5);transition:background .2s}
.cn-drawer-close:hover{background:rgba(255,255,255,.12)}
.cn-drawer-body{display:flex;flex-direction:column;gap:14px}

/* ── INSIGHTS ── */
#insights{
  background:linear-gradient(180deg,#04111a 0%,#061822 48%,#04121c 100%);
  position:relative;
  overflow-x:clip;
  overflow-y:visible;
  touch-action:pan-y;
  padding:var(--py) var(--px);
  border-top:1px solid rgba(45,212,191,.06);
}
#insights .ins-head .sec-label{margin-bottom:16px}
#insights .ins-head .sec-h{font-size:var(--h-sec);margin-bottom:16px}
#insights .ins-head .sec-sub{margin-bottom:0;font-size:var(--body);line-height:1.7;max-width:640px}
.ins-wrap{max-width:var(--mw);margin:0 auto;position:relative;z-index:1}
.ins-head{margin-bottom:24px}
.ins-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}
.ins-card{
  --ins:45 212 191;
  --ins-bg:#061822;
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:inherit;
  border-radius:22px;
  overflow:clip;
  touch-action:pan-y;
  border:1px solid rgba(255,255,255,.16);
  background:var(--ins-bg);
  box-shadow:0 14px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;
}
.ins-card--strategy{--ins:56 189 248}
.ins-card--budget{--ins:45 212 191}
.ins-card--mediaplan{--ins:167 139 250}
.ins-card--channels{--ins:251 146 60}
.ins-card-media{
  position:relative;
  display:block;
  overflow:clip;
  isolation:isolate;
  background:#061822;
}
.ins-card-media::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(180deg,transparent 68%,rgba(6,24,34,.45) 88%,#061822 100%);
}
.ins-card-media{
  aspect-ratio:4/3;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px 14px 0;
  box-sizing:border-box;
}
.ins-card-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  mix-blend-mode:lighten;
  transform:scale(.96);
  transform-origin:center 46%;
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}
.ins-card-body{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  gap:10px;
  padding:18px 20px 20px;
  margin-top:-28px;
  background:linear-gradient(180deg,rgba(6,24,34,0) 0%,#061822 32%);
  border-top:none;
  min-height:0;
}
.ins-tag{
  display:inline-flex;
  align-self:flex-start;
  max-width:100%;
  padding:4px 8px;
  border-radius:6px;
  font-family:'Manrope',sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
  line-height:1.2;
  color:rgb(var(--ins));
  background:rgba(var(--ins)/.16);
  border:none;
  box-shadow:none;
}
.ins-title{
  font-family:'Unbounded',sans-serif;
  font-weight:800;
  font-size:clamp(12.5px,1vw,14px);
  letter-spacing:-.03em;
  line-height:1.35;
  color:#fff;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ins-card .ins-title{
  min-height:calc(1.35em * 2);
}
.ins-meta{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  color:rgba(255,255,255,.54);
  letter-spacing:0;
  font-variant-numeric:tabular-nums;
}
.ins-arrow{
  margin-left:auto;
  color:rgb(var(--ins));
  font-size:15px;
  line-height:1;
  transition:transform .28s cubic-bezier(.16,1,.3,1);
}
.ins-band{
  --ins:45 212 191;
  --ins-band-inset:16px;
  --ins-band-inset-top:16px;
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  min-width:0;
  border-radius:22px;
  overflow:clip;
  touch-action:pan-y;
  border:1px solid rgba(45,212,191,.22);
  background:#061822;
  box-shadow:0 14px 36px rgba(0,0,0,.28),0 0 28px rgba(45,212,191,.08);
  cursor:pointer;
  transition:border-color .28s,box-shadow .28s,transform .28s;
}
.ins-band-wave{
  position:absolute;
  inset:0;
  grid-column:1 / -1;
  grid-row:1 / -1;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.ins-band-wave img{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:left bottom;
  display:block;
}
.ins-band-wave::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(6,24,34,.22) 0%,rgba(6,24,34,.10) 28%,rgba(6,24,34,.04) 54%,rgba(45,212,191,.06) 100%),
    linear-gradient(180deg,rgba(6,24,34,.04) 0%,transparent 40%,rgba(6,24,34,.05) 78%,transparent 100%);
  pointer-events:none;
  transition:opacity .28s;
}
.ins-band::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(ellipse 70% 80% at 62% 42%,rgba(45,212,191,.11),transparent 68%);
  box-shadow:inset 0 0 0 1px rgba(45,212,191,.0);
  transition:opacity .28s,box-shadow .28s;
}
.ins-digest{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  text-decoration:none;
  color:inherit;
  min-width:0;
  flex:1;
  height:100%;
  cursor:pointer;
}
.ins-digest-body{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:var(--ins-band-inset-top) 18px var(--ins-band-inset);
  min-width:0;
  flex:1;
  height:100%;
  box-sizing:border-box;
  background:transparent;
}
.ins-digest-plate{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  min-width:0;
}
.ins-digest-body .ins-meta{margin-top:0}
.ins-band-cta{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:var(--ins-band-inset-top) 16px var(--ins-band-inset);
  border-top:none;
  background:transparent;
  pointer-events:none;
}
.ins-band-copy{
  margin:0;
  display:flex;
  align-items:center;
  min-height:21px;
  font-family:'Manrope',sans-serif;
  font-size:13px;
  line-height:1.2;
  color:rgba(255,255,255,.48);
}
.ins-band-btn{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  gap:10px;
  padding:10px 14px 10px 16px;
  border-radius:12px;
  border:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 36%,rgba(45,212,191,.22) 100%);
  color:#fff;
  font-family:'Manrope',sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:.02em;
  text-decoration:none;
  white-space:nowrap;
  pointer-events:auto;
  cursor:pointer;
  backdrop-filter:blur(24px) saturate(1.45);
  -webkit-backdrop-filter:blur(24px) saturate(1.45);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.42),
    0 0 0 .5px rgba(45,212,191,.38),
    0 8px 24px rgba(0,0,0,.28),
    0 0 36px rgba(45,212,191,.18),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 10px 18px rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.14);
  transition:background .35s,box-shadow .4s,transform .28s;
}
.ins-band-btn::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(105deg,rgba(255,255,255,.28) 0%,transparent 42%,transparent 65%,rgba(45,212,191,.22) 100%);
  opacity:.55;
  pointer-events:none;
}
.ins-band-btn-label{
  position:relative;
  z-index:1;
  color:#fff;
  text-shadow:0 1px 14px rgba(255,255,255,.22);
}
.ins-band-btn-arrow{
  position:relative;
  z-index:1;
  width:22px;
  height:22px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(45,212,191,.16));
  border:.5px solid rgba(255,255,255,.5);
  color:#fff;
  box-shadow:0 0 14px rgba(45,212,191,.22),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .25s,background .3s,border-color .3s,box-shadow .3s;
}
.ins-band-btn-arrow svg{display:block}
.ins-band-btn:hover{
  transform:translateY(-2px);
  background:
    linear-gradient(135deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.10) 40%,rgba(45,212,191,.28) 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.55),
    0 0 0 .5px rgba(45,212,191,.46),
    0 12px 32px rgba(0,0,0,.32),
    0 0 44px rgba(45,212,191,.24),
    inset 0 1px 0 rgba(255,255,255,.5),
    inset 0 12px 22px rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.12);
}
.ins-band-btn:hover .ins-band-btn-arrow{
  transform:translateX(2px);
  background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(45,212,191,.14));
  border-color:rgba(255,255,255,.55);
}
@media(max-width:719px){
  .ins-grid{gap:16px}
  .ins-head{margin-bottom:24px}
  .ins-card{
    flex-direction:row;
    align-items:stretch;
  }
  .ins-card-media{
    width:96px;
    min-width:96px;
    aspect-ratio:1/1;
    padding:8px;
  }
  .ins-card-media::after{
    background:linear-gradient(90deg,transparent 55%,#061822 100%);
  }
  .ins-card-media img{transform:scale(.96)}
  .ins-card-body{
    flex:1;
    margin-top:0;
    margin-left:-20px;
    background:linear-gradient(90deg,rgba(6,24,34,0) 0%,#061822 28%);
    padding:14px 16px 14px 24px;
    gap:6px;
    justify-content:center;
  }
  .ins-title{font-size:12.5px}
  .ins-band{
    min-height:0;
    display:flex;
    flex-direction:column;
  }
  .ins-digest{
    flex:0 0 auto;
    height:auto;
  }
  .ins-digest-body{
    padding:18px 16px 8px;
    height:auto;
  }
  .ins-band-wave img{height:100%;object-position:left bottom}
  .ins-band-wave::after{
    background:
      linear-gradient(180deg,rgba(4,17,26,.5) 0%,rgba(4,17,26,.28) 42%,rgba(4,17,26,.62) 100%),
      linear-gradient(90deg,rgba(4,17,26,.28) 0%,transparent 55%);
  }
  .ins-digest-body .ins-title{
    color:#fff;
    text-shadow:0 2px 14px rgba(0,0,0,.7);
  }
  .ins-digest-body .ins-meta{
    color:rgba(255,255,255,.88);
    text-shadow:0 1px 10px rgba(0,0,0,.55);
  }
  .ins-band-cta{
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:10px;
    padding:4px 16px 16px;
  }
  .ins-band-copy{
    min-height:0;
    font-size:12px;
    line-height:1.4;
    color:rgba(255,255,255,.8);
    text-shadow:0 1px 10px rgba(0,0,0,.5);
  }
  .ins-band-btn{
    width:100%;
    justify-content:center;
    box-sizing:border-box;
    background:linear-gradient(135deg,rgba(10,34,44,.92) 0%,rgba(6,22,32,.88) 48%,rgba(8,38,46,.94) 100%);
    backdrop-filter:blur(18px) saturate(1.2);
    -webkit-backdrop-filter:blur(18px) saturate(1.2);
    box-shadow:
      0 0 0 1px rgba(255,255,255,.4),
      0 8px 22px rgba(0,0,0,.42),
      inset 0 1px 0 rgba(255,255,255,.28);
  }
  .ins-band-btn-label{
    color:#fff;
    text-shadow:none;
  }
}
@media(max-width:640px){
  #insights .ins-card.sr-pop,
  #insights .ins-band.sr-pop{
    transition:
      opacity 1.05s cubic-bezier(.16,1,.3,1),
      transform 1.1s cubic-bezier(.16,1,.3,1),
      filter 1.1s cubic-bezier(.16,1,.3,1),
      box-shadow 1.1s cubic-bezier(.16,1,.3,1),
      border-color .35s;
  }
  html.sprysee-android #insights .ins-card.sr-pop,
  html.sprysee-android #insights .ins-band.sr-pop{
    filter:none;
    transition:opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);
  }
  html.sprysee-android #insights .ins-card.sr-pop.vis,
  html.sprysee-android #insights .ins-band.sr-pop.vis{
    filter:none;
  }
  html.sprysee-ios #insights .ins-card.sr-pop,
  html.sprysee-ios #insights .ins-band.sr-pop{
    filter:none;
    transform:translate3d(0,22px,0);
    transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
  }
  html.sprysee-ios #insights .ins-card.sr-pop.vis,
  html.sprysee-ios #insights .ins-band.sr-pop.vis{
    filter:none;
    transform:translate3d(0,0,0);
  }
  html.sprysee-ios #insights .ins-card.sr-pop.sr-seen,
  html.sprysee-ios #insights .ins-band.sr-pop.sr-seen{
    filter:none;
    transform:translate3d(0,28px,0);
    transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
  }
  html.sprysee-ios #insights .ins-card.sr-pop.sr-seen.vis,
  html.sprysee-ios #insights .ins-band.sr-pop.sr-seen.vis{
    filter:none;
    transform:translate3d(0,0,0);
  }
}
@media(hover:hover) and (min-width:901px){
  .ins-card:hover{
    transform:translateY(-6px);
    border-color:rgba(var(--ins)/.45);
    box-shadow:0 20px 44px rgba(0,0,0,.36),0 0 28px rgba(var(--ins)/.16);
  }
  .ins-card:hover .ins-card-media img{transform:scale(1)}
  .ins-card:hover .ins-arrow{transform:translateX(5px)}
  .ins-band:hover{
    transform:translateY(-4px);
    border-color:rgba(45,212,191,.48);
    box-shadow:0 20px 44px rgba(0,0,0,.36),0 0 32px rgba(45,212,191,.18);
  }
  .ins-band:hover::before{
    opacity:1;
    box-shadow:inset 0 0 0 1px rgba(45,212,191,.28);
  }
}
@media(min-width:720px){
  .ins-grid{
    grid-template-columns:1fr 1fr;
    column-gap:20px;
    row-gap:22px;
  }
  .ins-band{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1fr 2fr auto;
    align-items:stretch;
    min-height:208px;
    --ins-band-inset-top:46px;
  }
  .ins-digest{
    grid-column:1 / 3;
    display:grid;
    grid-template-columns:1fr 2fr;
    align-items:stretch;
  }
  .ins-digest-body{
    grid-column:2;
    margin:0;
    padding:var(--ins-band-inset-top) 16px var(--ins-band-inset);
    background:transparent;
  }
  .ins-digest .ins-title{font-size:clamp(15px,1.25vw,18px);line-height:1.3}
  .ins-band-cta{
    grid-column:3;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:8px;
    padding:var(--ins-band-inset-top) 20px var(--ins-band-inset) 16px;
  }
}
@media(min-width:1100px){
  .ins-head{margin-bottom:16px}
  .ins-grid{
    grid-template-columns:repeat(4,1fr);
    column-gap:16px;
    row-gap:14px;
  }
  .ins-card-media{
    aspect-ratio:1.78 / 1;
    max-height:172px;
    padding:4px 10px 0;
  }
  .ins-card-media img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
  }
  .ins-card-body{
    margin-top:-6px;
    padding:8px 14px 12px;
    gap:6px;
  }
  .ins-title{font-size:clamp(12.5px,1vw,14px);line-height:1.32}
  .ins-card .ins-title{min-height:calc(1.32em * 2)}
  .ins-band{
    grid-template-columns:1fr 2fr 1fr;
    min-height:235px;
    --ins-band-inset-top:33px;
  }
  .ins-digest{
    grid-column:1 / 3;
    grid-template-columns:1fr 2fr;
  }
  .ins-digest .ins-title{font-size:clamp(15px,1.2vw,18px)}
  .ins-digest-body{padding:var(--ins-band-inset-top) 17px var(--ins-band-inset)}
  .ins-band-cta{
    grid-column:3;
    grid-row:1;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:8px;
    padding:var(--ins-band-inset-top) 16px var(--ins-band-inset) 17px;
  }
  @supports(grid-template-columns:subgrid){
    .ins-band{grid-template-columns:subgrid}
    .ins-digest{
      grid-column:1 / 4;
      grid-template-columns:subgrid;
    }
    .ins-digest-body{grid-column:2 / 4;padding:var(--ins-band-inset-top) 17px var(--ins-band-inset)}
    .ins-band-cta{
      grid-column:4;
      padding:var(--ins-band-inset-top) 16px var(--ins-band-inset) 17px;
    }
  }
}
/* Chrome бокс не видит: display:contents. */
.ins-card-shot{display:contents}
/* Desktop Safari: квадрат 800×800 нельзя растягивать на 100%×100% — object-fit с mix-blend-mode там не держится.
   И нельзя анимировать transform у этой картинки: на кадр смешивание пропадает и вспыхивает чёрный фон. */
html.sprysee-safari .ins-card-shot{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;min-width:0;min-height:0}
@media(min-width:720px){
  html.sprysee-safari #insights{overflow-x:clip;overflow-y:clip}
  html.sprysee-safari .ins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.sprysee-safari .ins-card,
  html.sprysee-safari .ins-band,
  html.sprysee-safari .ins-card-media{min-width:0}
  html.sprysee-safari .ins-card{overflow:hidden}
  html.sprysee-safari .ins-card-media{
    display:flex;
    align-items:flex-end;
    justify-content:center;
  }
  html.sprysee-safari .ins-card-media img{
    width:auto!important;
    height:92%!important;
    max-width:calc(100% - 8px);
    max-height:100%;
    aspect-ratio:1/1;
    flex:0 0 auto;
    min-width:0;
    object-fit:contain;
    object-position:center bottom;
    margin-inline:auto;
    mix-blend-mode:lighten;
    transform:none!important;
    transition:none!important;
  }
}
@media(min-width:1100px){
  html.sprysee-safari .ins-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  html.sprysee-safari .ins-card-media{
    width:100%;
    aspect-ratio:1.78/1;
    max-height:172px;
    padding:4px 10px 0;
  }
}
@media(hover:hover) and (min-width:901px){
  html.sprysee-safari .ins-card{
    position:relative;
    transition:top .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;
  }
  html.sprysee-safari .ins-card:hover{
    transform:none!important;
    top:-6px;
  }
  html.sprysee-safari .ins-card:hover .ins-card-media img{
    transform:none!important;
  }
}
html.ins-ov-open{overflow:hidden;scrollbar-gutter:stable}
html.ins-ov-open .site-below-hero{z-index:800}
html.ins-ov-open #nav{
  visibility:hidden;
  pointer-events:none;
}
.ins-ov{
  position:fixed;
  inset:0;
  z-index:3000;
  display:flex;
  align-items:stretch;
  justify-content:center;
  padding:calc(var(--nav-float-top, 14px) + var(--nav-bar-h, 52px) + 16px) clamp(16px,2.4vw,40px) 20px;
  background:
    radial-gradient(ellipse 62% 70% at 50% 48%,rgba(4,17,26,.55) 0%,rgba(2,8,14,.9) 72%,rgba(1,6,10,.94) 100%);
  backdrop-filter:blur(18px) saturate(.55);
  -webkit-backdrop-filter:blur(18px) saturate(.55);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .38s ease,visibility .38s ease;
}
.ins-ov.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.ins-ov[hidden]{display:none!important}
html.sprysee-below-ocean .ins-ov{
  padding-top:68px;
}
.ins-ov-panel{
  display:grid;
  grid-template-columns:minmax(220px,280px) 1fr;
  grid-template-rows:56px minmax(0,1fr);
  width:min(1180px,100%);
  height:100%;
  max-height:100%;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:#061822;
  box-shadow:0 28px 80px rgba(0,0,0,.5);
  transform:translateY(28px);
  opacity:.96;
  transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .38s ease;
}
.ins-ov.is-open .ins-ov-panel{
  transform:none;
  opacity:1;
}
.ins-ov-bar{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 16px 0 20px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#05141e;
}
.ins-ov-bar-h{
  font-family:'Unbounded',sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:-.03em;
  color:#fff;
}
.ins-ov-close{
  width:44px;
  height:44px;
  flex-shrink:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.16);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.ins-ov-close:hover{background:rgba(255,255,255,.28)}
.ins-ov-rail{
  grid-row:2;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding:16px 10px 18px 14px;
  border-right:1px solid rgba(255,255,255,.08);
  background:#05141e;
  scrollbar-width:thin;
  scrollbar-gutter:stable;
  scrollbar-color:rgba(45,212,191,.5) rgba(255,255,255,.06);
}
.ins-ov-rail::-webkit-scrollbar,
.ins-ov-main::-webkit-scrollbar{width:8px}
.ins-ov-rail::-webkit-scrollbar-track,
.ins-ov-main::-webkit-scrollbar-track{
  background:rgba(255,255,255,.05);
  border-radius:8px;
}
.ins-ov-rail::-webkit-scrollbar-thumb,
.ins-ov-main::-webkit-scrollbar-thumb{
  background:rgba(45,212,191,.4);
  border-radius:8px;
}
.ins-ov-rail-h{display:none}
html[data-lang="en"] #insights .ins-grid{visibility:hidden}
html[data-lang="en"].ins-home-ready #insights .ins-grid{visibility:visible}
.ins-ov-search{
  display:block;
  margin:0 0 10px;
}
.ins-ov-search input{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  color:#fff;
  border-radius:8px;
  padding:8px 10px;
  font-family:'Manrope',sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
}
.ins-ov-search input::placeholder{
  color:rgba(255,255,255,.38);
  font-weight:500;
}
.ins-ov-search input:focus{
  outline:none;
  border-color:rgba(45,212,191,.45);
}
.ins-ov-filters{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:12px;
}
.ins-ov-empty{
  margin:2px 2px 0;
  font-family:'Manrope',sans-serif;
  font-size:13px;
  font-weight:500;
  line-height:1.45;
  color:rgba(255,255,255,.46);
}
.ins-ov-chip{
  border:none;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.7);
  border-radius:6px;
  padding:5px 9px;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  font-family:'Manrope',sans-serif;
  letter-spacing:0;
}
.ins-ov-chip.is-on{
  color:#04111a;
  background:var(--teal,#2DD4BF);
  border-color:transparent;
}
.ins-ov-chip.is-digest:not(.is-on){
  color:#d7fff8;
  background:transparent;
  box-shadow:inset 0 0 0 1px rgba(45,212,191,.7);
}
.ins-ov-list{display:flex;flex-direction:column;gap:8px}
.ins-ov-item{
  text-align:left;
  width:100%;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:12px;
  padding:10px 12px;
  cursor:pointer;
  color:inherit;
  font-family:'Manrope',sans-serif;
}
.ins-ov-item.is-on{
  border-color:rgba(45,212,191,.35);
  background:rgba(45,212,191,.08);
}
.ins-ov-item-top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:4px;
}
.ins-ov-item-tag{
  display:block;
  min-width:0;
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
  color:var(--teal,#2DD4BF);
}
.ins-ov-item-date{
  flex-shrink:0;
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
  color:rgba(255,255,255,.42);
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.ins-ov-item.is-on .ins-ov-item-date{color:rgba(255,255,255,.58)}
.ins-ov-item-title{
  display:block;
  font-size:13px;
  font-weight:700;
  color:#fff;
  line-height:1.35;
}
.ins-ov-main{
  grid-row:2;
  min-height:0;
  overflow:auto;
  padding:22px 28px 36px;
  background:#061822;
  scrollbar-width:thin;
  scrollbar-color:rgba(45,212,191,.42) rgba(255,255,255,.05);
}
.ins-ov-main .in-article{max-width:none;padding:0}
.ins-ov-main .in-article-cover{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 18px;
  overflow:hidden;
  background:#061822;
  border:none;
}
.ins-ov-main .in-article--beaver .in-article-cover{
  position:relative;
  isolation:isolate;
  align-items:flex-end;
  justify-content:center;
  height:clamp(248px,36vh,360px);
  max-height:360px;
  padding:22px 8px 0;
  border-radius:16px;
}
@media(min-width:820px){
  .ins-ov-main .in-article--beaver .in-article-cover{
    height:clamp(420px,54vh,560px);
    max-height:560px;
    padding:36px 0 0;
  }
}
.ins-ov-main .in-article--beaver .in-article-cover::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(180deg,transparent 78%,#061822 100%);
}
.ins-ov-main .in-article--beaver .in-article-cover img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center bottom;
  mix-blend-mode:lighten;
  display:block;
}
@media(min-width:820px){
  .ins-ov-main .in-article--beaver .in-article-cover img{
    height:122%;
    max-height:none;
  }
}
.ins-ov-main .in-article--digest .in-article-cover{
  position:relative;
  display:block;
  height:clamp(168px,26vh,236px);
  max-height:none;
  margin:-22px -28px 22px;
  width:calc(100% + 56px);
  max-width:none;
  padding:0;
  border-radius:0;
  background:#041018;
}
.ins-ov-main .in-article--digest .in-article-cover img{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:188%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:left bottom;
  mix-blend-mode:normal;
  display:block;
}
@media(max-width:819px){
  .ins-ov,
  html.sprysee-below-ocean .ins-ov{
    z-index:3000;
    padding:0;
  }
  .ins-ov-panel{
    grid-template-columns:1fr;
    grid-template-rows:auto auto minmax(0,1fr);
    width:100%;
    height:100%;
    max-height:100%;
    border-radius:0;
    border-left:none;
    border-right:none;
  }
  .ins-ov-bar{
    position:relative;
    z-index:3;
    min-height:calc(56px + env(safe-area-inset-top, 0px));
    padding:env(safe-area-inset-top, 0px) 10px 0 16px;
  }
  .ins-ov-rail{
    grid-row:2;
    position:relative;
    z-index:2;
    max-height:none;
    overflow:hidden;
    border-right:none;
    border-top:none;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:10px 12px 10px;
    background:#05141e;
  }
  .ins-ov-filters{
    flex-wrap:nowrap;
    overflow-x:auto;
    margin-bottom:8px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .ins-ov-filters::-webkit-scrollbar{display:none}
  .ins-ov-chip{flex:0 0 auto}
  .ins-ov-list{
    flex-direction:row;
    gap:8px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .ins-ov-list::-webkit-scrollbar{display:none}
  .ins-ov-item{
    flex:0 0 196px;
    width:196px;
  }
  .ins-ov-item-title{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .ins-ov-main{
    grid-row:3;
    min-height:0;
    overflow:auto;
    overflow-anchor:none;
    -webkit-overflow-scrolling:touch;
    padding:0 16px calc(24px + env(safe-area-inset-bottom, 0px));
  }
  .ins-ov-main .in-article--beaver .in-article-cover{
    height:clamp(200px,30vh,280px);
    max-height:280px;
    padding:16px 6px 0;
  }
  .ins-ov-main .in-article--digest .in-article-cover{
    margin:0 -16px 18px;
    width:calc(100% + 32px);
    height:clamp(132px,24vh,188px);
  }
  html.ins-ov-open{scrollbar-gutter:auto}
  .ins-ov-main{
    scrollbar-width:none;
    touch-action:pan-y;
  }
  .ins-ov-main::-webkit-scrollbar,
  .ins-ov-rail::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
  }
}

/* ── CTA ── */
#cta{background:#061520;padding:var(--py) var(--px);text-align:center;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.04)}
#cta::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.04) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.cta-in{position:relative;z-index:1}
.cta-h{font-family:'Unbounded',sans-serif;font-weight:900;font-size:var(--h-sec);color:#fff;letter-spacing:-.03em;line-height:1.05;margin-bottom:14px}
.cta-h em{font-style:normal;color:var(--teal)}
.cta-p{font-size:clamp(13px,1.1vw,15px);color:rgba(255,255,255,.33);max-width:420px;margin:0 auto 32px;line-height:1.65}
.cta-btn{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid rgba(45,212,191,.5);color:var(--teal);font-family:'Manrope',sans-serif;font-size:clamp(13px,1vw,15px);font-weight:600;padding:clamp(11px,1.2vw,15px) clamp(20px,2.5vw,32px);border-radius:8px;text-decoration:none;transition:border-color .25s,background .25s,color .25s,transform .2s}
.cta-btn:hover{background:rgba(45,212,191,.08);border-color:rgba(45,212,191,.9);color:#fff;transform:translateY(-1px);box-shadow:0 0 24px rgba(45,212,191,.12)}
.cta-btn svg{stroke:currentColor}

/* ── FOOTER ── */
footer{background:#020d14;border-top:1px solid rgba(255,255,255,.05);padding:28px var(--px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;position:relative}
.f-logo{font-family:'Unbounded',sans-serif;font-weight:900;font-size:14px;letter-spacing:-.03em;color:#fff}
.f-logo b{color:var(--teal)}
.f-copy{font-size:12px;color:rgba(255,255,255,.28);position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.f-links{display:flex;gap:18px}
.f-link-offer{display:none}
.f-links a{font-size:12px;color:rgba(255,255,255,.32);text-decoration:none;letter-spacing:.07em;text-transform:uppercase;transition:color .2s}
.f-links a:hover{color:rgba(255,255,255,.5)}
@media(max-width:640px){
  footer{flex-direction:column;align-items:center;text-align:center;gap:8px}
  .f-copy{position:static;transform:none}
  .f-link-telegram,.f-link-terms{display:none}
  .f-link-offer{display:inline}
}

/* ── ДЕСКТОП XL: только ≥1920px (Mac и ноуты до Full HD — прежние края и :root) ── */
@media (min-width:1920px){
  #hero,#typebot,#features,#agents,#how,#pricing,#faq,#contact,#insights,#cta{scroll-margin-top:68px}
  .hero-splash{top:58px}
  .sec-sub{max-width:min(780px,48vw)}
  #nav{height:58px;padding:0 40px}
  html.sprysee-ocean-strip #nav{
    height:58px;
    padding:0 clamp(20px,1.8vw,32px);
  }
  html.sprysee-ocean-strip #navNotifDrop{
    top:calc(max(14px,env(safe-area-inset-top,0px)) + 66px);
  }
  .nav-links a{font-size:13.5px;padding:8px 14px}
  .nav-logo{font-size:16px}
  .nav-cta{padding:8px 20px!important}
  #navNotifDrop{top:66px;width:min(380px,22vw)}
  .sec-label,.sh-tag,.split-num,.faq-left-label{font-size:clamp(10px,.65vw,13px)}
  .tb-glass{border-radius:24px;box-shadow:0 28px 96px rgba(0,0,0,.52);padding:0}
  .feat-cards-grid{gap:24px}
  .feat-card-new{border-radius:24px}
  .card-visual{height:clamp(128px,11vw,192px)}
  .card-body-new{padding:26px 26px 20px}
  .card-title-new{font-size:clamp(15px,1.15vw,19px)}
  .card-desc-new{font-size:clamp(13px,.88vw,15px)}
  .card-footer-new{padding:18px 26px}
  .plus-btn-new{width:32px;height:32px}
  .ag-grid{grid-template-rows:clamp(168px,14vw,268px) clamp(168px,14vw,268px);gap:3px;border-radius:20px}
  .ag-grid-card{height:clamp(168px,14vw,268px)!important;padding:28px 32px 32px!important}
  .ag-grid-card-front,.ag-grid-card-back{padding:28px 32px 32px!important}
  .ag-grid-card .ag-ico{width:52px!important;height:52px!important}
  .ag-grid-card .ag-ico svg{width:24px;height:24px}
  .ag-grid-card .ag-name{font-size:clamp(11px,.75vw,14px)}
  .ag-grid-card .ag-desc{font-size:clamp(12px,.88vw,15px)}
  .ag-cta-btn{font-size:16px;padding:15px 32px;border-radius:10px}
  .split{gap:clamp(44px,4vw,104px)}
  .split-visual{border-radius:22px;padding:34px;min-height:300px}
  .how-step-inner{grid-template-columns:80px 1fr auto;gap:clamp(14px,2.2vw,48px)}
  .how-num{font-size:clamp(26px,2.4vw,60px)}
  .how-title{font-size:clamp(15px,1.1vw,22px)}
  .how-desc{max-width:min(580px,42vw)}
  .pr2-card{border-radius:24px;padding:clamp(24px,2.2vw,40px);gap:18px}
  .pr2-amt{font-size:clamp(36px,2.85vw,56px)}
  .pr2-feats li,.pr2-desc{font-size:clamp(12.5px,.92vw,14.5px)}
  .faq-left-title{font-size:clamp(24px,1.65vw,38px)}
  .faq-q{font-size:clamp(14px,.95vw,17px)}
  .faq-ico{width:40px;height:40px}
  .cn-heading{font-size:var(--h-sec)}
  .cn-form-desktop{border-radius:24px;padding:clamp(28px,2.5vw,44px)}
  .cn-input{font-size:16px;padding:14px 18px}
  .cn-btn{font-size:16px;padding:16px 36px;border-radius:12px}
  .cta-h{font-size:var(--h-sec)}
  .cta-p{max-width:min(520px,40vw);font-size:clamp(14.5px,.95vw,17px);margin-bottom:36px}
  .cta-btn{font-size:clamp(14px,.92vw,16px);padding:clamp(12px,1vw,16px) clamp(22px,2.2vw,36px);border-radius:10px}
  .modal{width:min(720px,100%);max-width:100%}
  footer{padding:36px var(--px);gap:16px}
  .f-logo{font-size:16px}
  .f-copy,.f-links a{font-size:12.5px}
  #cta::before{width:min(720px,38vw);height:min(720px,38vw)}
}
@media (min-width:2560px){
  #hero,#typebot,#features,#agents,#how,#pricing,#faq,#contact,#insights,#cta{scroll-margin-top:72px}
  .hero-splash{top:62px}
  .sec-sub{max-width:min(860px,44vw)}
  #nav{height:62px;padding:0 48px}
  html.sprysee-ocean-strip #nav{height:62px;padding:0 clamp(22px,1.6vw,36px)}
  html.sprysee-ocean-strip #navNotifDrop{top:calc(max(14px,env(safe-area-inset-top,0px)) + 70px)}
  .nav-links a{font-size:14.5px;padding:9px 16px}
  .nav-logo{font-size:17px}
  .nav-cta{padding:9px 22px!important;font-size:14px!important}
  #navNotifDrop{top:70px;width:min(420px,18vw)}
  .tb-glass{border-radius:26px;padding:0}
  .feat-cards-grid{gap:28px}
  .feat-card-new{border-radius:26px}
  .card-visual{height:clamp(136px,10vw,208px)}
  .card-body-new{padding:28px 28px 22px}
  .card-title-new{font-size:clamp(16px,1.05vw,20px)}
  .card-desc-new{font-size:clamp(13.5px,.82vw,16px)}
  .ag-grid{grid-template-rows:clamp(188px,13vw,300px) clamp(188px,13vw,300px);border-radius:22px}
  .ag-grid-card{height:clamp(188px,13vw,300px)!important;padding:30px 36px 36px!important}
  .ag-grid-card-front,.ag-grid-card-back{padding:30px 36px 36px!important}
  .ag-grid-card .ag-ico{width:56px!important;height:56px!important}
  .ag-grid-card .ag-ico svg{width:26px;height:26px}
  .ag-cta-btn{font-size:17px;padding:16px 36px}
  .split{gap:clamp(52px,3.6vw,120px)}
  .split-visual{border-radius:24px;padding:38px;min-height:320px}
  .how-step-inner{grid-template-columns:88px 1fr auto}
  .how-num{font-size:clamp(28px,2.2vw,64px)}
  .how-title{font-size:clamp(16px,1vw,24px)}
  .how-desc{max-width:min(640px,38vw)}
  .pr2-card{border-radius:26px;padding:clamp(26px,2vw,44px)}
  .pr2-amt{font-size:clamp(38px,2.6vw,62px)}
  .faq-left-title{font-size:clamp(25px,1.5vw,40px)}
  .faq-q{font-size:clamp(15px,.88vw,18px)}
  .cn-heading{font-size:var(--h-sec)}
  .cn-form-desktop{padding:clamp(32px,2.2vw,48px)}
  .cta-h{font-size:var(--h-sec)}
  .cta-p{max-width:min(560px,36vw);font-size:clamp(15px,.88vw,18px)}
  .modal{width:min(780px,100%);max-width:100%}
  footer{padding:40px var(--px)}
  .f-logo{font-size:17px}
  .f-copy,.f-links a{font-size:13px}
  #cta::before{width:min(800px,34vw);height:min(800px,34vw)}
}
@media (min-width:3000px) and (min-aspect-ratio:2/1){
  #hero,#typebot,#features,#agents,#how,#pricing,#faq,#contact,#insights,#cta{scroll-margin-top:74px}
  .hero-splash{top:64px}
  /* Секции с max-width:var(--mw) совпадают по ширине; подзаголовок шире, чем базовые 640px */
  .sec-sub{max-width:min(1100px,48vw)}
  /* AI-интервью: узкая колонка текста по центру */
  #typebot .sec-sub{max-width:min(680px,36vw)}
  /* #agents: у секции уже есть var(--px) — убираем второй горизонтальный inset у оболочки */
  #agents .ag-split{padding-left:0!important;padding-right:0!important}
  #nav{height:64px;padding:0 var(--px)}
  html.sprysee-ocean-strip #nav{height:64px;padding:0 clamp(24px,1.4vw,40px)}
  html.sprysee-ocean-strip #navNotifDrop{top:calc(max(14px,env(safe-area-inset-top,0px)) + 72px)}
  .nav-links a{font-size:15px;padding:10px 17px}
  .nav-logo{font-size:18px}
  .nav-cta{padding:10px 24px!important;font-size:14.5px!important}
  #navNotifDrop{top:72px;width:min(440px,16vw)}
  .tb-glass{border-radius:28px;padding:0}
  .feat-cards-grid{gap:clamp(24px,1.4vw,40px)}
  .feat-card-new{border-radius:28px}
  .card-visual{height:clamp(144px,9vw,224px)}
  .card-body-new{padding:30px 30px 24px}
  .card-title-new{font-size:clamp(17px,0.98vw,21px)}
  .card-desc-new{font-size:clamp(14px,0.76vw,17px)}
  .ag-grid{grid-template-rows:clamp(204px,10.5vw,328px) clamp(204px,10.5vw,328px);border-radius:24px}
  .ag-grid-card{height:clamp(204px,10.5vw,328px)!important;padding:32px 38px 38px!important}
  .ag-grid-card-front,.ag-grid-card-back{padding:32px 38px 38px!important}
  .ag-grid-card .ag-ico{width:60px!important;height:60px!important}
  .ag-grid-card .ag-ico svg{width:28px;height:28px}
  .ag-cta-btn{font-size:18px;padding:17px 38px}
  .split{gap:clamp(56px,3.2vw,132px)}
  .split-visual{border-radius:26px;padding:40px;min-height:340px}
  .how-num{font-size:clamp(30px,2vw,68px)}
  .how-title{font-size:clamp(17px,0.92vw,25px)}
  .how-desc{max-width:min(760px,38vw)}
  .pr2-card{border-radius:28px;padding:clamp(28px,1.85vw,48px)}
  .pr2-amt{font-size:clamp(40px,2.4vw,66px)}
  .faq-left-title{font-size:clamp(26px,1.35vw,42px)}
  .faq-q{font-size:clamp(15.5px,0.82vw,19px)}
  .cn-heading{font-size:var(--h-sec)}
  .cn-form-desktop{padding:clamp(34px,2vw,52px)}
  .cta-h{font-size:var(--h-sec)}
  .cta-p{max-width:min(580px,34vw);font-size:clamp(15.5px,0.82vw,19px)}
  .modal{width:min(820px,100%);max-width:100%}
  footer{padding:44px var(--px)}
  .f-logo{font-size:18px}
  #cta::before{width:min(860px,32vw);height:min(860px,32vw)}
}

/* ── MOBILE GLOBAL OVERRIDES ── */
@media(max-width:640px){
  :root{
    --nav-float-top:max(10px, env(safe-area-inset-top, 0px));
    --nav-bar-h:48px;
    --nav-bar-gap:10px;
    /* Как у .hero-content на мобилке — единые боковые поля у секций */
    --px:clamp(22px,6.5vw,34px);
    --py:28px;
    --h-sec:clamp(22px,5.8vw,28px);
    --h-split:16px;
    --body:13px;
    --gap:16px;
    /* Светлее базовой бездны: меньше «ямы», больше глубины воды */
    --abyss-top:#06202c;
    --abyss-bottom:#051a24;
    /* Базовый ритм как раньше (Android); на iPhone докидываем только если нужен запас под вырез + nav */
    --mob-sec-lead:calc(48px + var(--py));
    --mob-pad-top:max(
      var(--mob-sec-lead),
      calc(env(safe-area-inset-top, 0px) + var(--nav-bar-h) + 22px)
    );
  }
  /* Якоря: опираемся на safe-area, без лишнего max на Android */
  #hero,#features,#agents,#how,#pricing,#faq,#contact,#insights,#cta{scroll-margin-top:max(72px, calc(env(safe-area-inset-top, 0px) + var(--nav-bar-h) + 18px))!important}
  #typebot{scroll-margin-top:0!important}
  .sec-sub{margin-bottom:20px!important}
  /* #faq отдельно: у секции и .faq-outer не дублировать горизонталь (и вертикаль) */
  #features,#how,#pricing,#contact,#insights,#cta,.split-bg-d,.split-bg-m,.split-bg-s{padding:var(--py) var(--px)!important}
  #faq{padding:0!important}
  #faq>.faq-outer{padding:var(--mob-pad-top) var(--px) var(--py) var(--px)!important;max-width:100%}
  .split{grid-template-columns:1fr;gap:20px}
  .split.rev{direction:ltr}
  .how-step-inner{grid-template-columns:36px 1fr}
  .how-num{font-size:22px}
  .how-tag{display:none}
  .ag-split{display:none}
  /* От «Команда» и ниже: верхний отступ до первого текста = как у #features (спейсер 48px + --py); typebot / features без изменений */
  #agents{
    padding:var(--mob-pad-top) 0 0!important;
    overflow-anchor:none;
  }
  .agents-mobile{padding:0 var(--px) var(--py) var(--px)!important;position:relative;z-index:2;overflow-anchor:none}
  #how,#pricing,#contact,#insights,#cta{
    padding-top:var(--mob-pad-top)!important;
    overflow-anchor:none;
  }

  /*
    Стык hero → контент: бленд на main. Без отрицательного margin на мобилке — иначе main (z-index:1)
    наезжает на низ #hero и даёт тёмную «полоску» поверх первого экрана.
  */
  .site-below-hero{
    overflow-anchor:none;
    margin-top:0;
    padding-top:0;
    border-top:none;
    box-shadow:none;
    background:
      radial-gradient(ellipse 95% 100% at 50% -18%,rgba(45,212,191,.14) 0%,rgba(45,212,191,.05) 28%,transparent 58%),
      radial-gradient(ellipse 42% 95% at 8% -5%,rgba(6,42,52,.45) 0%,transparent 50%),
      radial-gradient(ellipse 38% 90% at 92% 0%,rgba(6,38,48,.4) 0%,transparent 48%),
      linear-gradient(
        180deg,
        rgba(8,42,52,.55) 0%,
        rgba(6,34,44,.72) 8%,
        rgba(5,28,36,.88) 18%,
        var(--abyss-top) 36%,
        #051c28 58%,
        var(--abyss-bottom) 100%
      );
  }
  .site-below-hero::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:min(240px,42svh);
    pointer-events:none;
    z-index:0;
    background:linear-gradient(
      180deg,
      rgba(45,212,191,.2) 0%,
      rgba(24,72,78,.28) 18%,
      rgba(12,44,54,.4) 42%,
      rgba(6,26,34,.2) 72%,
      transparent 100%
    );
    opacity:.88;
  }
  .site-below-hero::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:min(260px,44svh);
    pointer-events:none;
    z-index:0;
    opacity:.35;
    background-image:var(--abyss-deep-dust);
    background-size:17px 17px;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);
  }
  /* Hero → «Спроси у SPRYSEE»: убрать тёмную «подложку» main поверх океана */
  html.ocean-on.sprysee-ocean-strip .site-below-hero{
    background:none!important;
  }
  html.ocean-on.sprysee-ocean-strip .site-below-hero::before,
  html.ocean-on.sprysee-ocean-strip .site-below-hero::after{
    opacity:0!important;
    height:0!important;
    min-height:0!important;
    visibility:hidden!important;
  }
  /* Ниже typebot: обычный фон страницы, canvas скрыт */
  html.ocean-on.sprysee-below-ocean body{
    background:linear-gradient(135deg,#04111e 0%,#050d1a 50%,#04111e 100%)!important;
  }
  /*
    Океан + фон без «прыжка» при скролле / смене высоты панели URL (Safari, Chrome):
    1) Подложка под canvas — сразу до ~hero + верх typebot (градиент как clearColor сцены), z-index:-2.
    2) Canvas min-height: 100lvh — опора на «большой» вьюпорт, реже дергается resize WebGL при скрытии URL.
  */
  html.ocean-on.sprysee-ocean-strip body::before{
    content:'';
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:-2;
    pointer-events:none;
    /* Fallback → lvh/svh: высота с запасом под прокрутку hero и чуть ниже середины typebot */
    min-height:calc(100vh + min(80vh, 680px));
    min-height:calc(100lvh + min(80vh, 680px));
    background:linear-gradient(
      180deg,
      #000206 0%,
      #00040a 12%,
      #000a12 28%,
      #020d16 48%,
      #041018 68%,
      #04111a 88%,
      #050f18 100%
    );
  }
  html.ocean-on.sprysee-below-ocean body::before{
    content:none!important;
    display:none!important;
  }
  html.ocean-on #ocean-plankton-canvas{
    transition:opacity .35s ease,visibility .35s ease;
    min-height:100vh!important;
    min-height:100lvh!important;
    height:100lvh!important;
    max-height:none!important;
  }
  html.ocean-on.sprysee-below-ocean #ocean-plankton-canvas{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  #cta::before{display:none!important}

  /* Единый фон под секциями; «глубина» после «для кого» — в тон main (без резкого #020a10) */
  #typebot,#features,#pricing,#faq,#contact,#insights,#cta,footer{
    background:transparent!important;
  }
  /* Поверх transparent: typebot в тон #features — теплее, без холодного синего */
  html.ocean-on.sprysee-below-ocean #typebot{
    background:transparent!important;
  }
  html.ocean-on.sprysee-below-ocean #typebot>.chat-stage-inner::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(ellipse 100% 72% at 50% -18%,rgba(45,212,191,.09) 0%,transparent 52%),
      linear-gradient(160deg,#04111a 0%,#062a36 46%,#051f28 100%);
  }
  html.ocean-on.sprysee-below-ocean #typebot>.chat-stage-inner>.chat-ambient{
    z-index:0;
  }
  html.ocean-on.sprysee-below-ocean #typebot>.chat-stage-inner>.chat-stage-head,
  html.ocean-on.sprysee-below-ocean #typebot>.chat-stage-inner>.chat-stage-frame,
  html.ocean-on.sprysee-below-ocean #typebot>.chat-stage-inner>.chat-site-peek{
    position:relative;
    z-index:2;
  }
  /* Тот же отступ, что у html.ocean-on.sprysee-below-ocean #features: иначе при выходе из героя секция «подпрыгивает» на высоту шапки */
  #features{
    padding-top:calc(var(--nav-float-top, 10px) + var(--nav-bar-h, 48px) + 14px)!important;
  }
  #features .features-lead-spacer{
    display:none!important;
    min-height:0!important;
    margin:0!important;
    border:none!important;
  }
  /* Команда: тёплее ленты сплитов, без холодного синего; сплиты — как раньше */
  #agents{
    background-color:transparent!important;
    background-image:
      radial-gradient(ellipse 105% 56% at 50% -12%,rgba(45,212,191,.09) 0%,transparent 52%),
      linear-gradient(180deg,#05222c 0%,#06343c 38%,#051c26 100%),
      var(--abyss-deep-dust)!important;
    background-size:auto,auto,17px 17px!important;
    border-top:none!important;
    border-left:none!important;
    border-right:none!important;
    box-shadow:none!important;
  }
  .split-bg-d,.split-bg-m,.split-bg-s{
    background-color:transparent!important;
    background-image:
      radial-gradient(ellipse 100% 58% at 50% -14%,rgba(45,212,191,.07) 0%,transparent 50%),
      linear-gradient(180deg,#051a28 0%,#062c3a 42%,#051e2a 100%),
      var(--abyss-deep-dust)!important;
    background-size:auto,auto,17px 17px!important;
  }
  /* Процесс: темнее и в тон сплитам/команде — заголовок и шаги читаются, стык к тарифам мягче */
  #how{
    background-color:transparent!important;
    background-image:
      radial-gradient(ellipse 100% 55% at 50% -8%,rgba(45,212,191,.045) 0%,transparent 48%),
      linear-gradient(180deg,#051e2a 0%,#05242e 24%,#06262e 52%,#051f28 78%,#04191f 100%),
      var(--abyss-deep-dust)!important;
    background-size:auto,auto,17px 17px!important;
  }
  #how{border-top:1px solid rgba(45,212,191,.025)!important}
  #how .how-step{opacity:.82!important}
  #how .how-step--active{opacity:1!important}
  #how .sh-h{text-shadow:0 2px 28px rgba(0,0,0,.4)}
  #how .sh-tag{color:rgba(45,212,191,.42)!important}
  #typebot{position:relative;z-index:1;overflow:hidden}
  #typebot>.tb-inner{position:relative;z-index:1}
  #features{border-top:1px solid rgba(45,212,191,.05)}
  #agents{position:relative;overflow:hidden;border-top:1px solid rgba(45,212,191,.04)}
  #pricing{border-top-color:rgba(45,212,191,.1)}
  #contact{border-top-color:rgba(255,255,255,.05)}
  #insights{border-top-color:rgba(45,212,191,.06)}
  #cta{border-top-color:rgba(45,212,191,.08)}
  footer{border-top-color:rgba(45,212,191,.08)}
  .cn-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

  /* «Стекло» без blur: субстрат #04111a, сверху градиент (без #fff) */
  .tb-glass{
    padding:0!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:linear-gradient(168deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.05) 42%,rgba(8,32,44,.62) 100%),#04111a!important;
    background-color:#04111a!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:0 10px 40px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.1)!important;
  }
  .feat-card-new{
    background:linear-gradient(168deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 38%,rgba(8,30,42,.68) 100%)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 20px 44px rgba(0,0,0,.36),0 0 24px rgba(45,212,191,.07),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -16px 22px rgba(0,0,0,.16);
  }
  html.sprysee-ff-android #features .feat-card-new,
  html.sprysee-ff-android #features .feat-card-new.sr-pop,
  html.sprysee-ff-android #features .feat-card-new.sr-pop.vis,
  html.sprysee-ff-android #features .feat-card-new.sr-pop.sr-seen{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
  }
  .feat-card-new .card-footer-new{border-top-color:rgba(255,255,255,.08)}
  @media(max-width:768px){
    .feat-card-new .card-footer-new{border-top-color:rgba(45,212,191,.32)}
  }
  .ins-card-body{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  #insights .ins-card-media{
    width:92px;
    min-width:92px;
    aspect-ratio:1/1;
    padding:8px;
  }
  .mob-flip-front,.mob-flip-back{
    background:linear-gradient(165deg,rgba(255,255,255,.08) 0%,rgba(8,30,40,.58) 100%)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:1px solid rgba(255,255,255,.05)!important;
    box-shadow:none!important;
  }
  .mob-flip-back{
    border-color:rgba(255,255,255,.07)!important;
    background:linear-gradient(165deg,rgba(45,212,191,.1) 0%,rgba(8,32,42,.62) 100%)!important;
  }
  .mob-result{
    background:linear-gradient(165deg,rgba(45,212,191,.16) 0%,rgba(8,32,44,.65) 100%)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:1px solid rgba(45,212,191,.17)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08);
  }
  .split-visual{
    background:linear-gradient(168deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.04) 42%,rgba(8,30,42,.68) 100%)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:1px solid rgba(45,212,191,.1)!important;
    box-shadow:0 8px 32px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(45,212,191,.04) inset;
    animation:none!important;
  }
  .sw-cell{
    background:rgba(255,255,255,.06)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-color:rgba(45,212,191,.1)!important;
  }
  .pr2-card{
    background:linear-gradient(168deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.04) 40%,rgba(8,30,40,.68) 100%)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 10px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  }
  .pr2-card-hot{
    background:linear-gradient(168deg,rgba(45,212,191,.14) 0%,rgba(8,34,46,.72) 100%)!important;
    border-color:rgba(45,212,191,.15)!important;
  }
  .faq-item{
    background:linear-gradient(168deg,rgba(255,255,255,.09) 0%,rgba(8,30,40,.66) 100%);
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:1px solid rgba(255,255,255,.1)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  }
  .faq-item.open{border-color:rgba(45,212,191,.17)!important}
  .faq-q{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  .faq-left-title{line-height:1.14;letter-spacing:-.035em}
  .faq-left-label{margin-bottom:12px}
  /* WebKit/iOS: анимация grid-template-rows (0fr→1fr) даёт рывки и «тряску» — мгновенное раскрытие */
  .faq-a{overflow:hidden!important;transition:none!important}
  .faq-item:not(.open) .faq-a-inner{
    visibility:hidden;
    padding-top:0!important;
    padding-bottom:0!important;
    border-top-width:0!important;
  }
  .faq-item.open .faq-a-inner{visibility:visible}
  .faq-a-inner{
    padding-left:clamp(16px,4.5vw,22px)!important;
    padding-right:clamp(16px,4.5vw,22px)!important;
  }
  .cta-btn{
    background:linear-gradient(168deg,rgba(255,255,255,.11) 0%,rgba(8,32,44,.52) 100%);
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:1px solid rgba(45,212,191,.21)!important;
    box-shadow:0 6px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);
  }
  /* Blur только в двух режимах hero / не hero; иначе тяжело для FPS */
  #nav,.nav-mob-drop{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  /*
    Hero: тоньше подложка, больше «воздуха» под океаном.
    Не hero: матовое стекло — плотный фон + blur (перебивает запрет выше).
  */
  /* Шапка на hero без blur; blur остаётся у .nav-mob-drop ниже */
  html.sprysee-ocean-strip #nav{
    background:rgba(255,255,255,.04)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:
      0 6px 22px rgba(0,0,0,.08),
      inset 0 1px 0 rgba(255,255,255,.14)!important;
    isolation:auto!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html.sprysee-ocean-strip .nav-mob-drop{
    background:rgba(4,18,28,.38)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    backdrop-filter:blur(28px) saturate(1.14)!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.14)!important;
  }
  html.sprysee-below-ocean #nav{
    background:rgba(4,20,32,.88)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:
      0 10px 34px rgba(0,0,0,.4),
      inset 0 1px 0 rgba(255,255,255,.07)!important;
    backdrop-filter:blur(20px) saturate(1.06)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.06)!important;
  }
  html.sprysee-below-ocean .nav-mob-drop{
    background:rgba(4,14,24,.94)!important;
    border:1px solid rgba(255,255,255,.1)!important;
    backdrop-filter:blur(18px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.05)!important;
  }
  #typebot.chat-stage,
  html.ocean-on #typebot.chat-stage,
  html.ocean-on.sprysee-below-ocean #typebot.chat-stage,
  #typebot .chat-stage-frame,
  #typebot .tb-iframe,
  #typebot .chat-site-peek{
    background:#051f28!important;
  }
  html.sprysee-vv-compose .chat-stage-head,
  html.sprysee-vv-compose #typebot .chat-stage-head,
  html.sprysee-vv-compose.chat-room-on .chat-stage-head,
  html.chat-room-on.sprysee-vv-compose .chat-stage-head{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    flex:none!important;
  }
}

/* ── HERO DESKTOP (≥641): база ::before + canvas «разлом» + виньетка ::after; мобайл — ocean.js + pcb ── */
@keyframes htProgressPulse{
  0%,100%{opacity:.45}
  50%{opacity:.72}
}
@keyframes htCursorBlink{
  0%,45%{opacity:1}
  50%,100%{opacity:.15}
}
@keyframes heroDeskContentReveal{
  from{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}
  to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes heroDeskHeadIn{
  from{opacity:0;-webkit-transform:translateX(-14px);transform:translateX(-14px)}
  to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes heroDeskClipRise{
  from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);clip-path:inset(100% 0 0 0);-webkit-clip-path:inset(100% 0 0 0)}
  to{opacity:1;-webkit-transform:none;transform:none;clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}
}
@keyframes heroDeskRiseIn{
  from{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}
  to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes heroDeskTermBoot{
  0%{opacity:0;-webkit-transform:perspective(800px) rotateY(-4deg) translateX(18px) translateZ(0);transform:perspective(800px) rotateY(-4deg) translateX(18px) translateZ(0)}
  100%{opacity:1;-webkit-transform:perspective(800px) rotateY(-8deg) translateZ(6px) translateX(0);transform:perspective(800px) rotateY(-8deg) translateZ(6px) translateX(0)}
}
@keyframes heroDescSyncPulse{
  0%,100%{color:rgba(45,212,191,.92)!important;text-shadow:none}
  45%{color:rgba(94,234,212,.98)!important;text-shadow:0 0 16px rgba(45,212,191,.28)}
}
@keyframes heroBtnTermPulse{
  0%,100%{box-shadow:0 0 0 1px rgba(45,212,191,.58),0 12px 40px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.46),inset 0 12px 24px rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.14)}
  50%{box-shadow:0 0 0 1px rgba(94,234,212,.95),0 14px 44px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.55),inset 0 14px 28px rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.12)}
}
@keyframes htGoChatReveal{
  from{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}
  to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes heroDeskTermRecPulse{
  0%,100%{opacity:.52;box-shadow:0 0 2px rgba(45,212,191,.1)}
  50%{opacity:.72;box-shadow:0 0 5px rgba(45,212,191,.16)}
}
@keyframes heroEdgeAuroraBreath{
  0%,100%{opacity:1;filter:brightness(1) saturate(1)}
  50%{opacity:.88;filter:brightness(1.06) saturate(1.1)}
}
@keyframes htFadeInDeskHistory{
  from{opacity:0}
  to{opacity:.4}
}
@keyframes htFadeInDeskSoft{
  from{opacity:0}
  to{opacity:1}
}
@media(min-width:641px){
  /* Океан на мобайле; десктоп: ::before + hero-particle-canvas + ::after-виньетка */
  html.ocean-on #hero{
    background:transparent!important;
    background-color:transparent!important;
  }
  #hero{
    --hero-desk-intro-end:3.292s;
    /* Текст hero и «полная» ширина основной кнопки; ряд кнопок = текст + демо + gap */
    --hero-desk-copy-measure:36ch;
    --hero-desk-demo-slot:clamp(152px,10.8vw,196px);
    --hero-desk-actions-gap:clamp(10px,1.1vw,18px);
    background:transparent!important;
    background-color:transparent!important;
    isolation:isolate;
  }
  #hero::before{
    content:''!important;
    display:block!important;
    position:absolute;
    inset:0;
    z-index:-2;
    background:
      linear-gradient(180deg,#020c12 0%,#020c12 14%,rgba(2,12,18,.55) 28%,transparent 42%),
      radial-gradient(ellipse 48% 62% at 18% 38%,rgba(14,58,64,.34) 0%,transparent 68%),
      radial-gradient(ellipse 30% 70% at -6% 44%,rgba(45,212,191,.11) 0%,transparent 62%),
      radial-gradient(ellipse 26% 68% at 106% 56%,rgba(34,160,152,.1) 0%,transparent 58%),
      linear-gradient(148deg,#031018 0%,#061e2a 36%,#051a24 58%,#040e16 100%);
    pointer-events:none;
    animation:heroEdgeAuroraBreath 18s ease-in-out infinite;
  }
  #hero #pcb-canvas{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  #hero #hero-particle-canvas{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    pointer-events:none!important;
    z-index:0!important;
    opacity:1!important;
    visibility:visible!important;
  }
  #hero::after{
    content:''!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:1!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.02) 0%,transparent 14%,transparent 86%,rgba(255,255,255,.02) 100%),
      radial-gradient(ellipse 130% 95% at 50% 48%,transparent 42%,rgba(2,8,14,.26) 100%),
      linear-gradient(to bottom,rgba(2,8,15,.28) 0%,transparent 22%,transparent 80%,rgba(2,8,15,.38) 100%)!important;
  }
  #hero > .hero-deco{display:none!important}
  .hero-copy-stack::before{
    content:''!important;
    display:block!important;
    position:absolute;
    left:-4%;
    top:-4%;
    width:min(88%,680px);
    height:min(105%,400px);
    pointer-events:none;
    z-index:0;
    background:radial-gradient(ellipse 50% 48% at 22% 42%,rgba(45,212,191,.09) 0%,rgba(45,212,191,.03) 44%,transparent 74%);
    filter:blur(48px);
    -webkit-filter:blur(48px);
    transform:translateZ(0);
    opacity:.88;
  }
  #hero .hero-copy-stack > .title-wrapper,
  #hero .hero-copy-stack > .hero-bottom-left,
  #hero .hero-copy-stack > .hero-actions--desk-under-copy{
    position:relative;
    z-index:2;
    opacity:0;
    pointer-events:auto;
  }
  #hero.hero-desk-ready .hero-copy-stack > .title-wrapper{
    animation:heroDeskHeadIn .48s cubic-bezier(0.22,1,0.36,1) forwards;
    animation-delay:0s;
  }
  #hero.hero-desk-ready .hero-copy-stack > .hero-bottom-left{
    animation:heroDeskClipRise .5s cubic-bezier(0.22,1,0.36,1) forwards;
    animation-delay:.52s;
  }
  #hero.hero-desk-ready .hero-copy-stack > .hero-actions--desk-under-copy{
    animation:heroDeskRiseIn .4s cubic-bezier(0.22,1,0.36,1) forwards;
    animation-delay:.68s;
  }
  #hero .hero-desc strong.is-sync-pulse{
    animation:heroDescSyncPulse 1.15s ease-out 1;
  }
  #hero .hero-copy-stack .hero-btn-primary.is-term-done-pulse{
    animation:heroBtnTermPulse 1.4s ease-out 1;
  }
  #hero .title-wrapper .hero-time-tag--eyebrow{
    order:0;
    position:relative!important;
    font-family:'Unbounded',sans-serif!important;
    font-size:clamp(11px,.75vw,14px)!important;
    font-weight:700!important;
    letter-spacing:.12em!important;
    color:rgba(45,212,191,.72)!important;
    text-transform:uppercase!important;
    text-shadow:none!important;
    gap:.5em!important;
    margin:0 0 clamp(14px,1.2vw,24px)!important;
    padding:0 0 clamp(10px,.9vw,14px)!important;
    background:none!important;
    border:none!important;
    border-radius:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  #hero .title-wrapper .hero-time-tag--eyebrow::after{
    content:''!important;
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    width:clamp(48px,6vw,72px)!important;
    height:1px!important;
    background:rgba(45,212,191,.2)!important;
    border-radius:1px!important;
    pointer-events:none!important;
  }
  #hero .title-wrapper .hero-time-tag--eyebrow .hero-time-ch{
    letter-spacing:inherit!important;
  }
  #hero .title-wrapper{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  /* СТРАТЕГИЯ: off-white как раньше, чуть прозрачнее */
  #hero .hero-copy-stack .digital-line .strategy{
    margin-top:6px!important;
    font-size:5.5rem!important;
    line-height:1.05!important;
    letter-spacing:-0.04em!important;
    font-weight:800!important;
    background:none!important;
    -webkit-background-clip:unset!important;
    background-clip:unset!important;
    color:rgba(249,250,251,.84)!important;
    -webkit-text-fill-color:rgba(249,250,251,.84)!important;
    -webkit-text-stroke:0!important;
    animation:none!important;
    filter:none!important;
    text-shadow:none!important;
  }
  #hero #heroAccent{
    -webkit-animation:none!important;
    animation:none!important;
    -webkit-filter:none!important;
    filter:none!important;
  }
  /* DIGITAL: smoky glass — тёмная прозрачная грань, один холодный кант, teal в глубине */
  #hero .hero-copy-stack .digital-line .digital{
    display:inline-flex!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    column-gap:0!important;
    font-size:5.5rem!important;
    line-height:1.05!important;
    letter-spacing:0!important;
    font-weight:700!important;
    font-family:'Unbounded',sans-serif!important;
    background:none!important;
    animation:none;
    filter:none!important;
    position:relative!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  #hero .hero-copy-stack .digital-line .digital-ch--core{
    display:inline-flex!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    column-gap:0.015em!important;
    transform-origin:left center!important;
  }
  #hero .hero-copy-stack .digital-line .digital-ch{
    display:inline-block!important;
    position:relative!important;
    overflow:visible!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;
    margin:0!important;
    padding:0!important;
    vertical-align:baseline!important;
    isolation:isolate;
    z-index:0;
    background:
      linear-gradient(128deg,
        rgba(239,247,247,.34) 0%,
        rgba(208,230,229,.14) 25%,
        transparent 51%,
        rgba(45,212,191,.18) 100%
      ),
      linear-gradient(180deg,
        rgba(255,255,255,.70) 0%,
        rgba(220,242,240,.26) 8%,
        rgba(120,190,188,.08) 22%,
        rgba(18,50,56,.045) 48%,
        rgba(8,42,50,.07) 70%,
        rgba(28,168,164,.20) 92%,
        rgba(130,236,222,.36) 100%
      )!important;
    -webkit-background-clip:text,text!important;
    background-clip:text,text!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    -webkit-text-stroke:0.5px rgba(229,250,247,.58)!important;
    paint-order:stroke fill;
    text-shadow:none!important;
    filter:drop-shadow(0 7px 12px rgba(0,0,0,.30))!important;
    transform-origin:left center!important;
  }
  /* Тонкий teal-торец: виден только под и справа от лицевой грани */
  #hero .hero-copy-stack .digital-line .digital-ch::before{
    content:attr(data-char)!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    pointer-events:none!important;
    font:inherit!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;
    transform:translate(.35px,2px)!important;
    background:linear-gradient(180deg,rgba(45,212,191,.22) 0%,rgba(14,113,116,.34) 58%,rgba(2,42,51,.46) 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    -webkit-text-stroke:0.5px rgba(21,135,134,.36)!important;
    filter:drop-shadow(0 4px 7px rgba(0,0,0,.26))!important;
  }
  /* Второй контур не нужен: он удешевляет стекло и создаёт рябь */
  #hero .hero-copy-stack .digital-line .digital-ch::after{
    content:none!important;
    display:none!important;
  }
  #hero .hero-copy-stack .digital-line .digital::after,
  #hero .hero-copy-stack .digital-line .digital::before{
    content:none!important;
    display:none!important;
  }
  /* L: тот же smoky glass; без отдельного пятна, чтобы материал оставался цельным */
  #hero .hero-copy-stack .digital-line .digital-ch--l{
    background:
      linear-gradient(128deg,
        rgba(239,247,247,.34) 0%,
        rgba(208,230,229,.14) 25%,
        transparent 51%,
        rgba(45,212,191,.18) 100%
      ),
      linear-gradient(180deg,
        rgba(255,255,255,.70) 0%,
        rgba(220,242,240,.26) 8%,
        rgba(120,190,188,.08) 22%,
        rgba(18,50,56,.045) 48%,
        rgba(8,42,50,.07) 70%,
        rgba(28,168,164,.20) 92%,
        rgba(130,236,222,.36) 100%
      )!important;
    -webkit-background-clip:text,text!important;
    background-clip:text,text!important;
  }
  #hero .strategy-underline{
    background:
      linear-gradient(128deg,
        rgba(239,247,247,.42) 0%,
        rgba(208,230,229,.16) 25%,
        transparent 51%,
        rgba(45,212,191,.22) 100%
      ),
      linear-gradient(180deg,
        rgba(255,255,255,.82) 0%,
        rgba(220,242,240,.34) 28%,
        rgba(120,190,188,.12) 52%,
        rgba(14,78,82,.2) 74%,
        rgba(130,236,222,.55) 100%
      )!important;
    box-shadow:none!important;
    filter:drop-shadow(0 1.5px 0 rgba(14,113,116,.42)) drop-shadow(0 4px 7px rgba(0,0,0,.26))!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.67) 48%,rgba(0,0,0,.39) 78%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.67) 48%,rgba(0,0,0,.39) 78%,transparent 100%)!important;
    height:1.5px!important;
  }
  #hero .hero-copy-stack > .title-wrapper{
    margin:0 0 clamp(18px,1.4vw,28px)!important;
    transform:none!important;
    align-self:flex-start!important;
    width:100%!important;
    text-align:left!important;
  }
  #hero .hero-copy-stack .digital-line{
    align-items:flex-start!important;
    gap:0.08em!important;
    margin-bottom:16px!important;
    overflow:visible!important;
  }
  #hero .hero-copy-stack .strategy-underline{
    margin-top:clamp(6px,0.5vw,10px)!important;
    height:2px!important;
    align-self:stretch!important;
    display:block!important;
    max-width:100%!important;
    border-radius:2px!important;
    width:0;
  }
  #hero:not(.hero-desk-ready) .hero-copy-stack .strategy-underline{
    animation:none!important;
  }
  #hero.hero-desk-ready .hero-copy-stack .strategy-underline{
    animation:strategyUnderline .48s cubic-bezier(.16,1,.3,1) .22s forwards!important;
  }
  #hero .hero-copy-stack .hero-bottom-left{
    align-items:flex-start!important;
    width:100%!important;
  }
  #hero .hero-mob-copy{
    padding-left:0!important;
    margin-top:clamp(18px,1.4vw,28px)!important;
    width:100%!important;
    display:block!important;
    box-sizing:border-box!important;
    position:relative!important;
    overflow:visible!important;
  }
  #hero .hero-mob-copy::before{
    content:none!important;
  }
  #hero .hero-desc::before{
    content:''!important;
    display:block!important;
    position:absolute!important;
    top:-32px!important;
    bottom:-8px!important;
    left:-140px!important;
    right:18px!important;
    z-index:-1!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,
      transparent 0px,
      rgba(2,10,16,.06) 64px,
      rgba(2,10,16,.28) 130px,
      rgba(2,10,16,.55) 210px,
      rgba(2,10,16,.55) calc(100% - 40px),
      rgba(2,10,16,.18) calc(100% - 16px),
      transparent 100%)!important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 70%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 70%,transparent 100%)!important;
    filter:blur(8px);
  }
  #hero .hero-desc{
    color:rgba(226,234,240,.76)!important;
    line-height:1.6!important;
    font-weight:400!important;
    font-size:clamp(14px,1.05vw,17px)!important;
    max-width:var(--hero-desk-copy-measure)!important;
    margin:0!important;
    text-align:left!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding-left:1px!important;
    letter-spacing:.016em!important;
    position:relative!important;
    z-index:1!important;
    text-shadow:0 1px 20px rgba(2,8,15,.28)!important;
  }
  #hero .hero-desc strong{
    font-weight:600!important;
    color:rgba(45,212,191,.92)!important;
    letter-spacing:inherit!important;
  }
  #hero .hero-desc-main,
  #hero .hero-desc-final{
    display:block!important;
  }
  #hero .hero-desc-main{
    max-width:42ch;
  }
  #hero .hero-desc-final{
    margin-top:10px!important;
    color:rgba(226,238,240,.72)!important;
    font-size:.98em!important;
    font-weight:500!important;
    letter-spacing:.01em!important;
    text-shadow:0 1px 16px rgba(2,8,15,.42)!important;
  }
  #hero .hero-copy-stack .hero-btn-primary{
    position:relative!important;
    overflow:hidden!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.08) 36%,rgba(45,212,191,.18) 100%)!important;
    border:none!important;
    color:#fff!important;
    transition:background .35s,box-shadow .4s,transform .28s,border-color .35s!important;
    box-shadow:
      0 0 0 1px rgba(45,212,191,.62),
      0 12px 40px rgba(0,0,0,.38),
      inset 0 1px 0 rgba(255,255,255,.46),
      inset 0 12px 24px rgba(255,255,255,.06),
      inset 0 -1px 0 rgba(0,0,0,.14)!important;
    padding:clamp(14px,1.2vw,18px) clamp(18px,1.75vw,34px)!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    align-self:stretch!important;
    backdrop-filter:blur(24px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.35)!important;
    border-radius:14px!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:3!important;
  }
  #hero .hero-copy-stack .hero-btn-primary::before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:linear-gradient(105deg,rgba(255,255,255,.18) 0%,transparent 42%,transparent 65%,rgba(45,212,191,.16) 100%)!important;
    opacity:.45!important;
    pointer-events:none!important;
  }
  #hero .hero-copy-stack .hero-btn-primary:hover{
    transform:translateY(-3px)!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.1) 40%,rgba(45,212,191,.24) 100%)!important;
    box-shadow:
      0 0 0 1px rgba(94,234,212,.88),
      0 16px 48px rgba(0,0,0,.4),
      inset 0 1px 0 rgba(255,255,255,.55),
      inset 0 14px 28px rgba(255,255,255,.08),
      inset 0 -1px 0 rgba(0,0,0,.12)!important;
  }
  #hero .hero-copy-stack .hero-btn-primary .hero-btn-label{
    position:relative!important;
    z-index:1!important;
    color:#fff!important;
    font-weight:700!important;
    letter-spacing:.02em!important;
    font-size:clamp(13px,1vw,15.5px)!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-shadow:0 1px 12px rgba(255,255,255,.12)!important;
  }
  #hero .hero-copy-stack .hero-btn-primary .hero-btn-arrow{
    position:relative!important;
    z-index:1!important;
    width:26px!important;
    height:26px!important;
    flex-shrink:0!important;
    margin:0!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;
    border:0.5px solid rgba(255,255,255,.38)!important;
    color:rgba(255,255,255,.95)!important;
    box-shadow:
      0 0 12px rgba(255,255,255,.18),
      inset 0 1px 0 rgba(255,255,255,.35)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
  #hero .hero-copy-stack .hero-btn-primary .hero-btn-arrow svg{
    width:10px!important;
    height:10px!important;
  }
  #hero .hero-copy-stack .hero-btn-primary:hover .hero-btn-arrow{
    background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(45,212,191,.14))!important;
    border-color:rgba(255,255,255,.55)!important;
    color:#fff!important;
    box-shadow:
      0 0 18px rgba(255,255,255,.28),
      0 0 12px rgba(45,212,191,.2),
      inset 0 1px 0 rgba(255,255,255,.42)!important;
  }
  #hero .hero-copy-stack .hero-btn-demo{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    flex:0 0 auto!important;
    align-self:stretch!important;
    margin:0!important;
    padding:clamp(14px,1.2vw,18px) clamp(16px,1.55vw,28px)!important;
    font-family:'Manrope',sans-serif!important;
    font-weight:650!important;
    font-size:clamp(13px,1vw,15.5px)!important;
    letter-spacing:.017em!important;
    line-height:1.2!important;
    color:#fff!important;
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.38)!important;
    border-radius:12px!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
    transition:background .3s,box-shadow .35s,border-color .3s,transform .25s,backdrop-filter .35s!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  #hero .hero-copy-stack .hero-btn-demo:hover{
    background:rgba(255,255,255,.1)!important;
    border-color:rgba(255,255,255,.5)!important;
    backdrop-filter:blur(14px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 32px rgba(0,0,0,.25)!important;
    transform:translateY(-2px)!important;
  }
  #hero .hero-copy-stack .hero-btn-demo:active{
    transform:translateY(0)!important;
  }
  #hero .hero-copy-stack .hero-btn-demo-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-shrink:0!important;
    width:30px!important;
    height:30px!important;
    margin-right:10px!important;
    border-radius:50%!important;
    color:rgba(214,250,232,.98)!important;
    background:radial-gradient(120% 120% at 30% 25%,rgba(45,212,191,.22) 0%,rgba(45,212,191,.06) 55%,transparent 72%)!important;
    border:1px solid rgba(45,212,191,.38)!important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.06) inset,
      0 0 18px rgba(45,212,191,.22),
      0 2px 10px rgba(0,0,0,.2)!important;
    transition:transform .25s,box-shadow .3s,border-color .3s,background .3s!important;
  }
  #hero .hero-copy-stack .hero-btn-demo:hover .hero-btn-demo-icon{
    border-color:rgba(45,212,191,.55)!important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.1) inset,
      0 0 22px rgba(45,212,191,.35),
      0 4px 14px rgba(0,0,0,.22)!important;
    transform:scale(1.04)!important;
  }
  #hero .hero-copy-stack .hero-btn-demo-icon svg{
    display:block!important;
    width:13px!important;
    height:13px!important;
    margin-left:1px!important;
    filter:drop-shadow(0 0 6px rgba(45,212,191,.45))!important;
  }
  #hero .hero-desk-bento{
    width:100%!important;
    max-width:clamp(280px,24vw,420px)!important;
    margin-left:auto!important;
    margin-right:clamp(12px,2vw,40px)!important;
    aspect-ratio:auto!important;
    min-height:0!important;
    align-self:start!important;
    opacity:0;
  }
  #hero.hero-desk-ready .hero-desk-bento{
    opacity:1;
  }
  #hero:not(.hero-desk-ready) .hero-desk-bento .hero-terminal{
    opacity:0!important;
  }
  #hero.hero-desk-ready .hero-desk-bento .hero-terminal{
    opacity:0;
    animation:heroDeskTermBoot .52s cubic-bezier(0.22,1,0.36,1) .38s both;
  }
  #hero .hero-desk-bento.hero-desk-bento--live .hero-terminal{
    box-shadow:
      inset -1px 0 0 rgba(209,250,229,.14),
      inset 0 1px 0 rgba(255,255,255,.1),
      inset 0 -1px 0 rgba(209,250,229,.07),
      inset 1px 0 0 rgba(255,255,255,.02),
      inset 0 0 40px rgba(0,0,0,.12),
      0 16px 48px rgba(0,0,0,.42),
      0 0 0 0.5px rgba(0,0,0,.28),
      0 0 18px rgba(45,212,191,.04)!important;
  }
  #hero .hero-desk-bento .hero-mob-stage{
    flex:1!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    perspective:800px;
    perspective-origin:50% 46%;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    pointer-events:none!important;
  }
  #hero .hero-desk-bento .hero-terminal{
    flex:none!important;
    height:clamp(248px,calc(24vh + 52px),356px)!important;
    min-height:0!important;
    max-height:clamp(248px,calc(24vh + 52px),356px)!important;
    width:100%!important;
    margin:0!important;
    border:0.5px solid rgba(255,255,255,.05)!important;
    background:rgba(3,10,16,.42)!important;
    backdrop-filter:blur(20px) saturate(1.2)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.2)!important;
    box-shadow:
      inset -1px 0 0 rgba(209,250,229,.14),
      inset 0 1px 0 rgba(255,255,255,.1),
      inset 0 -1px 0 rgba(209,250,229,.07),
      inset 1px 0 0 rgba(255,255,255,.02),
      inset 0 0 40px rgba(0,0,0,.14),
      0 16px 48px rgba(0,0,0,.42),
      0 0 0 0.5px rgba(0,0,0,.28)!important;
    border-radius:clamp(10px,0.8vw,14px)!important;
    -webkit-transform:perspective(800px) rotateY(-8deg) translateZ(6px);
    transform:perspective(800px) rotateY(-8deg) translateZ(6px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    pointer-events:auto!important;
    cursor:default!important;
    transition:border-color .4s,box-shadow .5s cubic-bezier(.2,.85,.2,1),transform .5s cubic-bezier(.2,.85,.2,1)!important;
  }
  #hero .hero-desk-bento:hover .hero-terminal{
    border-color:rgba(209,250,229,.1)!important;
    box-shadow:
      inset -1px 0 0 rgba(209,250,229,.18),
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -1px 0 rgba(209,250,229,.1),
      inset 1px 0 0 rgba(255,255,255,.03),
      inset 0 0 36px rgba(0,0,0,.12),
      0 20px 56px rgba(0,0,0,.46),
      0 0 20px rgba(45,212,191,.04)!important;
    -webkit-transform:perspective(800px) rotateY(-5deg) translateZ(18px)!important;
    transform:perspective(800px) rotateY(-5deg) translateZ(18px)!important;
  }
  #hero .hero-desk-bento .hero-terminal > *{
    position:relative!important;
    z-index:3!important;
  }
  #hero .hero-desk-bento .hero-terminal::after{
    content:none!important;
    display:none!important;
  }
  #hero .hero-desk-bento .hero-terminal::before{
    z-index:4!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.008) 42%,rgba(209,250,229,.03) 100%),
      linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 22%,transparent 78%,rgba(209,250,229,.025) 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.4) 42%,#000 100%);
    mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.4) 42%,#000 100%);
  }
  #hero .hero-desk-bento .ht-body{
    flex:1 1 0%!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    overscroll-behavior:contain;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 15%,rgba(0,0,0,1) 40%)!important;
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 15%,rgba(0,0,0,1) 40%)!important;
  }
  #hero .hero-desk-bento .ht-line{
    font-size:11.5px!important;
    line-height:1.4!important;
    flex-shrink:0!important;
    padding:1.5px 0!important;
  }
  #hero .hero-desk-bento .ht-title{font-size:10px!important;letter-spacing:.1em!important;}
  #hero .hero-desk-bento .ht-badge{font-size:8px!important;padding:2px 6px!important;}
  #hero .hero-desk-bento .ht-agent{font-size:7px!important;padding:1px 4px!important;}
  #hero .hero-desk-bento .ht-progress-label{font-size:9px!important;}
  #hero .hero-desk-bento .ht-divider{flex-shrink:0!important;margin:1.5px 0!important;}
  #hero .hero-desk-bento .ht-header{padding:5px 10px!important;gap:6px!important;}
  #hero .hero-desk-bento .ht-footer{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:6px 10px 8px!important;
    position:relative!important;
    z-index:5!important;
  }
  #hero .hero-desk-bento .ht-go-chat{
    display:none;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-height:32px;
    padding:7px 10px;
    border-radius:9px;
    border:1px solid rgba(255,255,255,.18);
    background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(45,212,191,.08) 100%);
    color:rgba(255,255,255,.92);
    font-family:'Manrope',sans-serif;
    font-size:11px;
    font-weight:650;
    letter-spacing:.02em;
    text-decoration:none;
    box-sizing:border-box;
    cursor:pointer;
    pointer-events:auto!important;
    position:relative;
    z-index:6;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 14px rgba(0,0,0,.2);
    transition:opacity .4s ease,background .28s,border-color .28s,box-shadow .28s;
  }
  #hero .hero-desk-bento .ht-go-chat.ht-go-chat--visible{
    display:inline-flex;
  }
  #hero .hero-desk-bento .ht-go-chat:hover{
    border-color:rgba(45,212,191,.4);
    background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,rgba(45,212,191,.12) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 18px rgba(0,0,0,.24),0 0 16px rgba(45,212,191,.1);
  }
  #hero .hero-desk-bento .ht-body{padding:6px 10px!important;gap:1px!important;}
  #hero .hero-bottom .ht-line,
  #hero .hero-bottom .ht-divider{
    -webkit-animation:none!important;
    animation:none!important;
    animation-delay:0s!important;
    opacity:1;
    max-height:2.6em;
    overflow:hidden;
    transition:opacity .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1),border-width .4s cubic-bezier(.4,0,.2,1);
  }
  #hero .hero-bottom .ht-line.ht-line-pending,
  #hero .hero-bottom .ht-divider.ht-line-pending{
    opacity:0!important;
    max-height:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    border-width:0!important;
  }
  #hero .hero-bottom .ht-header{
    background:rgba(255,255,255,.015)!important;
    border-bottom-color:rgba(255,255,255,.05)!important;
  }
  #hero .hero-bottom .ht-title{color:rgba(255,255,255,.25)!important}
  #hero .hero-bottom .ht-badge{
    color:rgba(180,195,205,.42)!important;
    background:rgba(255,255,255,.03)!important;
    border-color:rgba(255,255,255,.08)!important;
  }
  #hero .hero-bottom .ht-badge-dot{
    background:rgba(45,212,191,.38)!important;
  }
  #hero .hero-desk-bento .ht-badge-dot{
    background:rgba(45,212,191,.4)!important;
    -webkit-animation:heroDeskTermRecPulse 1.4s ease-in-out infinite!important;
    animation:heroDeskTermRecPulse 1.4s ease-in-out infinite!important;
    box-shadow:none!important;
  }
  /* Первые две строки лога — «в прошлом», поверх стекла */
  #hero .hero-desk-bento .ht-body > div.ht-line:nth-of-type(1):not(.ht-line-pending),
  #hero .hero-desk-bento .ht-body > div.ht-line:nth-of-type(2):not(.ht-line-pending){
    -webkit-animation:none!important;
    animation:none!important;
    opacity:.4;
  }
  #hero .hero-bottom .ht-agent-interviewer{
    background:rgba(255,255,255,.05)!important;
    color:rgba(140,175,170,.48)!important;
  }
  #hero .hero-bottom .ht-agent-executor{
    background:rgba(255,255,255,.04)!important;
    color:rgba(110,130,128,.38)!important;
  }
  #hero .hero-bottom .ht-text{color:rgba(255,255,255,.26)!important}
  #hero .hero-bottom .ht-text-dim{color:rgba(255,255,255,.11)!important}
  #hero .hero-bottom .ht-text-ok{
    color:rgba(45,212,191,.40)!important;
    font-weight:500!important;
    text-shadow:none!important;
  }
  #hero .hero-bottom .ht-text-accent{color:rgba(225,232,230,.34)!important}
  #hero .hero-bottom .ht-progress-track{background:rgba(255,255,255,.045)!important}
  #hero .hero-bottom .ht-progress-fill{
    background:linear-gradient(90deg,rgba(55,120,112,.38),rgba(45,212,191,.22))!important;
  }
  #hero .hero-bottom .ht-footer{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    flex-shrink:0!important;
    position:relative!important;
    z-index:7!important;
    background:rgba(0,0,0,.22)!important;
    border-top-color:rgba(255,255,255,.04)!important;
  }
  #hero .hero-bottom .ht-progress-label{
    animation:htProgressPulse 1.35s ease-in-out infinite!important;
    color:rgba(255,255,255,.34)!important;
    min-width:2.5em!important;
    text-align:right!important;
    font-variant-numeric:tabular-nums!important;
  }
  #hero .hero-bottom .ht-progress-cursor{
    font-size:9px;
    color:rgba(45,212,191,.36);
    font-family:'JetBrains Mono',monospace;
    margin-left:2px;
    animation:htCursorBlink .9s step-end infinite;
  }
  #hero .hero-bottom .ht-go-chat{
    display:inline-flex;
    position:relative;
    z-index:6;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-height:36px;
    padding:8px 12px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.18);
    background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(45,212,191,.06) 100%);
    color:rgba(255,255,255,.9);
    font-family:'Manrope',sans-serif;
    font-size:11px;
    font-weight:600;
    letter-spacing:.02em;
    text-decoration:none;
    box-sizing:border-box;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 16px rgba(0,0,0,.22);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .4s ease,visibility .4s ease,background .28s,border-color .28s,box-shadow .28s;
    cursor:pointer!important;
  }
  #hero .hero-bottom .ht-go-chat--visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  #hero .hero-bottom .ht-go-chat:hover{
    border-color:rgba(45,212,191,.32);
    background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,rgba(45,212,191,.1) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 20px rgba(0,0,0,.26),0 0 20px rgba(45,212,191,.08);
  }
  #hero .hero-bottom .ht-go-chat-arr{
    opacity:.72;
    font-size:12px;
    line-height:1;
  }
  #hero.hero-intro-running .hero-splash{
    background:#04111e!important;
  }
  #hero.hero-intro-running .logo-giant .logo-ltr{
    text-shadow:0 0 40px rgba(45,212,191,.06);
  }
  #hero #marquee{
    position:absolute!important;
    background:linear-gradient(180deg,rgba(4,17,26,.22) 0%,rgba(3,13,20,.82) 100%)!important;
    border-top:1px solid rgba(45,212,191,.09)!important;
    box-shadow:0 -1px 0 rgba(45,212,191,.05),0 -18px 36px -14px rgba(0,0,0,.34)!important;
    padding-top:clamp(18px,2vh,28px)!important;
    padding-bottom:clamp(14px,1.5vh,22px)!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.25) 12px,rgba(0,0,0,.9) 24px,#000 32px)!important;
    mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.25) 12px,rgba(0,0,0,.9) 24px,#000 32px)!important;
    opacity:0;
  }
  #hero.hero-desk-ready #marquee{
    animation:heroDeskRiseIn .4s cubic-bezier(0.22,1,0.36,1) forwards;
    animation-delay:.82s;
  }
  #hero #marquee::before{
    content:''!important;
    display:block!important;
    position:absolute!important;
    left:8%!important;
    right:8%!important;
    top:0!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(45,212,191,.22) 22%,rgba(45,212,191,.32) 50%,rgba(45,212,191,.22) 78%,transparent)!important;
    pointer-events:none!important;
    opacity:.55!important;
  }
  #hero #heroContent{
    opacity:1;
    visibility:visible;
    pointer-events:none;
    animation:none;
  }
  #hero #heroContent.show{
    pointer-events:auto;
  }
}
/* ── Hero desktop: демо-модалка (React + framer-motion в hero-demo-modal.mjs) ── */
.hero-demo-mount{
  position:fixed;
  inset:0;
  z-index:2400;
  pointer-events:none;
}
.hero-demo-mount > *{
  pointer-events:auto;
}
.hero-demo-layer{
  position:fixed;
  inset:0;
  z-index:2401;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,4vw,40px);
  background:rgba(2,8,15,.72);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.hero-demo-dialog{
  position:relative;
  width:100%;
  max-width:min(920px,92vw);
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,14,22,.92);
  box-shadow:0 24px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  padding:clamp(20px,2.5vw,28px);
}
.hero-demo-close{
  position:absolute;
  top:12px;
  right:12px;
  width:40px;
  height:40px;
  border:none;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.85);
  font-size:18px;
  line-height:1;
  cursor:pointer;
  transition:background .2s,color .2s;
}
.hero-demo-close:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
}
.hero-demo-title{
  margin:0 48px 14px 0;
  font-family:'Unbounded',sans-serif;
  font-size:clamp(15px,1.25vw,20px);
  font-weight:700;
  letter-spacing:.03em;
  line-height:1.25;
  color:#fff;
}
.hero-demo-video-wrap{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  border-radius:12px;
  overflow:hidden;
  background:#000;
}
.hero-demo-video-wrap--empty{
  background:rgba(0,0,0,.4);
  border:1px solid rgba(255,255,255,.08);
}
.hero-demo-video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
/* Сентинел: граница between hero и typebot (см. script: скрытие вкладки DEMO) */
.hero-demo-mob-tab-sentinel{
  height:1px;
  width:100%;
  margin:0;
  padding:0;
  pointer-events:none;
  visibility:hidden;
}
/* Узкий экран: демо 9:16, ~85% высоты экрана, hero-demo-modal.mjs */
@media(max-width:768px){
  .hero-demo-layer--mob{
    align-items:stretch;
    justify-content:flex-start;
    padding:0 0 max(0px, env(safe-area-inset-bottom, 0px)) 0;
    background:rgba(0,0,0,.4);
    backdrop-filter:blur(32px) saturate(1.15);
    -webkit-backdrop-filter:blur(32px) saturate(1.15);
  }
  .hero-demo-dialog--mob{
    display:flex;
    flex-direction:column;
    position:relative;
    width:100%;
    max-width:100%;
    min-height:1px;
    flex:1;
    max-height:100dvh;
    border:none;
    background:transparent;
    box-shadow:none;
    padding:0;
    margin:0;
    overflow:hidden;
  }
  .hero-demo-title-sr{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
  }
  .hero-demo-mob-chrome{
    flex:0 0 auto;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    min-height:44px;
    padding:max(6px, env(safe-area-inset-top, 0px)) 8px 4px max(12px, env(safe-area-inset-left, 0px));
  }
  .hero-demo-mob-done{
    -webkit-tap-highlight-color:transparent;
    background:transparent;
    border:none;
    margin:0;
    padding:10px 16px 10px 20px;
    color:rgba(255,255,255,.92);
    font-family:Manrope,-apple-system,system-ui,BlinkMacSystemFont,'Helvetica Neue',sans-serif;
    font-size:17px;
    font-weight:500;
    line-height:1.2;
    letter-spacing:-0.01em;
    border-radius:10px;
    cursor:pointer;
  }
  .hero-demo-mob-done:active{opacity:.72}
  .hero-demo-mob-body{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:0 max(12px, env(safe-area-inset-left, 0)) max(14px, env(safe-area-inset-bottom, 8px)) max(12px, env(safe-area-inset-right, 0));
    min-height:0;
  }
  .hero-demo-mob-stage{
    position:relative;
    width:min(92svw, calc(85dvh * 9 / 16));
    max-width:100%;
    aspect-ratio:9/16;
    max-height:85dvh;
    height:auto;
    border-radius:22px;
    overflow:hidden;
    background:#000;
    box-shadow:
      0 0 0 0.5px rgba(255,255,255,.1),
      0 20px 60px rgba(0,0,0,.45);
    flex-shrink:0;
  }
  .hero-demo-mob-stage--landscape-asset{
    background:#020203;
  }
  .hero-demo-mob-stage .hero-demo-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-position:center;
  }
  .hero-demo-video--cover{object-fit:cover}
  .hero-demo-video--contain-mob{object-fit:contain; background:#020203}
  .hero-demo-mob-play-ctrl{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
    background:linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.28) 100%);
    border:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .hero-demo-mob-play-ctrl__halo{
    position:absolute;
    left:50%;
    top:50%;
    width:64px;
    height:64px;
    margin:-32px 0 0 -32px;
    border-radius:50%;
    background:rgba(0,0,0,.2);
    backdrop-filter:blur(6px) saturate(1.2);
    -webkit-backdrop-filter:blur(6px) saturate(1.2);
    box-shadow:0 0 0 0.5px rgba(255,255,255,.1);
  }
  .hero-demo-mob-play-ctrl__icon{
    position:relative;
    z-index:1;
    width:28px;
    height:28px;
    color:rgba(255,255,255,.96);
    margin-left:3px;
  }
  .hero-demo-mob-empty{
    position:absolute;
    inset:0;
    background:radial-gradient(100% 80% at 50% 0%, rgba(20,50,64,.4) 0%, rgba(2,4,8,.6) 55%, #02060c 100%);
  }
  .hero-demo-mob-hint{
    margin:10px 0 0;
    max-width:22rem;
    text-align:center;
    font-family:Manrope,sans-serif;
    font-size:12px;
    font-weight:500;
    line-height:1.4;
    letter-spacing:.01em;
    color:rgba(255,255,255,.38);
  }
}

/* TEMP: раскомментировать перед релизом — a11y при системном reduce motion (иначе хиро/аврора остаются анимированными)
@media(min-width:641px) and (prefers-reduced-motion:reduce){
  #hero{
    --hero-desk-intro-end:0s;
  }
  #hero .hero-copy-stack .digital-line .strategy{
    animation:none!important;
  }
  #hero #heroAccent{
    animation:none!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
  #hero .hero-desk-bento .hero-terminal{
    transition:box-shadow .3s ease,transform 0s;
  }
  #hero .hero-desk-bento:hover .hero-terminal{
    transform:perspective(920px) rotateY(-11deg) translateZ(10px);
  }
  #hero #heroContent,
  #hero #heroContent.show{
    animation:none;
    opacity:1;
    transform:none;
  }
  #hero #marquee{
    animation:none;
    opacity:1;
  }
  #marquee .mq-track{
    animation:none;
    transform:none;
  }
  #hero #pcb-canvas{
    opacity:0;
    visibility:hidden;
  }
  #hero .hero-bottom .ht-progress-label{animation:none}
  #hero .hero-bottom .ht-progress-cursor{animation:none;opacity:.6}
  #hero .hero-desk-bento .ht-badge-dot{
    animation:none;
    opacity:.88;
  }
  #hero .hero-desk-bento .ht-body > div.ht-line:nth-of-type(1),
  #hero .hero-desk-bento .ht-body > div.ht-line:nth-of-type(2){
    animation:htFadeIn .5s ease forwards;
  }
}
*/
/* TEMP: отключено для проверки анимаций при системном «reduce motion»
@media (prefers-reduced-motion:reduce){
  .faq-a{transition:none!important}
  .hm-cta--pill.hm-cta--glass::before{
    animation:none;
    --hm-glass-edge:48deg;
  }
  .tb-live,.tb-placeholder-dots span{animation:none!important}
  .nav-notif-badge,.notif-dot{animation:none!important}
  .hero-badge-dot{animation:none!important}
  .ht-badge-dot{animation:none!important}
  .ag-grid-card.ag-do-sweep .ag-sweep-el::after{animation:none!important}
  .split-visual{animation:none!important}
  .mob-flip-inner{transition:none!important}
  .mob-flip.mob-flip--tease .mob-flip-inner{animation:none!important}
  .mob-flip-front::after{animation:none!important}
  .sr{transition:none!important}
}
*/

/* Страницы статей /poleznoe */
body.in-page{
  margin:0;
  background:#04111a;
  color:#eef6f4;
  font-family:'Manrope',sans-serif;
}
.in-page-bar{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 22px;
  background:rgba(4,17,26,.88);
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.in-page-logo{
  font-family:'Unbounded',sans-serif;
  font-weight:900;
  font-size:14px;
  letter-spacing:-.03em;
  color:#fff;
  text-decoration:none;
}
.in-page-logo b{color:var(--teal,#2DD4BF)}
.in-page-chat{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:8px;
  background:var(--teal,#2DD4BF);
  color:#04111a;
  font-size:12px;
  font-weight:700;
  letter-spacing:.01em;
  text-decoration:none;
  white-space:nowrap;
}
.in-page-chat:hover{filter:brightness(1.06);color:#04111a}
.in-page-bar a:not(.in-page-logo):not(.in-page-chat){
  font-size:13px;
  color:rgba(255,255,255,.55);
  text-decoration:none;
}
.in-page-bar a:not(.in-page-logo):not(.in-page-chat):hover{color:#fff}
.kh-wrap{max-width:880px;margin:0 auto;padding:28px 22px 80px}
.kh-kicker{margin:0 0 8px;color:#2DD4BF;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.kh-wrap h1{margin:0 0 10px;font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;color:#fff}
.kh-lead{margin:0 0 18px;color:rgba(255,255,255,.62);font-size:16px;line-height:1.5}
.kh-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.kh-filters button{appearance:none;cursor:pointer;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.6);font:700 11px 'Manrope',sans-serif;letter-spacing:.02em;transition:background .2s,color .2s,border-color .2s}
.kh-filters button:hover{border-color:rgba(45,212,191,.4);color:#fff}
.kh-filters button.is-on{background:rgba(45,212,191,.16);border-color:rgba(45,212,191,.4);color:#2DD4BF}
.kh-card[hidden]{display:none}
.kh-list{display:flex;flex-direction:column;gap:10px}
.kh-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03);text-decoration:none;color:inherit}
.kh-card:hover{border-color:rgba(45,212,191,.35)}
.kh-tag{color:#2DD4BF;font-size:11px;font-weight:700}
.kh-title{color:#fff;font-size:18px;font-weight:700;line-height:1.35}
.kh-desc{color:rgba(255,255,255,.62);font-size:14px;line-height:1.45}
.kh-meta{color:rgba(255,255,255,.42);font-size:12px;font-weight:600}
.in-article{
  max-width:720px;
  margin:0 auto;
  padding:28px 22px 96px;
}
.in-article-cover{
  border-radius:20px;
  overflow:hidden;
  margin-bottom:22px;
  border:1px solid rgba(255,255,255,.1);
  background:#041018;
}
.in-article-cover img{width:100%;display:block;aspect-ratio:16/8;object-fit:cover;object-position:center 32%}
.in-article--digest .in-article-cover{
  margin:0 -22px 22px;
  width:calc(100% + 44px);
  max-width:none;
  border-radius:0;
  border:none;
}
.in-article--digest .in-article-cover img{
  aspect-ratio:auto;
  height:clamp(160px,22vw,240px);
  object-fit:cover;
  object-position:left bottom;
}
.in-article-back{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  width:100%;
  margin:2px 0 14px;
  padding:0 0 12px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:transparent;
  cursor:pointer;
  text-align:left;
  text-decoration:none;
  color:inherit;
  font-family:'Manrope',sans-serif;
  touch-action:manipulation;
}
.in-article-back-label{
  color:rgba(255,255,255,.7);
  font-size:13px;
  font-weight:600;
  line-height:1.3;
}
.in-article-back-name{
  color:rgba(255,255,255,.4);
  font-size:12.5px;
  font-weight:500;
  line-height:1.4;
}
.in-article-back:hover .in-article-back-label{color:#fff}
.in-article-back:hover .in-article-back-name{color:rgba(45,212,191,.9)}
.in-article-kicker{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.in-article-tag{
  display:inline-flex;
  padding:4px 8px;
  border-radius:6px;
  font-family:'Manrope',sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
  color:#2DD4BF;
  background:rgba(45,212,191,.16);
  border:none;
}
.in-article h1{
  font-family:'Unbounded',sans-serif;
  font-weight:800;
  font-size:clamp(20px,2.6vw,28px);
  letter-spacing:-.04em;
  line-height:1.2;
  color:#fff;
  margin:12px 0 18px;
}
.in-article h2{
  font-family:'Unbounded',sans-serif;
  font-size:18px;
  font-weight:800;
  color:#fff;
  margin:28px 0 10px;
}
.in-article h2.in-sources{
  font-family:'Manrope',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:0;
  color:rgba(255,255,255,.46);
  margin:26px 0 8px;
}
.in-article h2.in-sources + ol,
.in-article h2.in-sources + ul{margin:0 0 8px}
.in-article h2.in-sources + ol li,
.in-article h2.in-sources + ul li{
  font-size:13px;
  line-height:1.55;
  color:rgba(255,255,255,.46);
}
.in-article p,
.in-article li{
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,.72);
}
.in-article p.in-lead{margin:0 0 36px}
.in-article .in-article-kicker .in-article-meta{
  margin:0;
  font-size:11px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:0;
  color:rgba(255,255,255,.48);
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.in-article-kicker + .in-article-meta{display:none}
.in-article ul,.in-article ol{padding-left:18px;margin:0 0 16px}
.in-article a:not(.in-article-cta){color:#2DD4BF}
.in-article blockquote{margin:16px 0;padding:2px 0 2px 14px;border-left:2px solid rgba(45,212,191,.45)}
.in-article blockquote p{margin:0}
.in-article .in-table{overflow-x:auto;max-width:100%;margin:0 0 16px;-webkit-overflow-scrolling:touch}
.in-article table{border-collapse:collapse;min-width:560px;width:100%}
.in-article th,.in-article td{border:1px solid rgba(255,255,255,.14);padding:8px 10px;text-align:left;vertical-align:top;font-size:14px;line-height:1.5;color:rgba(255,255,255,.72)}
.in-article th{color:#fff;font-weight:700}
.in-cta{
  margin:22px 0;
  padding:16px 18px;
  border:1px solid rgba(45,212,191,.5);
  border-radius:14px;
  background:rgba(45,212,191,.08);
}
.in-cta p{margin:0;color:rgba(255,255,255,.88)}
.in-cta-link{
  color:#2DD4BF;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}
.in-article p.in-note{
  margin:6px 0 18px;
  font-size:13px;
  line-height:1.55;
  font-style:italic;
  color:rgba(255,255,255,.48);
}
.in-article .in-table + p.in-note{margin-top:8px}
.in-article p.in-note a{font-style:italic}
.in-article-cta{
  display:inline-flex;
  margin-top:28px;
  padding:12px 18px;
  border-radius:10px;
  border:1px solid rgba(45,212,191,.45);
  color:#2DD4BF;
  text-decoration:none;
  font-weight:700;
}
.in-article-cta:hover{background:rgba(45,212,191,.08);color:#fff}

/* Английская версия: без Telegram (аудитория США им не пользуется) */
html[data-lang="en"] .f-link-telegram{display:none!important}

/* Английская версия без русского в браузере: переключателя языка нет вообще */
html.no-ru-switch .nav-lang,html.no-ru-switch .lang-switch,html.no-ru-switch .lang-switch--mob{display:none!important}

.pr3-wl{
  margin:12px 0 4px;padding:10px 12px;border-radius:12px;
  display:flex;flex-direction:column;gap:4px;
  background:linear-gradient(135deg,rgba(45,212,191,.12),rgba(45,212,191,.03));
  border:1px solid rgba(45,212,191,.28);
}
.pr3-wl-tag{
  align-self:flex-start;font-family:'Unbounded',sans-serif;font-weight:700;
  font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);
}
.pr3-wl-d{font-family:'Manrope',sans-serif;font-size:clamp(13px,1.05vw,14px);line-height:1.45;color:rgba(255,255,255,.82)}

/* Инфографика «Рынок в цифрах»: на всю ширину колонки текста, без карточки */
.spx-d{font-family:'Unbounded','Manrope',Arial,sans-serif}
.spx-b{font-family:'Manrope',Arial,sans-serif}
.in-figure{container-type:inline-size;margin:32px 0;padding:24px 0 16px;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.in-figure .ig-title{margin:0 0 6px;font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(17px,2.6vw,21px);line-height:1.3;letter-spacing:-.01em;color:#E8F1F4}
.in-figure .ig-sub{margin:0 0 20px;font-size:14px;font-weight:500;line-height:1.45;color:#8FA8B3}
.ig-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ig-tile{background:#0b2230;border-radius:14px;padding:16px 16px 14px}
.ig-tile b{display:block;margin-bottom:8px;font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(22px,3.6cqw,30px);line-height:1.1}
.ig-tile span{display:block;font-size:13.5px;line-height:1.4;color:#8FA8B3}
.ig-bars{display:flex;flex-direction:column;gap:4px}
.ig-row{display:grid;grid-template-columns:minmax(130px,30%) minmax(0,1fr) 72px;align-items:center;gap:14px;padding:6px 0}
.ig-l{font-size:15px;font-weight:600;line-height:1.3;color:#E8F1F4}
.ig-t{position:relative;display:block;height:16px;border-radius:8px;background:#0b2230}
.ig-b{position:absolute;top:0;bottom:0;border-radius:8px}
.ig-z{position:absolute;top:-5px;bottom:-5px;width:0;border-left:1px dashed #8FA8B3;text-decoration:none}
.ig-v{font-size:15px;font-weight:700;text-align:right;white-space:nowrap}
.ig-svg{display:block;width:100%;height:auto}
.ig-svg--narrow{display:none}
.ig-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:20px;padding-top:12px;border-top:1px solid #1C3A48;font-size:11.5px;line-height:1.45;color:#8FA8B3}
.ig-foot b{flex:0 0 auto;font-family:'Unbounded',sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;color:#2DD4BF}
.ig-desc{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@container (max-width:620px){
  .ig-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ig-svg--wide{display:none}
  .ig-svg--narrow{display:block}
}
@container (max-width:460px){
  .ig-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:8px 0}
  .ig-t{grid-column:1 / -1;grid-row:2}
}