/* ==========================================================
   Bridge Digital — адаптив (планшет + мобильные)
   Подключается ПОСЛЕ style.css, исходные стили не трогает.
   ≥1280px  — десктоп (только центрирование блоков)
   768–1279 — планшет: композиция как на десктопе (колонки, карточки),
              но в потоке и с плавным масштабом (clamp/vw)
   ≤767     — мобильная версия (референс 390px)
   ========================================================== */
html { scroll-behavior: smooth; }
.desktop [id] { scroll-margin-top: 96px; }
.desktop .burger, .desktop .carousel-nav { display: none; }

/* --- десктоп: блоки были прибиты к left:352px (только для 1920) --- */
@media (min-width: 1280px) {
  .desktop .frame { left: calc(50% - 442px); }
  .desktop .frame-7, .desktop .frame-9, .desktop .frame-19, .desktop .frame-25,
  .desktop .frame-34, .desktop .frame-39, .desktop .group-2 { left: calc(50% - 608px); }
}

/* ================= ≤767: поточная вёрстка (мобильная) ================= */
@media (max-width: 767px) {
  .desktop {
    --pad: 40px; --gap: 112px;
    display: flex; flex-direction: column; min-height: 0;
    padding: 0 var(--pad) 16px; row-gap: var(--gap);
    background:
      radial-gradient(ellipse 70% 1.6% at 105% 23%, rgba(32,117,245,.55), transparent),
      radial-gradient(ellipse 70% 1.6% at -5% 47%, rgba(32,117,245,.45), transparent),
      radial-gradient(ellipse 70% 1.6% at 105% 74%, rgba(32,117,245,.5), transparent),
      #040809;
  }
  .desktop .ellipse, .desktop .ellipse-2, .desktop .ellipse-3,
  .desktop .ellipse-4, .desktop .ellipse-5 { display: none; }

  /* секции: absolute -> в поток, порядок задаём через order */
  .desktop .frame, .desktop .frame-7, .desktop .frame-9, .desktop .frame-19,
  .desktop .frame-25, .desktop .frame-34, .desktop .frame-39, .desktop .group-2,
  .desktop .group-4, .desktop .ed-tech-2, .desktop .frame-6 {
    position: relative; top: auto; left: auto; width: 100%; max-width: 820px; margin-inline: auto;
  }
  .desktop .frame { order: 1; z-index: 1; padding: 190px 0 330px; margin-bottom: -50px; }
  .desktop .frame-7 { order: 2; }   .desktop .frame-9 { order: 3; }
  .desktop .frame-25 { order: 4; }  .desktop .frame-34 { order: 5; }
  .desktop .group-4 { order: 6; }   .desktop .frame-39 { order: 7; }
  .desktop .group-2 { order: 8; }   .desktop .frame-19 { order: 9; }
  .desktop .ed-tech-2 { order: 10; } .desktop .frame-6 { order: 11; }

  /* hero */
  .desktop .magnific {
    top: 340px; left: 50%; transform: translateX(-50%);
    width: max(973px, 150%); height: auto; max-width: none;
  }
  .desktop .frame .div, .desktop .frame-2 { align-items: center; }
  .desktop .text-wrapper { font-size: clamp(40px, 8.4vw, 64px); line-height: 1.02; letter-spacing: -.03em; }
  .desktop .bridge-digital-helps, .desktop .text-wrapper-17, .desktop .text-wrapper-11,
  .desktop .text-wrapper-10, .desktop .text-wrapper-15 { width: auto; max-width: 100%; }
  .desktop .frame > .div-2 { width: 100%; max-width: 480px; gap: 16px; }
  .desktop .frame > .div-2 > * { flex: 1; width: auto; }

  /* заголовки секций */
  .desktop .heading-flexible, .desktop .heading-2, .desktop .text-wrapper-18, .desktop .p {
    font-size: clamp(40px, 7.4vw, 56px); line-height: 1.02; letter-spacing: -.03em; width: auto; margin-right: 0;
  }
  .desktop .text-wrapper-7, .desktop .text-wrapper-14 { white-space: normal; height: auto; }

  /* шапка: фиксированная «стеклянная» пилюля */
  .desktop .frame-4 { position: fixed; top: 14px; left: var(--pad); right: var(--pad); width: auto; z-index: 100; }
  .desktop .frame-4 .group { width: 164px; height: 24px; }

  /* статистика — 3 колонки на планшете */
  .desktop .frame-7 { flex-direction: row; gap: 24px; }
  .desktop .frame-7 .frame-8 { width: auto; flex: 1; min-width: 0; }
  .desktop .text-wrapper-5 { font-size: 72px; line-height: 1; letter-spacing: -.04em; text-align: left; }
  .desktop .text-wrapper-6 { text-align: left; }

  /* Partnership */
  .desktop .frame-9 { flex-direction: column; gap: 48px; }
  .desktop .frame-10 { width: 100%; }
  .desktop .frame-13 { width: 100%; column-gap: 48px; row-gap: 0; }

  /* общий паттерн «иконка + заголовок в одной строке, текст ниже» */
  .desktop .frame-14, .desktop .frame-16, .desktop .frame-17, .desktop .frame-18,
  .desktop .frame-22 .frame-23, .desktop .frame-22 .frame-24 {
    display: grid; grid-template-columns: 48px 1fr; column-gap: 16px; row-gap: 12px; align-items: center;
    width: 100%; height: auto; padding: 24px 0; border-top: 1px solid rgba(255,255,255,.1);
  }
  .desktop .frame-14 .frame-15, .desktop .frame-16 .frame-15, .desktop .frame-17 .frame-15,
  .desktop .frame-18 .frame-15, .desktop .frame-22 .frame-15 { display: contents; }
  .desktop .frame-13 .text-wrapper-8, .desktop .frame-22 .text-wrapper-8 { grid-column: 1 / -1; }
  .desktop .chatgpt-image, .desktop .magnific-tclnnyzmzj-wrapper { width: 48px; height: 48px; }
  .desktop .magnific-tclnnyzmzj { width: 48px; height: auto; left: 0; top: 50%; transform: translateY(-50%); }

  /* Solution portfolio */
  .desktop .frame-25 { gap: 32px; }
  .desktop .frame-26 { flex-direction: column; align-items: flex-start; gap: 24px; }
  .desktop .frame-27 { width: 100%; }
  .desktop .frame-28 { flex-direction: column; gap: 32px; align-items: stretch; }
  .desktop .frame-29 { width: 100%; gap: 0; }
  .desktop .frame-29 > div {
    display: flex; align-items: center; gap: 16px; width: 100%; min-height: 80px;
    border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; font-size: 24px;
    background: none; -webkit-text-fill-color: #fff; margin: 0;
  }
  .desktop .frame-29 > div::before {
    content: ""; flex: none; width: 56px; height: 56px; mix-blend-mode: screen;
    background: var(--ic) center / contain no-repeat;
  }
  .desktop .frame-29 > div::after {
    content: ""; margin-left: auto; width: 24px; height: 24px;
    background: url("img/uil-arrow-up-right-11.svg") center / contain no-repeat;
  }
  .desktop .frame-29 > div:nth-child(1) { --ic: url("img/industry-1.png"); }
  .desktop .frame-29 > div:nth-child(2) { --ic: url("img/industry-2.png"); }
  .desktop .frame-29 > div:nth-child(3) { --ic: url("img/industry-3.png"); }
  .desktop .frame-29 > div:nth-child(4) { --ic: url("img/industry-4.png"); }
  .desktop .frame-29 > div:nth-child(5) { --ic: url("img/industry-5.png"); }
  .desktop .frame-29 > div:nth-child(6) { --ic: url("img/industry-6.png"); }
  .desktop .frame-29 > div:nth-child(7) { --ic: url("img/industry-7.png"); }
  /* карточка EdTech в макете свёрнута: оставляем только кнопку */
  .desktop .ed-tech { width: 100%; padding: 0; border: 0; background: none; box-shadow: none;
    backdrop-filter: none; -webkit-backdrop-filter: none; }
  .desktop .ed-tech .frame-31, .desktop .ed-tech .frame-32,
  .desktop .ed-tech .text-wrapper-14, .desktop .ed-tech .magnific-ksiqurb { display: none; }

  /* кнопки — на всю ширину */
  .desktop .frame-12 { width: 100%; }
  .desktop .frame-12, .desktop .frame-3 { justify-content: center; }

  /* Selected experience — карусель */
  .desktop .frame-34 { gap: 32px; align-items: stretch; }
  .desktop .frame-35 { width: 100%; align-items: flex-start; }
  .desktop .selected-experience, .desktop .text-wrapper-18 { text-align: left; }
  .desktop .frame-36 { overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; scrollbar-width: none; }
  .desktop .frame-36::-webkit-scrollbar { display: none; }
  .desktop .article-2, .desktop .article-3 {
    flex: 0 0 calc(50% - 8px); width: auto; min-width: 0; scroll-snap-align: start; padding: 24px;
    background:
      radial-gradient(ellipse 90% 45% at 50% 108%, rgba(42,110,240,.95), rgba(30,84,236,.45) 50%, transparent 78%),
      linear-gradient(234deg, rgba(112,169,255,.02), rgba(255,255,255,.01));
  }
  .desktop .up-to-lower, .desktop .onboarding-time, .desktop .from-fragmented {
    width: auto; font-size: 32px; line-height: 1.1; letter-spacing: -.03em;
  }
  .desktop .carousel-nav { display: flex; justify-content: center; gap: 16px; }
  .desktop .carousel-nav button {
    width: 56px; height: 56px; border-radius: 50%; cursor: pointer; color: #fff;
    display: grid; place-items: center; background: #ffffff0d; border: .5px solid #ffffff33;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -1px 5px rgba(0,0,0,.2);
  }

  /* Mathematical modelling / Modules: текст сверху, картинка снизу */
  .desktop .group-4, .desktop .group-2 { display: flex; flex-direction: column; align-items: center; gap: 48px; height: auto; }
  .desktop .frame-43, .desktop .frame-42 { position: static; width: 100%; align-items: center; text-align: center; }
  .desktop .frame-43 .frame-11, .desktop .frame-42 .frame-11 { align-items: center; }
  .desktop .frame-43 .text-wrapper-7, .desktop .frame-43 .heading-flexible,
  .desktop .frame-42 .text-wrapper-14, .desktop .frame-42 .heading-2, .desktop .frame-42 .text-wrapper-8 { text-align: center; }
  .desktop .group-5, .desktop .group-3 { position: relative; top: auto; left: auto; width: 100%; max-width: 520px; height: auto; }
  .desktop .ellipse-6, .desktop .ellipse-7 { top: 0; left: 0; width: 100%; height: 100%; }
  .desktop .magnific-ymfonjwec, .desktop .magnific-enhance { position: relative; top: auto; left: auto; width: 100%; height: auto; display: block; }

  /* Technical coverage */
  .desktop .frame-39 { gap: 32px; }
  .desktop .frame-40 { width: 100%; }
  .desktop .frame-40 .frame-11 { align-items: center; }
  .desktop .technical-coverage { height: auto; white-space: normal; }
  .desktop .frame-39 .text-wrapper-18 { text-align: center; }
  .desktop .frame-39 .frame-28 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 48px; gap: 0 48px; }
  .desktop .frame-39 .frame-28 .frame-8 { display: contents; }
  .desktop .frame-39 .vector { display: none; }
  .desktop .frame-39 .frame-41 { padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.1); min-height: 88px; }
  .desktop .text-wrapper-20 { font-size: 24px; }

  /* Agile */
  .desktop .frame-19 { gap: 32px; }
  .desktop .frame-20 { flex-direction: column; align-items: flex-start; gap: 24px; }
  .desktop .frame-21 { flex: none; width: 100%; }
  .desktop .frame-19 > .vector { display: none; }
  .desktop .frame-22 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 48px; height: auto; }

  /* CTA */
  .desktop .ed-tech-2 { padding: 64px 32px; border-radius: 24px; gap: 32px; }
  .desktop .frame-wrapper { width: 100%; }
  .desktop .article { flex-direction: column; align-items: stretch; width: 100%; padding: 24px; border-radius: 24px; gap: 24px; }
  .desktop .article .div-2 { width: 100%; }
  .desktop .article .frame-3 { width: 100%; }

  /* футер */
  .desktop .frame-6 { position: relative; top: auto; flex-direction: column; align-items: flex-start; height: auto;
    padding: 32px; border-radius: 32px; gap: 32px; }
  .desktop .frame-6 .div-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 32px; width: 100%; }
  .desktop .frame-6 .div-2 + .div-2 { display: flex; flex-direction: column; gap: 16px; }

  /* бургер + выпадающее меню (≤1023) */
  .desktop .burger { width: 32px; height: 32px; padding: 0; background: none; border: 0; cursor: pointer;
    flex-direction: column; justify-content: center; gap: 8px; align-items: flex-end; }
  .desktop .burger span { display: block; width: 24px; height: 2px; background: #fff; border-radius: 2px; transition: transform .2s; }
  .desktop .frame-4.open .burger span:first-child { transform: translateY(5px) rotate(45deg); }
  .desktop .frame-4.open .burger span:last-child { transform: translateY(-5px) rotate(-45deg); }
}

/* ============ мобильный: бургер ============ */
@media (max-width: 767px) {
  .desktop .burger { display: flex; }
  .desktop .frame-4 { flex-wrap: wrap; height: 48px; overflow: hidden; }
  .desktop .frame-4 > .div-2, .desktop .frame-4 > .frame-5 { display: none; }
  .desktop .frame-4.open { height: auto; padding-bottom: 24px; border-radius: 28px; }
  .desktop .frame-4.open > .div-2, .desktop .frame-4.open > .frame-5 { display: flex; }
  .desktop .frame-4.open > .div-2 { flex-direction: column; align-items: flex-start; gap: 16px; width: 100%; order: 3; padding-top: 24px; }
  .desktop .frame-4.open > .frame-5 { order: 4; width: 100%; padding-top: 24px; }
  .desktop .frame-4 .group { order: 1; } .desktop .burger { order: 2; margin-left: auto; }
  .desktop .frame-29 > div { font-size: 22px; }
}

/* ================= ≤767: мобильная версия ================= */
@media (max-width: 767px) {
  .desktop { --pad: 16px; --gap: 96px; }
  .desktop .frame { padding: 150px 0 280px; }
  .desktop .magnific {top: 330px;width: 250%;}
  .desktop .frame .div { align-items: flex-start; text-align: left; }
  .desktop .frame .text-wrapper, .desktop .frame .bridge-digital-helps { text-align: center; }
  .desktop .frame .div, .desktop .frame-2 { align-items: center; }

  .desktop .frame-7 { flex-direction: column; gap: 32px; }
  .desktop .frame-7 .frame-8 { display: grid; grid-template-columns: 9.5rem 1fr; gap: 0 16px; align-items: center; width: 100%; }
  .desktop .text-wrapper-5 { font-size: 64px; }

  .desktop .frame-13, .desktop .frame-22, .desktop .frame-39 .frame-28 { grid-template-columns: 1fr; }
  .desktop .frame-14, .desktop .frame-16, .desktop .frame-17, .desktop .frame-18 { grid-column: 1; grid-row: auto; }
  .desktop .frame-22 .frame-23:first-child { border-top: 0; }

  .desktop .frame-36 { scroll-padding: 0; }
  .desktop .article-2, .desktop .article-3 { flex: 0 0 100%; }
  .desktop .up-to-lower, .desktop .onboarding-time, .desktop .from-fragmented { font-size: 36px; }

  .desktop .ed-tech-2 { padding: 32px 16px; }
  .desktop .article { padding: 16px; }
  .desktop .frame-6 { padding: 32px 24px; }
}

/* ==========================================================
   768–1279: ПЛАНШЕТ
   Композиция как на макете: те же колонки и карточки, что на десктопе,
   но блоки в потоке и все размеры плавно масштабируются от ширины экрана.
   Ориентир макета — экран ≈1360px (контент 1216px, поля 72px).
   ========================================================== */
@media (min-width: 768px) and (max-width: 1279px) {
  .desktop {
    --pad: clamp(32px, 5.3vw, 72px);
    --gap: clamp(72px, 9vw, 122px);
    --gutter: clamp(16px, 2.35vw, 32px);
    --fs-h1: clamp(44px, 4.7vw, 64px);
    --fs-h2: clamp(36px, 4.12vw, 56px);
    --fs-h3: clamp(18px, 1.77vw, 24px);
    --fs-p: clamp(14px, 1.2vw, 16px);
    --icon: clamp(64px, 7.6vw, 104px);
    --hero-t: clamp(128px, 13.4vw, 182px);
    --hero-g: clamp(48px, 6.9vw, 94px);
    --hero-c: calc(153px + 2 * var(--fs-h1) + 4.2 * var(--fs-p));

    display: flex; flex-direction: column; min-height: 0; isolation: isolate;
    padding: 0 var(--pad) clamp(24px, 3vw, 40px); row-gap: var(--gap);
  }
  .desktop .ellipse, .desktop .ellipse-2, .desktop .ellipse-3,
  .desktop .ellipse-4, .desktop .ellipse-5 { display: none; }

  /* --- секции: absolute -> в поток --- */
  .desktop .frame, .desktop .frame-7, .desktop .frame-9, .desktop .frame-19,
  .desktop .frame-25, .desktop .frame-34, .desktop .frame-39, .desktop .group-2,
  .desktop .group-4, .desktop .ed-tech-2, .desktop .frame-6 {
    position: relative; top: auto; left: auto; width: 100%; max-width: 1216px; margin-inline: auto;
  }
  .desktop .frame { order: 1; z-index: 1; }
  .desktop .frame-7 { order: 2; }   .desktop .frame-9 { order: 3; }
  .desktop .frame-25 { order: 4; }  .desktop .frame-34 { order: 5; }
  .desktop .group-4 { order: 6; }   .desktop .frame-39 { order: 7; }
  .desktop .group-2 { order: 8; }   .desktop .frame-19 { order: 9; }
  .desktop .ed-tech-2 { order: 10; } .desktop .frame-6 { order: 11; }
  .desktop .frame-7, .desktop .frame-9, .desktop .frame-25, .desktop .frame-34,
  .desktop .group-4, .desktop .frame-39, .desktop .group-2, .desktop .frame-19,
  .desktop .ed-tech-2 { z-index: 1; }

  /* --- общие текстовые размеры --- */
  .desktop .heading-flexible, .desktop .heading-2, .desktop .text-wrapper-18, .desktop .p {
    font-size: var(--fs-h2); line-height: 1; letter-spacing: -.03em;
  }
  .desktop .text-wrapper-8, .desktop .text-wrapper-6, .desktop .text-wrapper-10,
  .desktop .text-wrapper-11, .desktop .text-wrapper-15, .desktop .bridge-digital-helps,
  .desktop .text-wrapper-17 { font-size: var(--fs-p); line-height: 1.4; }
  .desktop .text-wrapper-9, .desktop .text-wrapper-12, .desktop .text-wrapper-13,
  .desktop .text-wrapper-20 { font-size: var(--fs-h3); }
  .desktop .text-wrapper-7, .desktop .text-wrapper-14, .desktop .co-delivery-white,
  .desktop .selected-experience, .desktop .technical-coverage, .desktop .agile-scrum-delivery {
    font-size: clamp(12px, 1.03vw, 14px); height: auto; white-space: normal;
  }
  .desktop .text-wrapper-2, .desktop .text-wrapper-3 { font-size: var(--fs-p); line-height: 1.4; }

  /* --- шапка: стеклянная пилюля, ссылки видны (без бургера) --- */
  .desktop .frame-4 {
    position: fixed; top: 14px; left: var(--pad); right: var(--pad); width: auto; z-index: 100;
    padding: 8px clamp(16px, 2vw, 24px);
  }
  .desktop .frame-4 .group, .desktop .frame-6 .group {
    width: clamp(128px, 12vw, 164px); height: auto; aspect-ratio: 164 / 24; flex: none;
  }
  .desktop .frame-4 > .div-2, .desktop .frame-6 .div-2 { gap: clamp(14px, 1.8vw, 24px); }
  .desktop .frame-4 .frame-5, .desktop .frame-6 .frame-5 { gap: clamp(10px, 1.2vw, 16px); }
  .desktop .text-wrapper-4, .desktop .en { font-size: var(--fs-p); white-space: nowrap; }

  /* --- HERO --- */
  .desktop .frame {
    max-width: 884px;
    padding: var(--hero-t) 0 calc(var(--hero-g) + 20.8vw + clamp(40px, 4.9vw, 66px));
  }
  .desktop .magnific {
    top: calc(var(--hero-t) + var(--hero-c) + var(--hero-g) - 31.2vw);
    left: 0; width: 100%; max-width: none; height: auto; aspect-ratio: 1920 / 1532; transform: none;
  }
  .desktop .frame .div, .desktop .frame-2 { align-items: center; }
  .desktop .text-wrapper { font-size: var(--fs-h1); line-height: 1; letter-spacing: -.03em; }
  .desktop .bridge-digital-helps, .desktop .text-wrapper-17 { width: auto; max-width: 683px; }
  .desktop .frame > .div-2 { gap: clamp(12px, 1.8vw, 24px); }

  /* --- цифры: 3 колонки по центру --- */
  .desktop .frame-7 { flex-direction: row; gap: var(--gutter); }
  .desktop .frame-7 .frame-8 { width: auto; flex: 1 1 0; min-width: 0; align-items: center; gap: clamp(8px, 1.2vw, 16px); }
  .desktop .text-wrapper-5 { font-size: clamp(72px, 9.4vw, 128px); line-height: 1; letter-spacing: -.03em; text-align: center; }
  .desktop .text-wrapper-6 { text-align: center; }

  /* --- Partnership: текст слева, сетка 2×2 справа --- */
  .desktop .frame-9 { display: flex; flex-direction: row; align-items: flex-start; gap: clamp(32px, 10vw, 136px); }
  .desktop .frame-10 { flex: 0 0 40.1%; width: auto; min-width: 0; gap: clamp(28px, 3.5vw, 48px); }
  .desktop .frame-11 { gap: clamp(16px, 1.8vw, 24px); }
  .desktop .frame-10 .heading-flexible { max-width: 8.7em; }
  .desktop .frame-13 { flex: 1; width: auto; min-width: 0; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px, 2.35vw, 32px); }
  .desktop .chatgpt-image { width: var(--icon); height: var(--icon); }
  .desktop .frame-12 { flex: none; }

  /* --- Solution portfolio --- */
  .desktop .frame-25 { gap: clamp(32px, 3.5vw, 48px); }
  .desktop .frame-26 { align-items: flex-end; gap: 24px; }
  .desktop .frame-27 { width: auto; flex: 1; min-width: 0; gap: clamp(16px, 1.8vw, 24px); }
  .desktop .frame-27 .heading-flexible { max-width: 12em; }
  .desktop .text-wrapper-11 { flex: 0 0 31.5%; width: auto; }
  .desktop .frame-25 .frame-28 { display: flex; align-items: center; gap: var(--gutter); }
  .desktop .frame-29 { flex: none; width: clamp(170px, 20.6vw, 280px); gap: clamp(20px, 2.35vw, 32px); }
  .desktop .ed-tech {
    --img: clamp(230px, 35.5vw, 483px);
    flex: 1; width: auto; min-width: 0; padding: clamp(24px, 3.5vw, 48px); gap: clamp(16px, 2.35vw, 32px);
  }
  .desktop .frame-30 { gap: clamp(20px, 2.35vw, 32px); min-width: 0; }
  .desktop .heading { font-size: clamp(30px, 3.53vw, 48px); line-height: 1; }
  .desktop .text-wrapper-15 { width: auto; max-width: 440px; }
  .desktop .magnific-ksiqurb {
    flex: none; width: var(--img); height: var(--img);
    margin: calc(var(--img) * -.12) calc(var(--img) * -.195) calc(var(--img) * -.137) 0;
  }

  /* --- Selected experience: 3 карточки в ряд --- */
  .desktop .frame-34 { gap: clamp(32px, 3.5vw, 48px); }
  .desktop .frame-35 { width: 100%; max-width: 652px; gap: clamp(16px, 1.8vw, 24px); }
  .desktop .frame-36 { width: 100%; gap: var(--gutter); align-items: stretch; overflow: visible; }
  .desktop .article-2, .desktop .article-3 {
    flex: 1 1 0; width: auto; min-width: 0; padding: clamp(20px, 2.35vw, 32px); gap: clamp(20px, 2.35vw, 32px);
  }
  .desktop .up-to-lower, .desktop .onboarding-time, .desktop .from-fragmented {
    width: auto; font-size: clamp(24px, 2.65vw, 36px); line-height: 1.1; letter-spacing: -.03em;
  }
  .desktop .frame-37 { flex-wrap: wrap; }
  .desktop .text-wrapper-16, .desktop .text-wrapper-19 { font-size: clamp(12px, 1.03vw, 14px); }

  /* --- Mathematical modelling: картинка слева, текст справа --- */
  .desktop .group-4 { display: flex; flex-direction: row; align-items: center; gap: clamp(24px, 2.6vw, 32px); height: auto; }
  .desktop .group-5 { order: 1; position: relative; top: auto; left: auto; flex: 0 0 48.7%; width: auto; height: auto; aspect-ratio: 592 / 439; }
  .desktop .frame-43 { order: 2; position: static; flex: 1; width: auto; min-width: 0; gap: clamp(28px, 3.5vw, 48px); }
  .desktop .ellipse-7 { top: 0; left: 0; width: 100%; height: 100%; }
  .desktop .magnific-ymfonjwec { top: 12%; left: 8.8%; width: 82.4%; height: auto; }

  /* --- Technical coverage: 3 колонки --- */
  .desktop .frame-39 { gap: clamp(32px, 3.5vw, 48px); }
  .desktop .frame-40 { width: 100%; gap: clamp(28px, 3.5vw, 48px); }
  .desktop .frame-40 .frame-11 { align-items: center; }
  .desktop .frame-39 .frame-28 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--gutter); align-items: start; }
  .desktop .frame-39 .frame-28 .frame-8 { width: auto; min-width: 0; align-items: stretch; gap: 16px; }
  .desktop .frame-41 { gap: clamp(10px, 1.2vw, 16px); }

  /* --- Modules: текст слева, картинка справа --- */
  .desktop .group-2 { display: flex; flex-direction: row; align-items: center; gap: clamp(24px, 5.9vw, 72px); height: auto; }
  .desktop .frame-42 { position: static; flex: 1; width: auto; min-width: 0; gap: clamp(28px, 3.5vw, 48px); }
  .desktop .group-3 { position: relative; top: auto; left: auto; flex: 0 0 42.8%; width: auto; height: auto; aspect-ratio: 520 / 427; }
  .desktop .ellipse-6 { top: 0; left: 6.2%; width: 93.8%; height: 100%; }
  .desktop .magnific-enhance { top: 0; left: .2%; width: 98.8%; height: auto; }

  /* --- Agile & Scrum --- */
  .desktop .frame-19 { gap: clamp(32px, 3.5vw, 48px); }
  .desktop .frame-20 { align-items: flex-end; gap: var(--gutter); }
  .desktop .frame-21 { flex: 1; min-width: 0; gap: clamp(16px, 1.8vw, 24px); }
  .desktop .p { width: 11.3em; max-width: 100%; }
  .desktop .text-wrapper-10 { flex: 0 0 34.1%; width: auto; }
  .desktop .frame-22 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gutter); height: auto; }
  .desktop .frame-23, .desktop .frame-24 { width: auto; height: auto; min-width: 0; gap: clamp(12px, 1.2vw, 16px); }
  .desktop .frame-22 .frame-15 { gap: clamp(6px, .7vw, 8px); }
  .desktop .magnific-tclnnyzmzj-wrapper { width: var(--icon); height: var(--icon); }
  .desktop .magnific-tclnnyzmzj { width: 100%; height: auto; left: 0; top: 50%; transform: translateY(-50%); }

  /* --- CTA --- */
  .desktop .ed-tech-2 { padding: clamp(64px, 7.6vw, 104px) clamp(24px, 3.5vw, 48px); gap: var(--gutter); }
  .desktop .frame-wrapper { width: 100%; max-width: 884px; gap: clamp(28px, 3.5vw, 48px); }
  .desktop .article { width: auto; max-width: 100%; }
  .desktop .article .div-2 { width: auto; }

  /* --- футер: одна пилюля --- */
  .desktop .frame-6 { height: auto; padding: 8px clamp(16px, 2vw, 24px); margin-top: calc(var(--gap) * -1 + clamp(20px, 2.4vw, 33px)); }

  /* --- фоны «стеклянных» карточек, как на макете --- */
  .desktop .ed-tech {
    background:
      radial-gradient(ellipse 38% 60% at 0% 0%, rgba(50,98,224,.95) 0%, rgba(30,72,185,.5) 45%, transparent 100%),
      radial-gradient(ellipse 62% 55% at 68% 118%, rgba(130,182,255,1) 0%, rgba(64,118,242,.9) 30%, rgba(30,84,236,.4) 62%, transparent 100%),
      radial-gradient(ellipse 70% 75% at 100% 60%, rgba(28,64,150,.55) 0%, transparent 100%),
      #0d131c;
  }
  .desktop .ed-tech-2 {
    background:
      radial-gradient(ellipse 45% 75% at 0% 5%, rgba(52,100,225,.95) 0%, rgba(30,74,190,.55) 40%, transparent 100%),
      radial-gradient(ellipse 55% 60% at 100% 100%, rgba(40,90,220,.85) 0%, rgba(26,62,159,.6) 35%, transparent 100%),
      #0c1215;
  }

  /* --- свечения за секциями (в потоке, привязаны к своему блоку) --- */
  .desktop .frame-9::before, .desktop .frame-9::after, .desktop .frame-34::before,
  .desktop .frame-39::before, .desktop .frame-19::before {
    content: ""; position: absolute; z-index: -1; pointer-events: none;
  }
  /* Partnership: слева диагональное, справа у края */
  .desktop .frame-9::before {
    left: -22vw; top: 58%; width: 62vw; height: 30vw; transform: rotate(-22deg); filter: blur(28px);
    background: radial-gradient(ellipse at 42% 50%, rgba(112,169,255,.85) 0%, rgba(30,84,236,.7) 28%, rgba(30,84,236,.25) 55%, transparent 72%);
  }
  .desktop .frame-9::after {
    right: -16vw; top: -4%; width: 34vw; height: 24vw; transform: rotate(-35deg); filter: blur(30px);
    background: radial-gradient(ellipse at 60% 50%, rgba(80,140,255,.8) 0%, rgba(30,84,236,.5) 35%, transparent 70%);
  }
  /* Selected experience: горизонтальная полоса за карточками */
  .desktop .frame-34::before {
    left: calc(var(--pad) * -1); right: calc(var(--pad) * -1); bottom: -4.1vw; height: clamp(300px, 33.8vw, 460px);
    background: linear-gradient(180deg, transparent 0%, rgba(30,84,236,.3) 28%, rgba(41,112,240,.95) 62%, rgba(24,82,179,.75) 78%, rgba(15,44,95,.4) 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
  }
  /* Technical coverage: мягкое свечение у левого края */
  .desktop .frame-39::before {
    left: calc(var(--pad) * -1 - 7vw); top: 6%; width: 22vw; height: 88%; filter: blur(24px);
    background: radial-gradient(ellipse at 30% 50%, rgba(30,84,236,.6) 0%, rgba(30,84,236,.25) 45%, transparent 75%);
  }
  /* Agile: у правого края */
  .desktop .frame-19::before {
    right: -14vw; top: 14%; width: 46vw; height: 40vw; transform: rotate(30deg); filter: blur(34px);
    background: radial-gradient(ellipse at 70% 50%, rgba(40,100,240,.6) 0%, rgba(30,84,236,.28) 42%, transparent 72%);
  }


  /* пилюля с контактом: мягкий отсвет снизу, как на макете */
  .desktop .article {
    background:
      radial-gradient(ellipse 62% 70% at 55% 118%, rgba(118,168,255,.95) 0%, rgba(64,118,242,.85) 28%, rgba(30,84,236,.35) 58%, transparent 80%),
      radial-gradient(ellipse 40% 90% at 0% 0%, rgba(40,96,210,.55) 0%, transparent 100%),
      #0b121c;
  }

}

/* ---- 768–1099: принудительные переносы строк из макета мешают узким колонкам ---- */
@media (min-width: 768px) and (max-width: 1099px) {
  .desktop .frame-7 .text-wrapper-6 br { display: none; }
  .desktop .frame-7 .text-wrapper-6 { max-width: 15em; }
}

/* ---- 768–959: узкий планшет — где макет не помещается в один ряд ---- */
@media (min-width: 768px) and (max-width: 959px) {
  .desktop { --fs-h2: 32px; --fs-h3: 17px; }
  .desktop .frame-10 { flex-basis: 46%; }
  .desktop .frame-29 { width: 190px; }
  .desktop .text-wrapper-12, .desktop .text-wrapper-13 { white-space: nowrap; }
  .desktop .frame-22 .text-wrapper-9 { font-size: 16px; }
  /* футер в два ряда: логотип · ссылки · язык / контакты */
  .desktop .frame-6 { flex-wrap: wrap; border-radius: 32px; padding: 16px 24px; row-gap: 14px; }
  .desktop .frame-6 .group { order: 1; }
  .desktop .frame-6 > .div-2:first-of-type { order: 2; }
  .desktop .frame-6 .frame-5 { order: 3; }
  .desktop .frame-6 > .div-2 + .div-2 {
    order: 4; flex: 1 1 100%; justify-content: space-between; gap: 16px;
    padding-top: 14px; border-top: 1px solid rgba(255,255,255,.1);
  }
}


/* ---- Solution portfolio: вкладки отраслей (карточки из block.zip) ---- */
.desktop .frame-29 > div { cursor: pointer; }
.desktop .frame-29 > div:focus-visible { outline: 2px solid #4a90e2; outline-offset: 4px; border-radius: 4px; }
@media (min-width: 768px) {
  .desktop .frame-25 .frame-28 > .ed-tech:not(.is-active) { display: none; }
  .desktop .frame-25 .frame-28 > .ed-tech.is-active { animation: solIn .25s ease; }
  .desktop .frame-25 .frame-28 > .ed-tech { min-height: var(--sol-h, 432px); }
  .desktop .frame-25 .frame-28 > .sol-more .frame-30 { align-self: stretch; }
  .desktop .frame-25 .frame-28 > .sol-more .frame-32 { flex-wrap: wrap; }
}
@keyframes solIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (min-width: 1280px) { .desktop .frame-25 .frame-28 > .ed-tech { --sol-h: 499px; } }
/* мобильная версия: как раньше — список отраслей и кнопка, карточки скрыты */
@media (max-width: 767px) {
  .desktop .frame-25 .frame-28 > .sol-more { display: none; }
}