/* ====== Экраны главной ниже первого (перенос прототипа e-x2u-wl, статичная версия). Все правила под .hx-home (класс body главной):
   на pricing/faq/support/terms/privacy ничего не меняется. Шрифты (@font-face) объявлены в hero.css. Движение: только появление
   при прокрутке (IntersectionObserver в lower.js), без three.js и без перехвата прокрутки. */
.hx-home .lw{--paper:#FAF8F5;--paper-2:#F2EDE4;--ink:#0A0A12;--ink-2:#4a4859;--ink-3:#6c6879;
  --blue:#0C25A7;--blue-hi:#5C74FF;--blue-soft:#A9B6FF;--night:#050A33;--on:#F4F2FB;--on-2:rgba(244,242,251,.72);
  --font-display:"Noto Serif Display","Iowan Old Style",Georgia,serif;
  --font-text:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --out:cubic-bezier(.23,1,.32,1);
  --gutter:clamp(20px,4.4vw,72px);--px:max(var(--gutter),calc((100vw - 1560px)/2));
  position:relative;box-sizing:border-box;font:400 17px/1.55 var(--font-text);letter-spacing:0;color:var(--ink);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.hx-home .lw :where(*,*::before,*::after){box-sizing:border-box}
.hx-home .lw :where(img,svg){display:block;max-width:100%}
.hx-home .lw :where(img){height:auto}
.hx-home .lw :where(p,h2,h3,dl,dd,dt,ul,ol,figure){margin:0;padding:0}
.hx-home .lw :where(ul,ol){list-style:none}
.hx-home .lw :where(a){color:inherit}
.hx-home .lw :where(button){font-family:inherit}
.hx-home .lw :focus-visible{outline:2px solid var(--blue-hi);outline-offset:3px}
.hx-home :is(.lw-gx,.lw-fx,.lw-foot) :focus-visible{outline-color:#fff}
.hx-home .lw :where(em){font-family:var(--font-display);font-style:italic;font-weight:400;letter-spacing:-.02em}
.hx-home .lw-num{font-variant-numeric:tabular-nums lining-nums}
.hx-home .lw-kick{font:600 12px/1.3 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.hx-home .lw-ln{display:inline-block}

/* появление: прячем только когда lower.js успел включить режим (нет JS или reduced-motion — всё видно сразу) */
html.lw-armed .hx-home .lw-rv{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s var(--out),transform .9s var(--out)}
html.lw-armed .hx-home .lw-rv.in{opacity:1;transform:none}
html.hx-flat .hx-home .lw-rv{opacity:1!important;transform:none!important;transition:none!important}

/* ── манифест ── */
.hx-home .lw-manifest{background:var(--paper-2);padding:clamp(88px,15vh,180px) var(--px);overflow:hidden;overflow:clip}
.hx-home .lw-manifest::before{content:"";position:absolute;inset:0;background:radial-gradient(50vw 40vw at 100% 0%,rgba(207,198,255,.4),transparent 70%);pointer-events:none}
.hx-home .lw-manifest__in{position:relative;max-width:min(1100px,100%)}
.hx-home .lw-manifest .lw-kick{margin-bottom:clamp(20px,3vh,36px)}
.hx-home .lw-manifest__text{font-family:var(--font-display);font-weight:400;letter-spacing:-.03em;line-height:1.1;font-size:clamp(28px,4.4vw,72px);text-wrap:balance}
.hx-home .lw-hi{color:var(--blue)}
.hx-home .lw-facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(36px,7vw,120px);margin-top:clamp(48px,9vh,110px)}
.hx-home .lw-fact{display:flex;flex-direction:column-reverse;gap:10px}
.hx-home .lw-fact dt{font:500 14px/1.35 var(--font-text);color:var(--ink-2)}
.hx-home .lw-fact dd{display:flex;align-items:baseline;gap:.35em;font-family:var(--font-display);font-size:clamp(56px,7.2vw,116px);line-height:.9;letter-spacing:-.05em;color:var(--blue)}
.hx-home .lw-fact dd small{font:500 14px/1 var(--font-text);letter-spacing:0;color:var(--ink-3)}

/* ── как это работает: четыре строки «текст — телефон»; телефон держится у верха строки, пока она на экране ── */
.hx-home .lw-how{background:linear-gradient(180deg,var(--paper-2) 0,var(--paper) 14%,#EEF1FF 100%);padding:clamp(72px,12vh,140px) var(--px) clamp(40px,8vh,100px)}
.hx-home .lw-how__head{max-width:760px;margin-bottom:clamp(24px,5vh,64px)}
.hx-home .lw-how__head .lw-kick{margin-bottom:14px}
.hx-home .lw-how__head h2{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,3.6vw,56px);line-height:1.06;letter-spacing:-.03em;text-wrap:balance}
.hx-home .lw-steps{display:flex;flex-direction:column}
.hx-home .lw-step{--pw:clamp(210px,min(24vw,36vh),330px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,96px);min-height:calc(var(--pw) * 2.2 + 40vh)}
.hx-home .lw-step__copy{align-self:center;max-width:460px;justify-self:end;width:100%;padding-block:24px}
.hx-home .lw-step__no{display:block;font-family:var(--font-display);font-size:clamp(84px,11vw,168px);line-height:.9;letter-spacing:-.05em;
  background:linear-gradient(180deg,var(--blue) 12%,rgba(92,116,255,.18) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:18px}
.hx-home .lw-step h3{font-family:var(--font-display);font-weight:400;font-size:clamp(26px,2.6vw,40px);line-height:1.08;letter-spacing:-.025em;margin-bottom:14px;text-wrap:balance}
.hx-home .lw-step p{font-size:clamp(16px,1.25vw,18px);color:var(--ink-2);max-width:40ch}
.hx-home .lw-phone{position:sticky;top:clamp(76px,12vh,120px);justify-self:start;width:min(100%,var(--pw));margin-top:clamp(0px,3vh,40px)}
.hx-home .lw-phone__glow{position:absolute;inset:8% -22% -6%;background:radial-gradient(closest-side,rgba(92,116,255,.34),rgba(140,150,255,.1) 64%,transparent);filter:blur(24px);z-index:0}
.hx-home .lw-phone__body{position:relative;z-index:1;display:block;padding:2.6%;border-radius:15% / 7%;background:linear-gradient(160deg,#2b2f4a,#0b0d1c 60%);
  box-shadow:0 0 0 1.5px rgba(255,255,255,.14) inset,0 28px 60px rgba(12,37,167,.26),0 8px 18px rgba(10,10,40,.2)}
.hx-home .lw-phone__body img{width:100%;border-radius:12.6% / 5.8%;background:#fff}

/* ── галерея слайдов: лента с прилипанием, стрелки и счётчик ── */
.hx-home .lw-gx{background:var(--night);color:var(--on);padding:clamp(72px,12vh,140px) 0 clamp(48px,8vh,96px);overflow:hidden;overflow:clip}
.hx-home .lw-gx__bg{position:absolute;inset:0;pointer-events:none}
.hx-home .lw-gx__bg i{position:absolute;border-radius:50%;filter:blur(40px)}
.hx-home .lw-gx__bg i:first-child{left:-10%;top:30%;width:70vw;height:50vw;background:radial-gradient(closest-side,rgba(12,37,167,.7),transparent)}
.hx-home .lw-gx__bg i:last-child{right:-15%;bottom:-10%;width:60vw;height:40vw;background:radial-gradient(closest-side,rgba(92,116,255,.3),transparent)}
.hx-home .lw-gx__head{position:relative;padding:0 var(--px);margin-bottom:clamp(28px,6vh,64px)}
.hx-home .lw-gx__head .lw-kick{color:var(--blue-soft);margin-bottom:16px}
.hx-home .lw-gx__head h2{font-family:var(--font-display);font-weight:400;font-size:clamp(36px,6vw,104px);line-height:1;letter-spacing:-.035em;max-width:14em}
.hx-home .lw-gx__head em{color:var(--blue-soft)}
.hx-home .lw-gx__rail{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--px);padding:12px 0 28px}
html.hx-js .hx-home .lw-gx__rail{scrollbar-width:none}
html.hx-js .hx-home .lw-gx__rail::-webkit-scrollbar{display:none}
html:not(.hx-js) .hx-home .lw-gx__hint{display:none}
.hx-home .lw-gx__track{display:flex;gap:clamp(14px,1.8vw,28px);padding:0 var(--px);width:max-content}
.hx-home .lw-card{flex:none;width:clamp(200px,min(21vw,36vh),340px);scroll-snap-align:start}
.hx-home .lw-card figure{position:relative;border-radius:clamp(10px,1.1vw,18px);overflow:hidden;box-shadow:0 20px 48px rgba(0,0,20,.5),0 0 0 1px rgba(169,182,255,.16);background:#0b1250}
.hx-home .lw-card img{width:100%;aspect-ratio:4/5;object-fit:cover}
.hx-home .lw-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 14px 12px;font:500 13px/1.25 var(--font-text);color:#fff;background:linear-gradient(0deg,rgba(5,10,51,.95) 0,rgba(5,10,51,.92) 55%,transparent)}
.hx-home .lw-gx__ui{position:relative;display:flex;align-items:center;gap:20px;padding:0 var(--px);margin-top:6px}
.hx-home .lw-gx__hint{display:flex;align-items:center;gap:12px;font:500 12px/1 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--on-2);margin-right:auto}
.hx-home .lw-gx__hint i{width:28px;height:1px;background:currentColor;opacity:.6}
.hx-home .lw-gx__ctrl{display:flex;gap:10px}
.hx-home .lw-gx__ctrl[hidden]{display:none}
.hx-home .lw-btn{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(169,182,255,.35);cursor:pointer;transition:background .25s,transform .25s var(--out),opacity .25s}
.hx-home .lw-btn:active{transform:scale(.94)}
.hx-home .lw-btn[aria-disabled="true"]{opacity:.35;cursor:default}
@media (hover:hover) and (pointer:fine){.hx-home .lw-btn:not([aria-disabled="true"]):hover{background:rgba(255,255,255,.18)}}
.hx-home .lw-gx__count{font:500 13px/1 var(--font-text);color:var(--on-2);min-width:4.4em;text-align:right}
.hx-home .lw-gx__count b{color:#fff;font-weight:600}

/* ── финал: кобальт, знак, призыв ── */
.hx-home .lw-fx{background:linear-gradient(180deg,var(--night) 0,#0A1A86 26%,#0C25A7 100%);color:#fff;text-align:center;padding:clamp(80px,14vh,160px) var(--gutter) clamp(40px,8vh,90px);overflow:hidden;overflow:clip}
.hx-home .lw-fx__bg{position:absolute;inset:0;pointer-events:none}
.hx-home .lw-fx__bg i{position:absolute;border-radius:50%}
.hx-home .lw-fx__bg i:nth-child(1){left:50%;top:34%;width:min(120vw,1100px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(92,116,255,.55),transparent 72%)}
.hx-home .lw-fx__bg i:nth-child(2){left:50%;top:34%;width:min(78vw,620px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(196,206,255,.22)}
.hx-home .lw-fx__bg i:nth-child(3){left:50%;top:34%;width:min(104vw,880px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(196,206,255,.12)}
.hx-home .lw-fx__main{position:relative;display:flex;flex-direction:column;align-items:center}
.hx-home .lw-fx__kick span{display:inline-flex;align-items:center;gap:8px;padding:.6em 1.3em;border-radius:999px;border:1px solid rgba(196,206,255,.45);background:rgba(92,116,255,.25);font:600 12px/1 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:#E2E7FF}
.hx-home .lw-fx__markbox{width:clamp(150px,22vw,260px);margin:clamp(24px,5vh,48px) 0 clamp(8px,2vh,24px)}
.hx-home .lw-mark{width:100%;height:auto;overflow:visible}
.hx-home .lw-fx h2{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,6.4vw,104px);line-height:1;letter-spacing:-.035em}
.hx-home .lw-fx h2 em{color:#C4CEFF}
.hx-home .lw-fx__cta{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:clamp(28px,5vh,52px)}
.hx-home .lw-pill{display:inline-flex;align-items:center;gap:.7em;padding:1.25em 2em;border-radius:999px;text-decoration:none;font:600 clamp(16px,1.3vw,19px)/1 var(--font-text);color:#fff;
  background:linear-gradient(180deg,#14206f,#050A33);border:1.5px solid rgba(226,231,255,.7);box-shadow:0 14px 40px rgba(2,10,72,.5),0 0 0 6px rgba(255,255,255,.06);transition:transform .35s var(--out),box-shadow .35s}
.hx-home .lw-pill svg{transition:transform .35s var(--out)}
.hx-home .lw-pill:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.hx-home .lw-pill:hover{box-shadow:0 18px 48px rgba(2,10,72,.6),0 0 0 8px rgba(255,255,255,.1)}.hx-home .lw-pill:hover svg{transform:translateX(4px)}}
.hx-home .lw-fx__note{font:400 14px/1.5 var(--font-text);color:var(--on-2);max-width:34ch}
.hx-home .lw-fx__more{font:500 14px/1 var(--font-text);color:#E2E7FF;text-underline-offset:4px;text-decoration-color:rgba(226,231,255,.4)}

/* ── подвал ── */
.hx-home .lw-foot{background:#0C25A7;color:#fff;padding:0 var(--gutter) clamp(20px,4vh,40px);overflow:hidden;overflow:clip}
.hx-home .lw-foot__bg{position:absolute;inset:0;background:linear-gradient(180deg,#0C25A7 0,#08196F 100%);pointer-events:none}
.hx-home .lw-foot__word{position:relative;display:flex;justify-content:center;padding:clamp(8px,2vh,24px) 0 clamp(24px,5vh,56px);-webkit-mask-image:linear-gradient(180deg,#000 40%,rgba(0,0,0,.25));mask-image:linear-gradient(180deg,#000 40%,rgba(0,0,0,.25));opacity:.9}
.hx-home .lw-foot__word img{width:min(78vw,820px)}
.hx-home .lw-glass{position:relative;max-width:1200px;margin:0 auto;padding:clamp(20px,2.6vw,36px);border-radius:28px;background:rgba(255,255,255,.07);border:1px solid rgba(196,206,255,.26);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.hx-home .lw-foot__tag{font-size:15px;color:var(--on-2);margin-bottom:clamp(18px,3vh,28px)}
.hx-home .lw-foot__cols{display:grid;grid-template-columns:auto auto minmax(0,1.5fr) auto;gap:clamp(20px,4vw,64px);align-items:start}
.hx-home .lw-foot__nav{display:flex;flex-direction:column;gap:0}
.hx-home .lw-foot a{text-decoration:none;font-weight:500;font-size:15px;color:#fff;opacity:.92;overflow-wrap:anywhere;display:inline-block;padding-block:.6em}
@media (hover:hover) and (pointer:fine){.hx-home .lw-foot a:hover{text-decoration:underline;text-underline-offset:4px}}
.hx-home .lw-foot__legal{display:grid;gap:12px;font-size:14px}
.hx-home .lw-foot__legal dt{font:600 11px/1.3 var(--font-text);letter-spacing:.12em;text-transform:uppercase;color:rgba(226,231,255,.7);margin-bottom:2px}
.hx-home .lw-foot__legal dd{color:#fff;overflow-wrap:anywhere}
.hx-home .lw-foot__lang{display:inline-flex;padding:3px;border-radius:999px;background:rgba(5,10,51,.5)}
.hx-home .lw-foot__lang a{padding:.9em 1em;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.08em}
.hx-home .lw-foot__lang a[aria-current]{background:#fff;color:var(--blue);opacity:1}
.hx-home .lw-foot__copy{margin-top:clamp(18px,3vh,28px);padding-top:14px;border-top:1px solid rgba(196,206,255,.2);font-size:12.5px;color:rgba(226,231,255,.7)}

/* ── планшет и телефон ── */
@media (max-width:1000px){.hx-home .lw-foot__cols{grid-template-columns:1fr 1fr}.hx-home .lw-foot__legal{grid-column:1/-1;order:3}}
@media (max-width:820px){
  .hx-home .lw-manifest{padding:calc(76px + 6vh) var(--gutter) 64px}
  .hx-home .lw-manifest__text{font-size:clamp(26px,8vw,44px)}
  .hx-home .lw-facts{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
  .hx-home .lw-fact dd{flex-direction:column;align-items:flex-start;gap:6px;font-size:clamp(40px,12.5vw,60px)}
  .hx-home .lw-fact dd small{order:-1;font-size:12px}
  .hx-home .lw-fact dt{font-size:12.5px}
  .hx-home .lw-how{padding:64px var(--gutter) 24px}
  .hx-home .lw-step{grid-template-columns:1fr;min-height:0;gap:20px;padding:36px 0 44px;border-top:1px solid rgba(12,37,167,.12)}
  .hx-home .lw-step:first-child{border-top:0}
  .hx-home .lw-step__copy{justify-self:start;max-width:none;padding:0}
  .hx-home .lw-step__no{font-size:72px;margin-bottom:10px}
  .hx-home .lw-phone{position:relative;top:auto;justify-self:center;width:min(62vw,260px);margin:8px 0 0}
  .hx-home .lw-gx{padding:56px 0 44px}
  .hx-home .lw-gx__head{padding:0 var(--gutter)}
  .hx-home .lw-gx__track,.hx-home .lw-gx__ui{padding-inline:var(--gutter)}
  .hx-home .lw-gx__rail{scroll-padding-inline:var(--gutter)}
  .hx-home .lw-card{width:min(62vw,260px)}
  .hx-home .lw-gx__hint{display:none}
  .hx-home .lw-gx__ctrl{margin-left:auto}
  .hx-home .lw-fx{padding:72px var(--gutter) 36px}
  .hx-home .lw-foot__cols{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .hx-home .lw-rv{opacity:1!important;transform:none!important;transition:none!important}
  .hx-home .lw-btn,.hx-home .lw-pill,.hx-home .lw-pill svg{transition:none}
  .hx-home .lw-gx__rail{scroll-behavior:auto}
}