/* ===== EXOS landing — порт из landing-preview.html (Inter + JetBrains Mono, EXOS blue).
   Всё скоупится под .ex-root (SPA #landing.ex-root). Глобальный html/body-ресет и прелоадер
   из превью НЕ переносим (SPA раскрывает лендинг сразу, свой boot). ===== */
.ex-root{
  --bg:#090D12; --bg2:#0C1016; --panel:#0E141B; --elevated:#152030;
  --line:rgba(255,255,255,.07); --line2:rgba(255,255,255,.11);
  --ink:#E9EEF5; --mut:rgba(255,255,255,.5); --dim:rgba(255,255,255,.28);
  --blue:#5B8DFF; --blue2:#3D6DE0; --up:#3DDC97; --dn:#f87171; --amber:#F7B955;
  background:var(--bg); color:var(--ink);
  font-family:'Inter',-apple-system,system-ui,sans-serif; min-height:100vh; overflow-x:hidden;
}
/* #landing = .ex-root — фиксированный скролл-оверлей (как старый .landing-wrap): html,body{overflow:hidden},
   поэтому лендинг обязан скроллиться сам. inset:0 + overflow-y:auto. .hidden скрывает (не .landing-wrap). */
.ex-root{position:fixed;inset:0;z-index:200;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.ex-root.hidden{display:none}
.ex-root *{box-sizing:border-box}
.ex-mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums}
.ex-up{color:var(--up)} .ex-dn{color:var(--dn)} .ex-amber{color:var(--amber)}
.ex-root a{text-decoration:none;color:inherit}

/* шапка НЕ залипает: обычный элемент в начале лендинга, прозрачная. При скролле уезжает наверх
   вместе с контентом (навигация наверх — через фикс-кнопку .ex-totop). */
.ex-nav{position:relative;z-index:50;background:transparent}

/* фикс-кнопка «наверх» — статична, не двигается при скролле (position:fixed относительно вьюпорта:
   у .ex-root нет transform/filter, поэтому fixed-потомок к вьюпорту и не обрезается overflow'ом). */
.ex-totop{position:fixed;bottom:22px;right:22px;z-index:120;width:46px;height:46px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);
  /* glassmorphism: матовое стекло — полупрозрачный фон + backdrop-blur + светлая рамка + мягкая тень */
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(14px) saturate(1.7);-webkit-backdrop-filter:blur(14px) saturate(1.7);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 8px 26px -8px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.ex-totop:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);box-shadow:0 12px 32px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.22)}
.ex-totop:active{transform:scale(.95)}
@media(max-width:560px){.ex-totop{bottom:16px;right:16px;width:44px;height:44px}}
.ex-nav-in{max-width:1200px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ex-logo{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:19px;letter-spacing:.02em}
.ex-logo-mark{color:var(--blue);display:inline-flex}
.ex-logo-img{height:25px;width:auto;display:block}   /* старый логотип exos-01.svg, тот же размер что и в прошлом лендинге */
.ex-foot .ex-logo-img{height:20px}
.ex-nav-cta{display:flex;gap:18px;align-items:center}
/* переключатель языка RU/EN — простой текст, без плашки/подложки */
.ex-lang{display:inline-flex;align-items:center;gap:7px;background:none;box-shadow:none;padding:0}
.ex-lang button{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:var(--mut);background:none;border:none;padding:4px 2px;cursor:pointer;transition:color .18s;line-height:1}
.ex-lang button.active{color:var(--ink)}
.ex-lang button:hover:not(.active){color:var(--ink)}
.ex-lang-sep{color:var(--dim);font-size:13px;user-select:none;pointer-events:none}
.ex-nav-signin{font-size:14px;color:var(--mut);transition:color .18s;cursor:pointer}
.ex-nav-signin:hover{color:var(--ink)}

.ex-btn{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:14px;border-radius:9px;padding:9px 18px;transition:all .2s;cursor:pointer;white-space:nowrap;border:none}
.ex-btn:active{transform:scale(.98)}
.ex-btn-primary{background:linear-gradient(180deg,#6E9BFF,var(--blue2));color:#fff;box-shadow:0 8px 22px -10px rgba(91,141,255,.7)}
.ex-btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px -8px rgba(91,141,255,.9)}
.ex-btn-line{box-shadow:rgba(186,215,247,0.12) 0px 0px 0px 1px inset;color:var(--ink);background:rgba(255,255,255,.02)}
.ex-btn-line:hover{box-shadow:rgba(186,215,247,0.20) 0px 0px 0px 1px inset;background:rgba(91,141,255,.06)}
.ex-btn-lg{padding:13px 24px;font-size:15px;border-radius:11px}

/* Shiny CTA */
@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@property --gradient-angle-offset{syntax:"<angle>";initial-value:0deg;inherits:false}
@property --gradient-percent{syntax:"<percentage>";initial-value:5%;inherits:false}
@property --gradient-shine{syntax:"<color>";initial-value:#fff;inherits:false}
.ex-shiny{--shiny-cta-bg:#0B0F15;--shiny-cta-bg-subtle:#151b24;--shiny-cta-fg:#E9EEF5;--shiny-cta-highlight:#5B8DFF;--shiny-cta-highlight-subtle:#9DB8FF;--animation:gradient-angle linear infinite;--duration:3s;--shadow-size:2px;--transition:800ms cubic-bezier(.25,1,.5,1);isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline-offset:4px;display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;font-family:'Inter',sans-serif;font-size:15px;line-height:1.2;font-weight:600;border:1px solid transparent;border-radius:360px;color:var(--shiny-cta-fg);background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent) * 2),var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),transparent calc(var(--gradient-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine}
.ex-shiny::before,.ex-shiny::after,.ex-shiny span::before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}
.ex-shiny:active{translate:0 1px}
.ex-shiny::before{--size:calc(100% - var(--shadow-size) * 3);--position:2px;--space:calc(var(--position) * 2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),#fff calc(var(--position) / 4),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),#000,transparent 10% 90%,#000);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),#000,transparent 10% 90%,#000);border-radius:inherit;opacity:.4;z-index:-1}
.ex-shiny::after{--animation:shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,#000);mask-image:radial-gradient(circle at bottom,transparent 40%,#000);opacity:.6}
.ex-shiny span{z-index:1;display:inline-flex;align-items:center;gap:8px}
.ex-shiny span::before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);opacity:0;transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) breathe linear infinite}
.ex-shiny,.ex-shiny::before,.ex-shiny::after{animation:var(--animation) var(--duration),var(--animation) calc(var(--duration) / 0.4) reverse paused;animation-composition:add}
.ex-shiny:is(:hover,:focus-visible){--gradient-percent:20%;--gradient-angle-offset:95deg;--gradient-shine:var(--shiny-cta-highlight-subtle)}
.ex-shiny:is(:hover,:focus-visible),.ex-shiny:is(:hover,:focus-visible)::before,.ex-shiny:is(:hover,:focus-visible)::after{animation-play-state:running}
.ex-shiny:is(:hover,:focus-visible) span::before{opacity:1}
@keyframes gradient-angle{to{--gradient-angle:360deg}}
@keyframes shimmer{to{rotate:360deg}}
@keyframes breathe{from,to{scale:1}50%{scale:1.2}}
@media(prefers-reduced-motion:reduce){.ex-shiny,.ex-shiny::before,.ex-shiny::after,.ex-shiny span::before{animation:none}}

.ex-hero{position:relative;max-width:1280px;margin:0 auto;padding:72px 28px 80px;text-align:center;isolation:isolate}
.ex-hero-glow{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:900px;height:520px;background:radial-gradient(ellipse at center,rgba(91,141,255,.16),transparent 60%);filter:blur(30px);pointer-events:none;animation:ex-hero-breathe 10s ease-in-out infinite}
.ex-hero .ex-nebula{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;z-index:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1.2s ease;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 58%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 58%,transparent 100%)}
.ex-hero .ex-nebula canvas{display:block;width:100%;height:100%}
.ex-hero .ex-hero-top,.ex-hero .ex-hero-shotwrap{position:relative;z-index:1}
.ex-hero-top{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center}
.ex-hero-pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mut);box-shadow:rgba(186,215,247,0.12) 0px 0px 0px 1px inset;background:rgba(255,255,255,.03);padding:6px 14px;border-radius:999px;margin-bottom:26px}
.ex-hero-pill b{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(91,141,255,.18)}
.ex-h1{font-weight:800;font-size:clamp(40px,6.4vw,72px);line-height:1.03;letter-spacing:-.035em;margin:0 0 22px;background:linear-gradient(180deg,#ffffff 40%,#d8ecf8 66%,#5B8DFF 128%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ex-sub{max-width:540px;color:var(--mut);font-size:17px;line-height:1.6;margin:0 0 30px}
.ex-hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

.ex-hero-shotwrap{position:relative;margin-top:56px}
.ex-shot-glow{position:absolute;inset:-8% 6% auto 6%;height:60%;background:radial-gradient(ellipse at center top,rgba(91,141,255,.2),transparent 62%);filter:blur(34px);pointer-events:none;animation:ex-shot-breathe 10s ease-in-out infinite}
@keyframes ex-hero-breathe{0%,100%{opacity:.85;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.03)}}
@keyframes ex-shot-breathe{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
.ex-shot{position:relative;z-index:2;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:0 40px 80px -20px rgba(0,0,0,.6),0 0 60px -10px rgba(91,141,255,.35)}
.ex-shot-img{width:100%;display:block}
.ex-shot-topfade{position:absolute;top:0;left:0;right:0;height:48px;background:linear-gradient(to bottom,#090D12,transparent);pointer-events:none;z-index:3}

.ex-rev{opacity:0;transform:translateY(24px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
.ex-rev.in{opacity:1;transform:translateY(0)}

.ex-sec{max-width:1160px;margin:0 auto;padding:80px 28px}
.ex-eyebrow{color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:14px}
.ex-eyebrow::before,.ex-eyebrow::after{content:"";height:1px;width:min(80px,12vw);background:linear-gradient(to right,transparent,rgba(186,215,247,0.12))}
.ex-eyebrow::after{background:linear-gradient(to left,transparent,rgba(186,215,247,0.12))}
.ex-h2{font-weight:800;font-size:clamp(28px,4.2vw,44px);letter-spacing:-.03em;text-align:center;margin:0 0 40px;line-height:1.12}
.ex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ex-card{padding:32px 28px;background:rgba(186,214,247,0.03);border-radius:16px;box-shadow:rgba(216,236,248,0.14) 0px 1px 1px 0px inset,rgba(168,216,245,0.05) 0px 24px 48px 0px inset,rgba(6,6,14,0.6) 0px 16px 32px 0px;transition:transform .2s,background .2s,box-shadow .2s}
.ex-card:hover{background:rgba(186,214,247,0.06);transform:translateY(-2px)}
.ex-grid>.ex-rev{display:flex}
.ex-grid>.ex-rev>.ex-card{flex:1}
.ex-card-i{display:inline-flex;padding:9px;border-radius:9px;color:var(--blue);background:rgba(91,141,255,.1);border:1px solid rgba(91,141,255,.2);margin-bottom:16px}
.ex-card h3{font-weight:700;font-size:18px;margin:0 0 9px;letter-spacing:-.01em}
.ex-card p{color:var(--mut);font-size:14px;line-height:1.62;margin:0}

.ex-deep{display:flex;flex-direction:column;gap:22px}
.ex-deep-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:36px;background:var(--panel)}
.ex-deep-row.rev .ex-deep-txt{order:2}
.ex-deep-i{display:inline-flex;padding:9px;border-radius:9px;color:var(--blue);background:rgba(91,141,255,.1);border:1px solid rgba(91,141,255,.2);margin-bottom:16px}
.ex-deep-txt h3{font-weight:700;font-size:22px;margin:0 0 12px;letter-spacing:-.02em}
.ex-deep-txt p{color:var(--mut);font-size:15px;line-height:1.64;margin:0 0 18px}
.ex-deep-tags{display:flex;flex-wrap:wrap;gap:8px}
.ex-deep-tags span{font-size:12px;color:var(--mut);box-shadow:rgba(186,215,247,0.12) 0px 0px 0px 1px inset;border-radius:20px;padding:5px 12px}
.ex-deep-vis{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px}
.ex-dv-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:600}
.ex-dv-badge{font-size:9px;font-weight:700;color:var(--up);background:rgba(61,220,151,.14);border-radius:5px;padding:2px 7px;font-style:normal}
.ex-dv-row,.ex-dv-rr{display:flex;justify-content:space-between;font-size:12px;padding:7px 0;border-top:1px solid var(--line)}
.ex-dv-row span,.ex-dv-rr span{color:var(--mut)}
.ex-dv-rr{border-top:1px solid var(--line2);margin-top:4px;font-weight:700}
.ex-dv-news{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--line);font-size:12px}
.ex-dv-news:first-child{border-top:none}
.ex-dv-tk{font-size:9px;font-weight:700;color:var(--blue);background:rgba(91,141,255,.12);border-radius:4px;padding:2px 6px}
.ex-dv-nt{flex:1;color:var(--ink)}
.ex-dv-tm{color:var(--dim);font-size:10px}
.ex-mkt2{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.ex-mkt2>div{display:flex;justify-content:space-between;background:var(--elevated);border-radius:8px;padding:8px 11px;font-size:12px}
.ex-mkt2 span{color:var(--mut)}
.ex-fg{font-size:12px;color:var(--mut)}
.ex-fg-bar{height:8px;border-radius:5px;background:linear-gradient(90deg,var(--dn),var(--amber),var(--up));position:relative;margin-bottom:8px}
.ex-fg-bar i{position:absolute;top:-3px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--bg);transform:translateX(-50%)}

.ex-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid var(--line2);padding-top:28px}
.ex-step{position:relative;padding:0 4px}
.ex-step-n{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:20px;font-weight:600;color:var(--blue);display:block;margin-bottom:14px}
.ex-step h3{font-weight:700;font-size:19px;margin:0 0 9px;letter-spacing:-.01em}
.ex-step p{color:var(--mut);font-size:14px;line-height:1.62;margin:0}
.ex-steps>.ex-rev:nth-child(2){text-align:center}
.ex-steps>.ex-rev:nth-child(3){text-align:right}

.ex-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),var(--bg))}
.ex-metrics-in{max-width:1000px;margin:0 auto;padding:80px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.ex-metric-n{font-size:clamp(30px,4vw,46px);font-weight:600;color:var(--blue);text-shadow:0 0 30px rgba(91,141,255,.4)}
.ex-metric-l{color:var(--mut);font-size:13px;margin-top:6px}

.ex-sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ex-sec-card{border-radius:16px;padding:28px 24px;background:rgba(186,214,247,0.03);box-shadow:rgba(216,236,248,0.14) 0px 1px 1px 0px inset,rgba(168,216,245,0.05) 0px 24px 48px 0px inset,rgba(6,6,14,0.6) 0px 16px 32px 0px;transition:transform .2s,background .2s,box-shadow .2s}
.ex-sec-card:hover{background:rgba(186,214,247,0.06);transform:translateY(-2px)}
.ex-sec-card h3{font-weight:700;font-size:18px;margin:0 0 10px}
.ex-sec-card p{color:var(--mut);font-size:14px;line-height:1.6;margin:0}

.ex-faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.ex-faq-item{border:1px solid var(--line);border-radius:12px;padding:18px 22px;background:var(--panel);cursor:pointer;transition:border-color .2s}
.ex-faq-item:hover{border-color:var(--line2)}
.ex-faq-item.open{border-color:rgba(91,141,255,.3)}
.ex-faq-q{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15px}
.ex-faq-x{color:var(--blue);font-size:20px;font-weight:400}
.ex-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,margin .3s ease}
.ex-faq-item.open .ex-faq-a{max-height:200px;margin-top:12px}
.ex-faq-a p{color:var(--mut);font-size:14px;line-height:1.6;margin:0}

.ex-foot{border-top:1px solid var(--line);background:var(--bg2)}
.ex-foot-in{max-width:1160px;margin:0 auto;padding:80px 28px 26px}
.ex-foot-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.ex-foot-slogan{color:var(--ink);font-size:14px;font-weight:500;margin:14px 0 10px}
.ex-foot-disc{color:var(--mut);font-size:12px;line-height:1.6;margin:0;max-width:280px}
.ex-foot-h{color:var(--ink);font-size:13px;font-weight:600;margin:0 0 12px}
.ex-foot-col{display:flex;flex-direction:column}
.ex-foot-col a{position:relative;align-self:flex-start;color:var(--mut);font-size:13px;padding:5px 0;transition:color .2s;cursor:pointer}
.ex-foot-col a:hover{color:var(--ink)}
.ex-foot-col a::after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.ex-foot-col a:hover::after{transform:scaleX(1)}
.ex-foot-muted{color:var(--mut);font-size:13px;padding:5px 0}
.ex-foot-brand .ex-logo-mark{transition:transform .3s ease}
.ex-foot-brand .ex-logo:hover .ex-logo-mark{transform:scale(1.12) rotate(-6deg)}
.ex-foot-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:var(--mut);font-size:12px;text-align:center}
@media(max-width:760px){.ex-foot-cols{grid-template-columns:1fr 1fr}.ex-foot-brand{grid-column:1/-1}}
@media(max-width:480px){.ex-foot-cols{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ex-foot-col a::after{transition:none}.ex-foot-brand .ex-logo-mark{transition:none}.ex-foot-brand .ex-logo:hover .ex-logo-mark{transform:none}}

.ex-pricing{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:820px;margin:0 auto}
.ex-pricing>.ex-rev{display:flex}
.ex-plan{position:relative;flex:1;display:flex;flex-direction:column;padding:34px 28px;border-radius:16px;border:2px solid transparent;background:rgba(186,214,247,0.03);box-shadow:rgba(216,236,248,0.14) 0px 1px 1px 0px inset,rgba(168,216,245,0.05) 0px 24px 48px 0px inset,rgba(6,6,14,0.6) 0px 16px 32px 0px;transition:transform .2s,background .2s,box-shadow .2s}
.ex-plan:hover{background:rgba(186,214,247,0.06);transform:translateY(-2px)}
.ex-plan-featured{border-color:#5B8DFF}
.ex-plan-badge{position:absolute;top:20px;right:20px;font-size:11px;font-weight:700;color:#5B8DFF;background:rgba(91,141,255,.14);border-radius:999px;padding:4px 12px;letter-spacing:.04em}
.ex-plan-name{font-weight:700;font-size:16px;color:var(--ink);margin-bottom:8px}
.ex-plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:22px}
.ex-plan-amt{font-weight:800;font-size:34px;letter-spacing:-.02em}
.ex-plan-per{color:var(--mut);font-size:14px}
.ex-plan-feats{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.ex-plan-feats li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--mut);line-height:1.5}
.ex-plan-feats svg{flex-shrink:0;margin-top:3px;color:#3DDC97}
.ex-plan .ex-btn{justify-content:center;margin-top:auto}
@media(max-width:640px){.ex-pricing{grid-template-columns:1fr}}

@media(max-width:900px){
  .ex-grid,.ex-sec-grid{grid-template-columns:1fr 1fr}
  .ex-steps{grid-template-columns:1fr;gap:0}
  .ex-step{padding:24px 4px}
  .ex-steps>.ex-rev{text-align:left}
  .ex-metrics-in{grid-template-columns:1fr 1fr;gap:32px}
  .ex-deep-row{grid-template-columns:1fr;gap:24px}
  .ex-deep-row.rev .ex-deep-txt{order:0}
}
@media(max-width:768px){
  .ex-hero{padding:40px 20px 32px}
  .ex-hero-shotwrap{display:none}
  .ex-sec{padding:52px 20px}
  .ex-metrics-in{padding:52px 20px}
  .ex-foot-in{padding:52px 20px 24px}
  .ex-h2{margin-bottom:26px}
  .ex-sub{margin-bottom:22px}
  .ex-nav-in{padding:12px 16px;gap:12px}
  .ex-foot-col a{padding:10px 0}
  .ex-logo{min-height:44px}   /* зона нажатия ≥44px (check-mobile #6) */
  .ex-lang button{min-height:44px;padding:6px 6px}   /* тап-зона ≥44px, текст без плашки */
}
@media(max-width:430px){
  .ex-nav-in{padding:12px 12px}
  .ex-logo-img{height:22px}
}
@media(max-width:560px){
  .ex-grid,.ex-sec-grid{grid-template-columns:1fr}
  .ex-metrics-in{gap:24px 14px}
  .ex-hero-cta{flex-direction:column;width:100%}
}
@media(prefers-reduced-motion:reduce){.ex-rev{transition:none;opacity:1;transform:none}.ex-hero-glow,.ex-shot-glow{animation:none}}