.ei{
  --deep:#00112F;
  --hero:linear-gradient(180deg,#003499 0%,#001847 100%);
  --paper:#EDF1F9; --white:#FFFFFF;
  --tx:#FFFFFF; --tx-2:rgba(255,255,255,.72); --tx-3:rgba(255,255,255,.55);
  --ink:#04143A; --ink-2:#4A5878;
  --green:#26D17C; --green-d:#1FAE68;
  --line:rgba(255,255,255,.14); --hair:#D8E0EF;
  --card:#001D54; --card-l:#002670;          /* карточки на синем */
  --btn-ic:#2F4270; --btn-ic-s:#FFFFFF;      /* кнопка-иконка, как на главной */
  --dp:'UNCAGE','Inter Tight',Arial,sans-serif;
  --tf:'Inter Tight',Arial,sans-serif;
  --pad:40px; --r:5px;
  --bolt:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-2%20-2%20111%2091%22%3E%3Cpath%20d%3D%22M0.719717%2054.0944L45.6593%201.07607C46.8914%20-0.377819%2049.1599%20-0.358434%2050.3723%201.13422L67.8749%2022.7099C68.442%2023.4271%2069.3221%2023.8342%2070.2412%2023.8342L102.958%2024.0087C105.579%2024.0087%20106.967%2027.0909%20105.227%2029.0295L55.5351%2084.975C54.3226%2086.3513%2052.1519%2086.332%2050.9395%2084.975L30.2883%2061.3639C29.7408%2060.7436%2028.9585%2060.3752%2028.1372%2060.3171L2.90999%2059.057C0.387266%2058.9407%20-0.903428%2056.0136%200.719717%2054.0944Z%22%20fill%3D%22%2326D17C%22%2F%3E%3C%2Fsvg%3E");
  --bolt-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-2%20-2%20111%2091%22%3E%3Cpath%20d%3D%22M0.719717%2054.0944L45.6593%201.07607C46.8914%20-0.377819%2049.1599%20-0.358434%2050.3723%201.13422L67.8749%2022.7099C68.442%2023.4271%2069.3221%2023.8342%2070.2412%2023.8342L102.958%2024.0087C105.579%2024.0087%20106.967%2027.0909%20105.227%2029.0295L55.5351%2084.975C54.3226%2086.3513%2052.1519%2086.332%2050.9395%2084.975L30.2883%2061.3639C29.7408%2060.7436%2028.9585%2060.3752%2028.1372%2060.3171L2.90999%2059.057C0.387266%2058.9407%20-0.903428%2056.0136%200.719717%2054.0944Z%22%20fill%3D%22%231FAE68%22%2F%3E%3C%2Fsvg%3E");
  background:var(--deep); color:var(--tx);
  font-family:var(--tf); font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased; position:relative;
}
.ei *{box-sizing:border-box}
.ei__in{padding:0 var(--pad);position:relative;z-index:3}

/* ---------- секции: только два грунта ---------- */
.ei__s{padding:120px 0;position:relative;overflow:hidden;
  background:linear-gradient(180deg,#001A4C 0%,#00112F 58%,#000D26 100%)}
.ei__s--light{background:var(--paper);color:var(--ink)}
.ei__s--top0{padding-top:0}

.ei__glow{position:absolute;border-radius:50%;filter:blur(150px);pointer-events:none;z-index:1;opacity:.42;
  will-change:transform}
.ei__glow--blue{width:920px;height:620px;left:-220px;top:-220px;background:#1450D6;
  animation:eiDrift1 34s ease-in-out infinite}
.ei__glow--green{width:660px;height:460px;right:-220px;bottom:-260px;background:#26D17C;opacity:.14;
  animation:eiDrift2 41s ease-in-out infinite}
@keyframes eiDrift1{0%,100%{transform:none}33%{transform:translate(16vw,10%) scale(1.12)}66%{transform:translate(6vw,-8%) scale(.94)}}
@keyframes eiDrift2{0%,100%{transform:none}40%{transform:translate(-18vw,-14%) scale(1.18)}75%{transform:translate(-6vw,8%) scale(.9)}}

/* ---------- типографика ---------- */
.ei__eyebrow{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.4;margin:0 0 20px;color:var(--tx-2)}
.ei__eyebrow::before{content:'';width:15px;height:12px;flex:none;background:var(--bolt) center/contain no-repeat}
.ei__s--light .ei__eyebrow{color:var(--ink-2)}
.ei__s--light .ei__eyebrow::before{background-image:var(--bolt-d)}

.ei__h1,.ei__h2{font-family:var(--dp);font-weight:400;text-transform:uppercase;margin:0;text-wrap:balance}
.ei__h1{font-size:56px;line-height:1.08}
.ei__h2{font-size:42px;line-height:1.12;max-width:20ch}
.ei__h2--wide{max-width:26ch}
.ei__g{color:var(--green)}
.ei__s--light .ei__g{color:var(--green-d)}

.ei__lead{font-size:18px;line-height:1.6;color:var(--tx-2);max-width:58ch;margin:20px 0 0}
.ei__s--light .ei__lead{color:var(--ink-2)}
.ei__p{font-size:17px;line-height:1.6;color:var(--tx-2);max-width:58ch;margin:0 0 14px}
.ei__s--light .ei__p{color:var(--ink-2)}
.ei__p:last-child{margin-bottom:0}
.ei__head{margin-bottom:48px}

.ei__accent{border-left:2px solid var(--green);padding:2px 0 2px 24px;margin:28px 0 0;
  font-size:18px;line-height:1.55;color:var(--tx);max-width:56ch}
.ei__s--light .ei__accent{border-left-color:var(--green-d);color:var(--ink)}

/* ---------- кнопки ---------- */
.ei__cta{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:48px}
.ei__cta p{margin:0;font-size:15px;color:var(--tx-3)}
.ei__s--light .ei__cta p{color:var(--ink-2)}
.ei__btn{display:inline-flex;align-items:center;gap:12px;background:var(--green);color:#fff;
  font-family:var(--dp);font-size:14px;line-height:1;text-transform:uppercase;letter-spacing:normal;
  text-decoration:none;padding:19px 32px;border-radius:var(--r);transition:background .2s,transform .2s}
.ei__btn:hover{background:#3FE092;transform:translateY(-2px)}
.ei__btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;transition:transform .25s}
.ei__btn:hover svg{transform:translate(3px,-3px)}
.ei__btn--ghost{background:none;border:1px solid var(--line);color:var(--tx)}
.ei__s--light .ei__btn{color:#fff}
.ei__btn--ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(38,209,124,.5)}
.ei__s--light .ei__btn--ghost{border-color:var(--hair);color:var(--ink)}
.ei__s--light .ei__btn--ghost:hover{background:var(--white);border-color:var(--green-d)}
.ei__link{display:inline-flex;align-items:center;gap:10px;color:var(--green);text-decoration:none;
  font-size:17px;line-height:1.4;border-bottom:1px solid rgba(38,209,124,.35);padding-bottom:3px;
  transition:border-color .2s,gap .25s}
.ei__link:hover{border-bottom-color:var(--green);gap:16px}
.ei__link svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;
  stroke-linecap:square;transition:transform .25s}
.ei__link:hover svg{transform:translate(2px,-2px)}
.ei__s--light .ei__link{color:var(--green-d);border-bottom-color:rgba(31,174,104,.4)}

/* ---------- КАРТОЧКА ---------- */
.ei__grid{display:grid;gap:16px}
.ei__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ei__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ei__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

.ei__c{position:relative;background:var(--card);border:1px solid var(--card-l);border-radius:var(--r);
  padding:24px;display:flex;flex-direction:column;overflow:hidden;
  transition:border-color .25s,background .25s,transform .25s}
.ei__s--light{--card:var(--white); --card-l:var(--hair); --btn-ic:#E3E9F5; --btn-ic-s:var(--ink)}
.ei__c::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(38,209,124,.13),transparent 62%)}
.ei__s--light .ei__c::before{background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(31,174,104,.08),transparent 62%)}
.ei__c:hover::before{opacity:1}
.ei__c:hover{border-color:rgba(38,209,124,.45)}
.ei__s--light .ei__c:hover{border-color:rgba(31,174,104,.35)}
.ei__c > *{position:relative;z-index:2}

.ei__c-t{font-family:var(--dp);font-weight:400;font-size:22px;line-height:1.35;text-transform:uppercase;
  margin:0 0 4px;color:var(--tx)}
.ei__s--light .ei__c-t{color:var(--ink)}
.ei__c-p{font-size:16px;line-height:1.35;color:var(--tx-2);margin:0}
.ei__s--light .ei__c-p{color:var(--ink-2)}
.ei__c-tag{font-size:16px;line-height:1.35;color:var(--green);margin:0 0 20px}
.ei__s--light .ei__c-tag{color:var(--green-d)}
.ei__c-ic{width:28px;height:28px;margin-bottom:20px;fill:var(--green-d);stroke:none;transition:transform .3s}
.ei__s:not(.ei__s--light) .ei__c-ic{fill:var(--green)}
.ei__c:hover .ei__c-ic{transform:translateY(-3px)}
.ei__c-rev{font-size:16px;line-height:1.35;color:var(--tx);margin:0 0 20px}
.ei__s--light .ei__c-rev{color:var(--ink)}

.ei__c--act{text-decoration:none;color:inherit;min-height:0}
.ei__c--hi{background:#003499;border-color:#0A4CC4}
.ei__c--hi:hover{border-color:rgba(38,209,124,.55)}
.ei__c--act:hover{transform:translateY(-3px)}
.ei__c--act .ei__c-p{flex:1}
/* кнопка-иконка — ровно как в карточках на главной: 45x45, радиус 2, заливка */
.ei__arrow,.ei__car-b{width:45px;height:45px;flex:none;border:0;border-radius:2px;background:var(--btn-ic);
  display:flex;align-items:center;justify-content:center;padding:0;
  transition:background .25s,opacity .25s}
.ei__car-b{cursor:pointer}
.ei__arrow svg,.ei__car-b svg{width:14px;height:14px;stroke:var(--btn-ic-s);fill:none;stroke-width:1.8;
  stroke-linecap:square;transition:transform .25s}
.ei__c:hover .ei__arrow,.ei__car-b:hover:not(:disabled){background:var(--green)}
.ei__c:hover .ei__arrow svg,.ei__car-b:hover:not(:disabled) svg{stroke:#fff}
.ei__c:hover .ei__arrow svg{transform:translate(2px,-2px)}
.ei__c--act .ei__arrow{align-self:flex-end;margin-top:20px}

.ei__c--case{padding:0}
.ei__c-img{aspect-ratio:16/9;background:linear-gradient(140deg,#0B3AA8,#012979);background-size:cover;
  background-position:center;display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(255,255,255,.45)}
.ei__c-body{padding:24px;display:flex;flex-direction:column;flex:1;position:relative;z-index:2}
.ei__c-foot{display:flex;justify-content:flex-end;margin-top:auto;padding-top:20px}

/* ---------- СПИСОК-ДОРОЖКА ---------- */
.ei__road{position:relative;list-style:none;margin:0;padding:0 0 0 88px}
.ei__road::before{content:'';position:absolute;left:24px;top:10px;bottom:10px;width:2px;background:var(--hair)}
.ei__road-fill{position:absolute;left:24px;top:10px;width:2px;height:0;background:var(--green-d);transition:height .15s linear}
.ei__road li{position:relative;padding:24px 0;border-top:1px solid var(--hair)}
.ei__road li:first-child{border-top:0;padding-top:0}
.ei__road li::before{content:'';position:absolute;left:-72px;top:30px;width:19px;height:15px;
  background:var(--paper) var(--bolt-d) center/contain no-repeat;
  box-shadow:0 0 0 5px var(--paper);opacity:.28;transition:opacity .3s}
.ei__road li:first-child::before{top:4px}
.ei__road li.on::before{opacity:1}
.ei__road-n{position:absolute;left:-42px;top:26px;font-family:var(--dp);font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.ei__road li:first-child .ei__road-n{top:0}
.ei__road-b{display:grid;grid-template-columns:minmax(0,300px) minmax(0,700px);gap:48px;align-items:baseline}

/* ---------- ПРОСТОЙ СПИСОК ---------- */
.ei__rows{border-top:1px solid var(--hair)}
.ei__rows .ei__row{display:grid;grid-template-columns:minmax(0,300px) minmax(0,700px);gap:48px;
  padding:28px 0;border-bottom:1px solid var(--hair);align-items:baseline}
.ei__row p{margin:0}

/* ---------- ЦИФРЫ (на тёмном, как на главной) ---------- */
.ei__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.ei__stat b{display:block;font-family:var(--dp);font-weight:400;font-size:64px;line-height:1;color:var(--tx);font-variant-numeric:tabular-nums}
.ei__stat i{display:block;height:1px;background:var(--green);margin:24px 0 16px;font-style:normal;
  transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.ei__stat.on i{transform:scaleX(1)}
.ei__stat span{display:block;font-size:15px;line-height:1.5;color:var(--tx-3)}

/* ---------- ТЕГИ ---------- */
.ei__tags{display:flex;flex-wrap:wrap;gap:8px}
.ei__tag{border:1px solid var(--line);border-radius:var(--r);padding:12px 20px;font-size:16px;
  line-height:1.35;color:var(--tx);transition:border-color .2s,transform .2s}
.ei__tag:hover{border-color:var(--green);transform:translateY(-2px)}
.ei__tag--o{border-style:dashed;color:var(--tx-3)}

/* ---------- БЕНТО-СЕТКА (что делаем) ---------- */
.ei__bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ei__media{grid-column:span 2;grid-row:span 2;position:relative;overflow:hidden;
  border-radius:var(--r);background:var(--deep);display:flex;flex-direction:column;
  justify-content:flex-end;padding:28px;min-height:320px}
.ei__media video,.ei__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ei__media .ei-pat{z-index:1;opacity:.55}
.ei__media::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,17,47,.15) 0%,rgba(0,17,47,.55) 55%,rgba(0,17,47,.92) 100%)}
.ei__media-in{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}
.ei__media-play{width:56px;height:56px;flex:none;border-radius:var(--r);border:1px solid rgba(255,255,255,.35);
  display:flex;align-items:center;justify-content:center;margin:0 0 auto;transition:background .25s}
.ei__media:hover .ei__media-play{background:var(--green);border-color:var(--green)}
.ei__media-play svg{display:block;width:15px;height:15px;fill:#fff;stroke:none;margin-left:3px}
.ei__media:hover .ei__media-play svg{fill:#012347}
.ei__media b{display:block;font-family:var(--dp);font-weight:400;font-size:22px;line-height:1.35;text-transform:uppercase;color:#fff;margin-bottom:4px}
.ei__media b + span{display:block;font-size:16px;line-height:1.35;color:rgba(255,255,255,.7);max-width:38ch}

/* ---------- МЕТКА В СКОБКАХ ---------- */
.ei__mark{font-size:13px;line-height:1.4;letter-spacing:.03em;color:var(--ink-2);margin:0 0 14px}
.ei__s:not(.ei__s--light) .ei__mark{color:var(--tx-3)}

/* ---------- НУМЕРОВАННЫЕ КОЛОНКИ ---------- */
.ei__num3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.ei__num3-l{display:flex;justify-content:space-between;gap:16px;font-size:13px;letter-spacing:.04em;
  color:var(--ink-2);border-bottom:1px solid var(--hair);padding-bottom:12px;margin-bottom:22px;
  font-variant-numeric:tabular-nums}
.ei__num3 .ei__c-tag{margin:0 0 20px}
.ei__num3 .ei__c-t{margin:0 0 4px}
.ei__num3 .ei__c-p{margin:0;max-width:42ch}

/* ---------- ТЕГИ СЕТКОЙ ---------- */
.ei__tags--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ei__tags--grid .ei__tag{text-align:left}

/* ---------- АВТОР ОТЗЫВА ---------- */
.ei__who{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:20px}
.ei__who-ph{width:52px;height:52px;flex:none;border-radius:var(--r);border:1px solid var(--line);
  background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;
  font-size:11px;color:var(--tx-3);overflow:hidden}
.ei__who-ph img{width:100%;height:100%;object-fit:cover}
.ei__who-t b{display:block;font-size:16px;font-weight:600;color:var(--tx);line-height:1.35}
.ei__who-t i{display:block;font-style:normal;font-size:15px;color:var(--tx-3);line-height:1.35}

/* ---------- КАРУСЕЛЬ ---------- */
.ei__car{position:relative}
.ei__car-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:2px}
.ei__car-track::-webkit-scrollbar{display:none}
.ei__car-track > .ei__c{flex:0 0 calc((100% - 32px - 64px)/3);scroll-snap-align:start}
.ei__car--fit .ei__car-track > .ei__c{flex:1 1 0}
.ei__car-nav{display:flex;gap:8px;flex:none}
.ei__car-b:disabled{opacity:.32;cursor:default}
/* шапка секции со стрелками справа */
.ei__head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:48px}
.ei__head--row > div{min-width:0}
.ei__head--row .ei__eyebrow,.ei__head--row .ei__h2{margin-bottom:0}

/* ---------- СПЛИТ ---------- */
.ei__split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:start;margin-bottom:48px}

/* ---------- АККОРДЕОН ---------- */
.ei__faq{border-top:1px solid var(--hair)}
.ei__faq details{border-bottom:1px solid var(--hair)}
.ei__faq summary{list-style:none;cursor:pointer;padding:26px 48px 26px 0;position:relative;
  font-size:18px;line-height:1.4;font-weight:500;color:var(--ink);transition:color .2s}
.ei__faq summary:hover{color:var(--green-d)}
.ei__faq summary::-webkit-details-marker{display:none}
.ei__faq summary::after{content:'';position:absolute;right:8px;top:32px;width:10px;height:10px;
  border-right:2px solid var(--green-d);border-bottom:2px solid var(--green-d);transform:rotate(45deg);transition:transform .25s}
.ei__faq details[open] summary::after{transform:rotate(-135deg);top:36px}
.ei__faq p{margin:0 0 26px;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:78ch;
  animation:eiFaq .3s cubic-bezier(.2,.7,.2,1)}
/* высота аккордеона зафиксирована по самому длинному ответу — блок не прыгает */
.ei__faq{align-content:start}
@keyframes eiFaq{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ---------- ПЕРВЫЙ ЭКРАН ---------- */
.ei__hero{position:relative;padding:206px 0 120px;overflow:hidden;background:var(--hero)}
.ei__hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;filter:blur(26px);opacity:.85}
.ei-pat{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ei__hero .ei-pat{z-index:2;opacity:.85}
.ei__veil{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(102deg,rgba(0,14,44,.6) 0%,rgba(0,14,44,.32) 42%,rgba(0,14,44,0) 72%)}
.ei__sheen{position:absolute;top:-40%;left:-30%;width:34%;height:180%;z-index:2;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.05),transparent);
  transform:skewX(-14deg);animation:eiSheen 12s ease-in-out infinite}
@keyframes eiSheen{0%{left:-40%}55%,100%{left:130%}}

/* ---------- КУРСОР-СВЕЧЕНИЕ ---------- */
.ei-cur{position:fixed;top:0;left:0;width:520px;height:520px;margin:-260px 0 0 -260px;
  pointer-events:none;z-index:9998;opacity:0;transition:opacity .35s;
  mix-blend-mode:screen;will-change:transform;
  background:radial-gradient(circle,rgba(38,209,124,.30) 0%,rgba(20,80,214,.22) 34%,transparent 68%)}
.ei-cur.on{opacity:1}
.ei-cur.light{mix-blend-mode:multiply;transform-origin:center;
  background:radial-gradient(circle,rgba(31,174,104,.07) 0%,rgba(20,80,214,.05) 30%,transparent 58%)}
.ei-dot{position:fixed;top:0;left:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;
  background:#26D17C;pointer-events:none;z-index:9999;opacity:0;transition:opacity .35s,width .2s,height .2s;
  will-change:transform}
.ei-dot.on{opacity:.95}
@media (hover:none),(pointer:coarse){.ei-cur,.ei-dot{display:none}}

/* ---------- ПОЯВЛЕНИЕ ---------- */
.ei .w{display:inline-block;overflow:hidden;vertical-align:top}
.ei .w > i{display:inline-block;font-style:inherit;transform:translateY(105%);
  transition:transform .45s cubic-bezier(.16,.9,.24,1)}
.ei .on .w > i,.ei .w.on > i{transform:none}
.ei .rv{opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
.ei .rv.on{opacity:1;transform:none}
/* быстрый скролл и загрузка со середины страницы: показываем без анимации */
.ei .rv.now,.ei .now .w > i{transition:none!important;opacity:1;transform:none}

/* ============================================================
   Брейкпоинты как в Tilda: 1200 · 960 · 640 · 480 · 360 · 320
   ≥1200 десктоп · 960—1199 ноутбук · 640—959 планшет
   480—639 мобильный · 360—479 обычный телефон · 320—359 узкий
   Отступ по краям: 40 → 32 → 24 → 16 → 16 → 12
   ============================================================ */

/* ---------- 960—1199 ---------- */
@media (max-width:1199px){
  .ei{--pad:32px}
  .ei__s{padding:96px 0}
  .ei__hero{padding:182px 0 96px}
  .ei__h1{font-size:48px}
  .ei__h2{font-size:38px;max-width:24ch}
  .ei__head{margin-bottom:44px}
  .ei__cta{margin-top:40px}
  .ei__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ei__split{grid-template-columns:1fr;gap:32px}
  .ei__road-b,.ei__rows .ei__row{grid-template-columns:1fr;gap:10px}
  .ei__bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ei__media{grid-column:span 2;grid-row:span 1;min-height:260px}
  .ei__num3{grid-template-columns:1fr;gap:32px}
  .ei__car-track > .ei__c{flex:0 0 calc((100% - 16px)/2)}
}

/* ---------- 640—959 ---------- */
@media (max-width:959px){
  .ei{--pad:24px;font-size:16px}
  .ei__s{padding:84px 0}
  .ei__hero{padding:160px 0 84px}
  .ei__h1{font-size:42px}
  .ei__h2{font-size:33px;max-width:none}
  .ei__lead{font-size:17px}
  .ei__p{font-size:16px}
  .ei__head{margin-bottom:36px}
  .ei__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ei__stats{grid-template-columns:1fr;gap:32px}
  .ei__c{padding:20px}
  .ei__c-body{padding:20px}
  .ei__c-t{font-size:20px}
  .ei__faq summary{font-size:17px;padding-right:36px}
}

/* ---------- 480—639 ---------- */
@media (max-width:639px){
  .ei{--pad:16px}
  .ei__s{padding:64px 0}
  .ei__hero{padding:144px 0 76px}
  .ei__h1{font-size:33px}
  .ei__h2{font-size:26px}
  .ei__head{margin-bottom:32px}
  .ei__grid--2,.ei__grid--3,.ei__grid--4,.ei__bento{grid-template-columns:1fr}
  .ei__media{grid-column:span 1;min-height:220px;padding:20px}
  .ei__tags--grid{grid-template-columns:1fr}
  .ei__car-track > .ei__c{flex:0 0 88%}
  .ei__stat b{font-size:44px}
  .ei__accent{font-size:17px;padding-left:18px}
  .ei__btn{width:100%;justify-content:space-between;text-align:left;line-height:1.3;padding:17px 20px}
  .ei__btn svg{flex:none}
  .ei__cta{gap:16px;margin-top:36px}
  .ei__road{padding-left:40px}
  .ei__road::before,.ei__road-fill{left:8px}
  .ei__road li::before{left:-40px;top:26px}
  .ei__road-n{position:static;display:block;margin-bottom:6px}
}

/* ---------- 360—479 ---------- */
@media (max-width:479px){
  .ei{font-size:15px}
  .ei__s{padding:52px 0}
  .ei__hero{padding:132px 0 60px}
  .ei__h1{font-size:27px}
  .ei__h2{font-size:22px}
  .ei__lead{font-size:16px}
  .ei__p{font-size:15px}
  .ei__head{margin-bottom:26px}
  .ei__c{padding:16px}
  .ei__c-body{padding:16px}
  .ei__c-t{font-size:19px}
  .ei__c-p,.ei__c-tag,.ei__c-rev,.ei__tag{font-size:15px}
  .ei__stat b{font-size:36px}
  .ei__accent{font-size:16px;padding-left:14px}
  .ei__faq summary{font-size:16px;padding-right:30px}
  .ei__faq p{font-size:15px}
  .ei__btn{font-size:13px;padding:16px 18px;gap:10px}
  .ei__link{font-size:16px}
  .ei__road{padding-left:32px}
  .ei__road::before,.ei__road-fill{left:6px}
  .ei__road li::before{left:-32px;top:24px}
  .ei__car-track > .ei__c{flex:0 0 92%}
  .ei__media{min-height:200px;padding:16px}
  .ei__media b{font-size:19px}
  .ei__who-ph{width:44px;height:44px;font-size:8px}
}

/* ---------- 320—359 ---------- */
@media (max-width:359px){
  .ei{--pad:12px;font-size:14px}
  .ei__s{padding:44px 0}
  .ei__hero{padding:120px 0 52px}
  .ei__h1{font-size:23px}
  .ei__h2{font-size:19px}
  .ei__lead{font-size:15px}
  .ei__p{font-size:14px}
  .ei__eyebrow{font-size:13px;gap:7px;margin-bottom:16px}
  .ei__head{margin-bottom:22px}
  .ei__c{padding:14px}
  .ei__c-body{padding:14px}
  .ei__c-t{font-size:17px}
  .ei__c-p,.ei__c-tag,.ei__c-rev,.ei__tag{font-size:14px}
  .ei__c-tag{margin-bottom:16px}
  .ei__c-ic{margin-bottom:16px}
  .ei__tag{padding:10px 14px}
  .ei__stat b{font-size:30px}
  .ei__accent{font-size:15px;padding-left:12px}
  .ei__faq summary{font-size:15px;padding-right:26px}
  .ei__faq p{font-size:14px}
  .ei__btn{font-size:12px;padding:15px 14px;gap:8px;letter-spacing:.04em}
  .ei__link{font-size:15px}
  .ei__cta{margin-top:28px;gap:12px}
  .ei__road{padding-left:26px}
  .ei__road::before,.ei__road-fill{left:4px}
  .ei__road li::before{left:-26px;top:22px}
  .ei__media{min-height:180px;padding:14px}
  .ei__media b{font-size:17px}
  .ei__media-play{width:44px;height:44px}
  .ei__who-ph{width:38px;height:38px;font-size:7px}
  .ei__car-track > .ei__c{flex:0 0 94%}
  .ei__arrow,.ei__car-b{width:40px;height:40px}
}

/* страховка: длинное слово никогда не выталкивает вёрстку */
@media (max-width:639px){
  .ei__h1,.ei__h2,.ei__c-t,.ei__media b,.ei__faq summary{overflow-wrap:break-word}
}

@media (prefers-reduced-motion:reduce){
  .ei *{animation:none!important;transition:none!important}
  .ei .rv{opacity:1;transform:none}
  .ei .w > i{transform:none}
  .ei__sheen,.ei__hero canvas{display:none}
  .ei-cur,.ei-dot{display:none}
  .ei__glow{animation:none!important}
}