:root {
 
}

img:not(.auto) {
  max-width: 100%;
}

#indexNew__holder {


  --font4: 'Fira Sans', sans-serif;
  --third-family: 'Ubuntu', sans-serif;
  --font3: var(--third-family);
  --font-family: 'Inter', sans-serif;
  --second-family: 'Roboto', sans-serif;


  min-height: 100vh;
  min-height: 100dvh;
  /* transform: translateY(-128px); */
  margin-top: 0;
  background: #091F41;

  img:not(.auto),
  svg {
    max-width: 100%;
  }

 
}

.auto:not(#id) {
  /* max-width: none;  */
}

.contentOuter {
  max-width: 1410px;
  margin: 0 auto;
  padding: 0 24px;
}

.indexNewSection__hero {
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
}

.ndexNewSectionHero__slider {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.ndexNewSectionHero__slider .swiper-wrapper {
  height: 100%;
}

.ndexNewSectionHero__slider .ndexNewSectionHero__slide {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.ndexNewSectionHero__slideBody {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: 140px;
  padding-bottom: 160px;
  box-sizing: border-box;
}

.ndexNewSectionHero__slideBody > .contentOuter {
  width: 100% !important;
  max-width: 1410px;
  margin-left: auto;
  margin-right: auto;
  flex: 0 0 auto;
  align-self: stretch;
  box-sizing: border-box;
}

.ndexNewSectionHero__slideBody .indexNewSection__hero-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 680px;
  margin-left: 0;
  margin-right: auto;
}

.ndexNewSectionHero__bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  padding-bottom: 0;
  pointer-events: none;
}

.ndexNewSectionHero__bottom .prodVidgets__slider {
  pointer-events: auto;
}

.indexNewSection__hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.indexNewSection__hero-poster,
.indexNewSection__hero-video {
  position: absolute;
  inset: 0;
}

.indexNewSection__hero-poster {
  z-index: 0;
}

.indexNewSection__hero-video {
  z-index: 1;
}

.indexNewSection__hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  /* lighten не затемняет светлый фон — для макета нужен обычный оверлей */
  background: linear-gradient(180deg, rgb(8 22 43 / 38%) 39.43%, rgba(8, 22, 43, 0) 88.82%);
}

.indexNewSection__hero-bg picture,
.indexNewSection__hero-bg img,
.indexNewSection__hero-bg video {
  display: block;
  width: 100%;
  height: 100%;
}

.indexNewSection__hero-bg img,
.indexNewSection__hero-bg video {
  object-fit: cover;
  object-position: 72% center;
}

.indexNewSection__hero-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 680px;
  text-align: left;
}

.indexNewSection__hero-title {
  margin: 0 0 20px;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 58px;
  line-height: 112%;
  color: #fff;
}

.indexNewSection__hero-title-accent {
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 58px;
  line-height: 112%;
  background: linear-gradient(90deg, #00d8ff 0%, #095dff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.indexNewSection__hero-subtitle {
  margin: 0 0 36px;
  max-width: 520px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.88);
}

.indexNewSection__hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}

.indexNewSection__hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 28px;
  border-radius: 35px;
  font-family: var(--third-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  transition: opacity 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.indexNewSection__hero-cta--primary {
  border: none;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
}

.indexNewSection__hero-cta--secondary {
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: transparent;
}

.indexNewSection__hero-cta-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

a.indexNewSection__hero-cta:hover,
a.indexNewSectionTestAccess__cta:hover,
a.indexNewSectionApi__cta:hover,
a.indexNewSectionAdvantages__panel-cta:hover,
a.indexNewSectionSubcontracts__cta:hover,
a.indexNewSectionPrograms__card-cta:hover,
a.indexNewSectionSem__cta:hover,
a.indexNewSectionSub__cta:hover,
a.indexNewSectionEcp__cta:hover {
  color: #fff;
}

.indexNewSection__hero-cta:hover {
  opacity: 0.9;
}

.indexNewSection__hero-cta--secondary:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.06);
}

@media (max-width: 991px) {
  .indexNewSection__hero-title {
    font-size: 40px;
  }

  .indexNewSection__hero-title-accent {
    font-size: 40px;
  }

  .indexNewSection__hero-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .ndexNewSectionHero__slideBody {
    justify-content: flex-start;
    padding-top: 144px;
    padding-bottom: 160px;
  }

  .ndexNewSectionHero__bottom {
    bottom: 0;
  }

  .indexNewSection__hero-bg img,
  .indexNewSection__hero-bg video {
    object-position: 80% center;
  }

  .indexNewSection__hero-content {
    max-width: none;
  }

  .indexNewSection__hero-title {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 112%;
  }

  .indexNewSection__hero-title-accent {
    font-size: 32px;
  }

  .indexNewSection__hero-subtitle {
    margin-bottom: 28px;
    max-width: none;
    font-size: 15px;
    line-height: 1.4;
  }

  .indexNewSection__hero-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 12px;
  }

  .indexNewSection__hero-cta {
    width: 100%;
  }
}

@media (max-width: 390px) {
  .ndexNewSectionHero__slideBody {
    padding-top: 120px;
    padding-bottom: 140px;
  }

  .ndexNewSectionHero__bottom {
    bottom: 0;
  }
}

.prodVidgets__slider {
  width: 100%;
  overflow: hidden;
}

.prodVidgets__slider .swiper-wrapper {
  transition-timing-function: linear;
  align-items: stretch;
}

.prodVidgets__slide {
  width: auto;
  height: auto;
}

.prodVidgetsSlide__inner {
  display: flex;
  align-items: center;
  gap: 28px;
  height: 100%;
  padding: 18px 32px;
  border: none;
  border-radius: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: none;
  background: rgba(192, 204, 227, 0.56);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.prodVidgetsSlide__logo {
  display: block;
  flex-shrink: 0;
  width: 158px;
  height: auto;
}

.prodVidgetsSlide__col {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.prodVidgetsSlide__label {
  margin: 0;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  color: #4b6791;
  white-space: nowrap;
}

.prodVidgetsSlide__value {
  margin: 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: #4b6791;
  white-space: nowrap;
}

.prodVidgetsSlide__unit {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
}

.prodVidgetsSlide__trend {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
}

.prodVidgetsSlide__trend--up {
  color: #77c810;
}

.prodVidgetsSlide__trend--down {
  color: #ff3c40;
}

@media (max-width: 390px) {
  .prodVidgets__slide {
    margin-right: 12px;
  }

  .prodVidgetsSlide__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 16px 20px;
    width: 361px;
    min-height: 190px;
    padding: 20px 18px;
    border-right: none;
    border-radius: 16px;
    background: rgba(192, 204, 227, 0.56);
  }

  .prodVidgetsSlide__logo {
    grid-column: 1 / -1;
    width: 152px;
  }

  .prodVidgetsSlide__col:nth-child(3) {
    display: none;
  }

  .prodVidgetsSlide__label {
    font-weight: 500;
    font-size: 13px;
  }

  .prodVidgetsSlide__value {
    font-weight: 700;
    font-size: 24px;
  }

  .prodVidgetsSlide__unit {
    font-weight: 500;
    font-size: 16px;
  }

  .prodVidgetsSlide__trend {
    font-weight: 500;
    font-size: 13px;
  }
}

/* --- Programs Seldon --- */

.indexNewSection__programs {
  position: relative;
  z-index: 2;
  padding: 80px 0 90px;
  background: #eef3f9;
}

.indexNewSectionPrograms__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 40px;
}

.indexNewSectionPrograms__head {
  text-align: center;
}

.indexNewSectionPrograms__title {
  margin: 0 0 12px;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  color: #2b7fff;
}

.body.index h2.indexNewSectionPrograms__title {
  margin-bottom: 12px;
}

.body.index h2.indexNewSectionTestAccess__title,
.body.index h2.indexNewSectionApi__title {
  margin: 0;
}

.body.index h2.indexNewSectionAdvantages__title {
  margin-bottom: 16px;
}

.indexNewSectionPrograms__subtitle {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #08162b;
}

.indexNewSectionPrograms__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
  align-items: stretch;
}

.indexNewSectionPrograms__card {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: 180px;
  overflow: hidden;
  border: 1px solid rgba(43, 127, 255, 0.12);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(20, 55, 110, 0.08);
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

a.indexNewSectionPrograms__card:hover {
  color: inherit;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3), 0 0 40px 0 rgba(0, 216, 255, 0.12);
}

.indexNewSectionPrograms__card-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.indexNewSectionPrograms__card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}

.indexNewSectionPrograms__card-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(8, 22, 43, 0.05);
  pointer-events: none;
}

.indexNewSectionPrograms__card-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 58%;
  min-width: 0;
  padding: 24px;
}

.indexNewSectionPrograms__card-name {
  margin: 0 0 10px;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 18px;
  line-height: 143%;
  color: #08162b;
}

.indexNewSectionPrograms__card-name--17 {
  color: #2b7fff;
}

.indexNewSectionPrograms__card-name--basis {
  color: #6b5cff;
}

.indexNewSectionPrograms__card-name--tenders {
  color: #00b4d8;
}

.indexNewSectionPrograms__card-name--pro {
  color: #e85d5d;
}

.indexNewSectionPrograms__card-name--price {
  color: #2bb673;
}

.indexNewSectionPrograms__card-text {
  flex: 1;
  margin: 0 0 16px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 163%;
  color: #08162b;
}

.indexNewSectionPrograms__card-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: auto;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 133%;
  text-decoration: none;
  color: #4b4545;
  transition: color 0.2s ease;
}

.indexNewSectionPrograms__card:hover .indexNewSectionPrograms__card-more {
  color: #2b7fff;
}

@media (max-width: 1100px) {
  .indexNewSectionPrograms__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .indexNewSection__programs {
    padding: 48px 0 56px;
  }

  .indexNewSectionPrograms__inner {
    gap: 24px;
    align-items: stretch;
  }

  .indexNewSectionPrograms__title {
    font-size: 28px;
  }

  .indexNewSectionPrograms__subtitle {
    font-size: 14px;
  }

  .indexNewSectionPrograms__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .indexNewSectionPrograms__card {
    min-height: 148px;
    border-radius: 20px;
  }

  .indexNewSectionPrograms__card-content {
    max-width: 55%;
    padding: 18px;
  }

  .indexNewSectionPrograms__card-name {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 143%;
  }

  .indexNewSectionPrograms__card-text {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 163%;
  }

  .indexNewSectionPrograms__card-more {
    font-size: 12px;
    line-height: 133%;
  }
}

@media (max-width: 390px) {
  .indexNewSectionPrograms__card-content {
    max-width: 58%;
    padding: 16px;
  }
}

/* --- Test access --- */

.indexNewSection__testAccess {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 90px 0;
  background: #eef3f9;
}

.indexNewSectionTestAccess__media {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.indexNewSectionTestAccess__poster,
.indexNewSectionTestAccess__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 78% center;
  pointer-events: none;
}

.indexNewSectionTestAccess__poster {
  z-index: 0;
}

.indexNewSectionTestAccess__video {
  z-index: 1;
}

.indexNewSection__testAccess > .contentOuter {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.indexNewSectionTestAccess__inner {
  min-height: 560px;
}

.indexNewSectionTestAccess__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 520px;
  min-width: 0;
  padding: 40px 0;
  pointer-events: auto;
}

.indexNewSectionTestAccess__title {
  margin: 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 64px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #222;
}

.body.index h2.indexNewSectionTestAccess__title {
  margin: 0;
}

.indexNewSectionTestAccess__badge {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 22px;
  border-radius: 999px;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 21px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
}

.indexNewSectionTestAccess__list {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.indexNewSectionTestAccess__list li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-family: var(--font3);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.35;
  color: #222;
}

.indexNewSectionTestAccess__list-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.indexNewSectionTestAccess__visual {
  position: absolute;
  left: 71%;
  top: 46%;
  z-index: 3;
  width: min(390px, 34vw);
  height: 0;
  transform: translateX(-50%);
  pointer-events: none;
}

.indexNewSectionTestAccess__portal {
  position: absolute;
  left: 50%;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transform: translate(-50%, -50%);
}

.indexNewSectionTestAccess__icon {
  display: block;
  width: auto;
  max-width: 72px;
  height: auto;
  margin-bottom: 10px;
}

.indexNewSectionTestAccess__portal-title {
  margin: 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #1f5fff;
}

.indexNewSectionTestAccess__portal-sub {
  margin: 6px 0 0;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #09c2f6;
}

.indexNewSectionTestAccess__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 16px 36px;
  border-radius: 999px;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.indexNewSectionTestAccess__cta--desktop {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 4;
  pointer-events: auto;
  width: 100%;
  max-width: 340px;
  margin-top: 0;
  transform: translate(-50%, 118px);
}

a.indexNewSectionTestAccess__cta:hover {
  color: #fff;
  opacity: 0.9;
}

.indexNewSectionTestAccess__cta--mobile {
  display: none;
}

@media (max-width: 1400px) {
  .indexNewSectionTestAccess__visual {
    left: 70%;
    top: 45%;
    width: min(360px, 36vw);
  }

  .indexNewSectionTestAccess__cta--desktop {
    transform: translate(-50%, 100px);
  }
}

@media (max-width: 1100px) {
  .indexNewSectionTestAccess__title {
    font-size: 48px;
  }

  .indexNewSectionTestAccess__badge {
    font-size: 16px;
  }

  .indexNewSectionTestAccess__visual {
    left: 68%;
    top: 44%;
    width: min(300px, 36vw);
  }

  .indexNewSectionTestAccess__portal-title {
    font-size: 28px;
  }

  .indexNewSectionTestAccess__icon {
    max-width: 56px;
  }

  .indexNewSectionTestAccess__cta--desktop {
    min-height: 48px;
    padding: 12px 24px;
    font-size: 15px;
    transform: translate(-50%, 84px);
  }
}

@media (max-width: 768px) {
  .indexNewSection__testAccess {
    padding: 48px 0 56px;
  }

  .indexNewSectionTestAccess__media {
    opacity: 1;
  }

  .indexNewSectionTestAccess__poster,
  .indexNewSectionTestAccess__video {
    object-position: 72% center;
  }

  .indexNewSectionTestAccess__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    min-height: 0;
  }

  .indexNewSectionTestAccess__content {
    flex: none;
    width: 100%;
    max-width: 100%;
    gap: 16px;
  }

  .indexNewSectionTestAccess__title {
    font-size: 32px;
    line-height: 1.1;
  }

  .indexNewSectionTestAccess__badge {
    min-height: 36px;
    padding: 8px 16px;
    font-size: 13px;
  }

  .indexNewSectionTestAccess__list {
    margin-top: 4px;
    gap: 12px;
  }

  .indexNewSectionTestAccess__list li {
    font-size: 15px;
  }

  .indexNewSectionTestAccess__visual {
    display: none;
  }

  .indexNewSectionTestAccess__cta--mobile {
    display: inline-flex;
    width: 100%;
    margin-top: 8px;
    min-height: 48px;
    padding: 14px 20px;
    font-size: 14px;
    white-space: normal;
    text-align: center;
  }
}

@media (max-width: 390px) {
  .indexNewSectionTestAccess__poster,
  .indexNewSectionTestAccess__video {
    object-position: 68% center;
  }

  .indexNewSectionTestAccess__title {
    font-size: 28px;
  }

  .indexNewSectionTestAccess__badge {
    font-size: 12px;
  }

  .indexNewSectionTestAccess__list li {
    font-size: 14px;
  }
}

/* --- Seldon API --- */

.indexNewSection__api {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 0;
  background: #f4f8fc;
  --api-blend-bg: #f4f8fc;
}

.indexNewSectionApi__media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 62%;
  pointer-events: none;
}

.indexNewSectionApi__media::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      var(--api-blend-bg) 0%,
      rgba(244, 248, 252, 0.92) 14%,
      rgba(244, 248, 252, 0.45) 32%,
      transparent 52%
    ),
    linear-gradient(
      180deg,
      var(--api-blend-bg) 0%,
      rgba(244, 248, 252, 0.8) 8%,
      transparent 24%
    ),
    linear-gradient(
      0deg,
      var(--api-blend-bg) 0%,
      rgba(244, 248, 252, 0.8) 8%,
      transparent 24%
    );
}

.indexNewSectionApi__poster,
.indexNewSectionApi__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% center;
}

.indexNewSectionApi__poster {
  z-index: 0;
}

.indexNewSectionApi__video {
  z-index: 1;
}

.indexNewSection__api > .contentOuter {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.indexNewSectionApi__inner {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
}

.indexNewSectionApi__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 560px;
  min-width: 0;
  padding: 24px 0;
  pointer-events: auto;
}

.indexNewSectionApi__badge {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(9, 93, 255, 0.08);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 12px;
  line-height: 1.33;
  color: #095dff;
}

.indexNewSectionApi__title {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 64px;
  line-height: 0.98;
  color: #08162b;
}

.body.index h2.indexNewSectionApi__title {
  margin: 0;
}

.indexNewSectionApi__text {
  margin: 0;
  max-width: 520px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.63;
  color: #08162b;
}

.indexNewSectionApi__tags {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.indexNewSectionApi__tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid rgba(9, 93, 255, 0.35);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.55);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 12px;
  line-height: 1.33;
  color: #095dff;
  white-space: nowrap;
}

.indexNewSectionApi__tag::before {
  content: none;
  display: none;
}

.indexNewSectionApi__tag svg {
  flex-shrink: 0;
  display: block;
}

.indexNewSectionApi__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  padding: 12px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #00d8ff 0%, #095dff 50%, #5f5bff 100%);
  box-shadow: 0 4px 16px 0 rgba(9, 93, 255, 0.3), 0 0 24px 0 rgba(0, 216, 255, 0.25);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

a.indexNewSectionApi__cta:hover {
  color: #fff;
  opacity: 0.9;
}

@media (max-width: 1279px) {
  .indexNewSectionApi__media {
    width: 58%;
  }

  .indexNewSectionApi__title {
    font-size: 52px;
  }

  .indexNewSectionApi__content {
    max-width: 480px;
  }
}

@media (max-width: 1024px) {
  .indexNewSectionApi__media {
    width: 54%;
  }

  .indexNewSectionApi__inner {
    min-height: 440px;
  }

  .indexNewSectionApi__title {
    font-size: 44px;
  }

  .indexNewSectionApi__content {
    max-width: 420px;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .indexNewSection__api {
    padding: 48px 0 56px;
  }

  .indexNewSectionApi__media {
    top: auto;
    right: -8%;
    bottom: 0;
    width: 78%;
    height: 72%;
  }

  .indexNewSectionApi__media::after {
    background:
      linear-gradient(
        90deg,
        var(--api-blend-bg) 0%,
        rgba(244, 248, 252, 0.95) 22%,
        rgba(244, 248, 252, 0.4) 48%,
        transparent 68%
      ),
      linear-gradient(
        180deg,
        var(--api-blend-bg) 0%,
        rgba(244, 248, 252, 0.75) 12%,
        transparent 32%
      ),
      linear-gradient(
        0deg,
        var(--api-blend-bg) 0%,
        rgba(244, 248, 252, 0.85) 14%,
        transparent 36%
      );
  }

  .indexNewSectionApi__poster,
  .indexNewSectionApi__video {
    object-position: 70% center;
  }

  .indexNewSectionApi__inner {
    min-height: 0;
    align-items: stretch;
  }

  .indexNewSectionApi__content {
    max-width: 100%;
    gap: 14px;
    padding: 0;
  }

  .indexNewSectionApi__title {
    font-size: 36px;
  }

  .indexNewSectionApi__text {
    font-size: 15px;
    line-height: 1.55;
    max-width: 92%;
  }

  .indexNewSectionApi__tags {
    gap: 8px;
  }

  .indexNewSectionApi__tag {
    padding: 7px 12px;
  }

  .indexNewSectionApi__cta {
    width: 100%;
    margin-top: 12px;
    padding: 14px 24px;
    white-space: normal;
  }
}

@media (max-width: 390px) {
  .indexNewSection__api {
    padding: 40px 0 48px;
  }

  .indexNewSectionApi__media {
    right: -18%;
    width: 88%;
    height: 68%;
  }

  .indexNewSectionApi__poster,
  .indexNewSectionApi__video {
    object-position: 75% center;
  }

  .indexNewSectionApi__badge {
    font-size: 11px;
    padding: 5px 12px;
  }

  .indexNewSectionApi__title {
    font-size: 32px;
  }

  .indexNewSectionApi__text {
    font-size: 14px;
    max-width: 100%;
  }

  .indexNewSectionApi__tag {
    font-size: 11px;
    padding: 6px 10px;
  }
}

/* --- CRM --- */

.indexNewSection__crm {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 80px 0;
  background: linear-gradient(180deg, #eaf2ff 0%, #f7faff 100%);
  --crm-blend-bg: #f0f6ff;
}

.indexNewSectionCrm__media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 58%;
  pointer-events: none;
}

.indexNewSectionCrm__media::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      var(--crm-blend-bg) 0%,
      rgba(240, 246, 255, 0.92) 16%,
      rgba(240, 246, 255, 0.4) 36%,
      transparent 55%
    ),
    linear-gradient(
      180deg,
      rgba(234, 242, 255, 0.9) 0%,
      rgba(234, 242, 255, 0.35) 12%,
      transparent 28%
    ),
    linear-gradient(
      0deg,
      rgba(247, 250, 255, 0.95) 0%,
      rgba(247, 250, 255, 0.4) 12%,
      transparent 28%
    );
}

.indexNewSectionCrm__poster,
.indexNewSectionCrm__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right center;
}

.indexNewSectionCrm__poster {
  z-index: 0;
}

.indexNewSectionCrm__video {
  z-index: 1;
}

.indexNewSection__crm > .contentOuter {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.indexNewSectionCrm__inner {
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: center;
}

.indexNewSectionCrm__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 560px;
  min-width: 0;
  pointer-events: auto;
}

.indexNewSectionCrm__brand {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}

.indexNewSectionCrm__title {
  margin: 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 96px;
  line-height: 1;
  color: #08162b;
}

.body.index h2.indexNewSectionCrm__title {
  margin: 0;
}

.indexNewSectionCrm__logo {
  display: block;
  width: auto;
  max-width: 180px;
  height: auto;
}

.indexNewSectionCrm__subtitle {
  margin: 0;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3;
  color: #08162b;
}

.indexNewSectionCrm__text {
  margin: 0;
  max-width: 480px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #08162b;
}

.indexNewSectionCrm__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-family: var(--third-family);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.4;
  text-decoration: none;
  color: #1e5bff;
  transition: opacity 0.2s ease;
}

a.indexNewSectionCrm__link:hover {
  color: #1e5bff;
  opacity: 0.8;
}

@media (max-width: 1279px) {
  .indexNewSectionCrm__media {
    width: 52%;
  }

  .indexNewSectionCrm__title {
    font-size: 80px;
  }

  .indexNewSectionCrm__content {
    max-width: 480px;
  }
}

@media (max-width: 1024px) {
  .indexNewSection__crm {
    padding: 64px 0;
  }

  .indexNewSectionCrm__media {
    width: 48%;
  }

  .indexNewSectionCrm__inner {
    min-height: 400px;
  }

  .indexNewSectionCrm__title {
    font-size: 64px;
  }

  .indexNewSectionCrm__subtitle {
    font-size: 20px;
  }

  .indexNewSectionCrm__logo {
    max-width: 140px;
  }
}

@media (max-width: 768px) {
  .indexNewSection__crm {
    padding: 48px 0 56px;
  }

  .indexNewSectionCrm__media {
    display: none;
  }

  .indexNewSectionCrm__inner {
    min-height: 0;
  }

  .indexNewSectionCrm__content {
    max-width: 100%;
    gap: 16px;
  }

  .indexNewSectionCrm__brand {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .indexNewSectionCrm__title {
    font-size: 64px;
  }

  .indexNewSectionCrm__logo {
    max-width: 160px;
  }

  .indexNewSectionCrm__subtitle {
    font-size: 20px;
  }

  .indexNewSectionCrm__text {
    max-width: 100%;
    font-size: 15px;
  }
}

@media (max-width: 390px) {
  .indexNewSection__crm {
    padding: 40px 0 48px;
  }

  .indexNewSectionCrm__title {
    font-size: 56px;
  }

  .indexNewSectionCrm__subtitle {
    font-size: 18px;
  }

  .indexNewSectionCrm__text {
    font-size: 14px;
  }

  .indexNewSectionCrm__logo {
    max-width: 140px;
  }
}

/* --- Business services --- */

.indexNewSection__business {
  position: relative;
  padding: 80px 0 90px;
  background: linear-gradient(180deg, #eaf2ff 0%, #f7faff 100%);
}

.indexNewSectionBusiness__inner {
  width: 100%;
}

.indexNewSectionBusiness__head {
  margin: 0 auto 40px;
  max-width: 720px;
  text-align: center;
}

.indexNewSectionBusiness__title {
  margin: 0 0 12px;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 42px;
  line-height: 1.5;
  text-align: center;
  color: #08162b;
}

.body.index h2.indexNewSectionBusiness__title {
  margin: 0 0 12px;
}

.indexNewSectionBusiness__subtitle {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #6b7890;
}

.indexNewSectionBusiness__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.indexNewSectionBusiness__card {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
  min-height: 168px;
  padding: 24px 16px 24px 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(9, 93, 255, 0.08);
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

a.indexNewSectionBusiness__card:hover {
  color: inherit;
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(9, 93, 255, 0.14);
}

.indexNewSectionBusiness__card-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  max-width: 58%;
}

.indexNewSectionBusiness__card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(9, 93, 255, 0.15);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(9, 93, 255, 0.12) 0%, rgba(0, 216, 255, 0.08) 100%);
}

.indexNewSectionBusiness__card-icon svg {
  display: block;
  flex-shrink: 0;
}

.indexNewSectionBusiness__card-name {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.43;
  color: #08162b;
}

.indexNewSectionBusiness__card-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.63;
  color: #6b7890;
}

.indexNewSectionBusiness__card-visual {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
  width: auto;
  max-width: 52%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
  pointer-events: none;
}

@media (max-width: 1100px) {
  .indexNewSectionBusiness__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .indexNewSection__business {
    padding: 48px 0 56px;
  }

  .indexNewSectionBusiness__head {
    margin-bottom: 24px;
  }

  .indexNewSectionBusiness__title {
    font-size: 28px;
    line-height: 1.25;
  }

  .indexNewSectionBusiness__subtitle {
    font-size: 15px;
  }

  .indexNewSectionBusiness__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .indexNewSectionBusiness__card {
    min-height: 0;
    padding: 20px;
  }

  .indexNewSectionBusiness__card-content {
    max-width: 100%;
    gap: 8px;
  }
}

@media (max-width: 540px) {
  .indexNewSectionBusiness__card-visual {
    display: none;
  }
}

@media (max-width: 390px) {
  .indexNewSection__business {
    padding: 40px 0 48px;
  }

  .indexNewSectionBusiness__title {
    font-size: 26px;
  }

  .indexNewSectionBusiness__subtitle {
    font-size: 14px;
  }

  .indexNewSectionBusiness__card {
    padding: 18px;
    border-radius: 14px;
  }
}

/* --- Seminars --- */

.indexNewSection__seminars {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 90px 0;
  background: #f7faff;
}

.indexNewSectionSem__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.indexNewSectionSem__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.indexNewSection__seminars > .contentOuter {
  position: relative;
  z-index: 1;
}

.indexNewSectionSem__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 48px;
  align-items: center;
}

.indexNewSectionSem__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
}

.indexNewSectionSem__badge {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid rgba(9, 93, 255, 0.12);
  border-radius: 14px;
  background: rgba(9, 93, 255, 0.06);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 12px;
  line-height: 1.33;
  color: #095dff;
}

.indexNewSectionSem__badge svg {
  flex-shrink: 0;
  display: block;
}

.indexNewSectionSem__title {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 48px;
  line-height: 1.5;
  color: #08162b;
}

.body.index h2.indexNewSectionSem__title {
  margin: 0;
}

.indexNewSectionSem__lead {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #095dff;
}

.indexNewSectionSem__text {
  margin: 0;
  max-width: 440px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.63;
  color: #6b7890;
}

.indexNewSectionSem__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 8px;
  padding: 14px 28px;
  border-radius: 999px;
  background: linear-gradient(135deg, #00d8ff 0%, #095dff 50%, #5f5bff 100%);
  box-shadow: 0 4px 16px 0 rgba(9, 93, 255, 0.3), 0 0 24px 0 rgba(0, 216, 255, 0.25);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

a.indexNewSectionSem__cta:hover {
  color: #fff;
  opacity: 0.9;
}

.indexNewSectionSem__cta svg {
  flex-shrink: 0;
  display: block;
}

.indexNewSectionSem__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}

.indexNewSectionSem__card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 120px;
  padding: 18px 16px;
  border: 1px solid #c8c8c8;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

.indexNewSectionSem__card-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: linear-gradient(135deg, #095dff 0%, #00d8ff 100%);
}

.indexNewSectionSem__card-icon svg {
  display: block;
}

.indexNewSectionSem__card-name {
  position: relative;
  z-index: 1;
  max-width: 48%;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
  color: #08162b;
}

.indexNewSectionSem__card-visual {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
  width: auto;
  max-width: 55%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
  pointer-events: none;
}

@media (max-width: 1100px) {
  .indexNewSectionSem__inner {
    gap: 32px;
  }

  .indexNewSectionSem__title {
    font-size: 40px;
  }

  .indexNewSectionSem__card {
    min-height: 108px;
  }
}

@media (max-width: 900px) {
  .indexNewSectionSem__inner {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .indexNewSectionSem__text {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .indexNewSection__seminars {
    padding: 48px 0 56px;
  }

  .indexNewSectionSem__title {
    font-size: 36px;
    line-height: 1.2;
  }

  .indexNewSectionSem__grid {
    gap: 12px;
  }

  .indexNewSectionSem__cta {
    width: 100%;
  }
}

@media (max-width: 540px) {
  .indexNewSectionSem__grid {
    grid-template-columns: 1fr;
  }

  .indexNewSectionSem__card {
    min-height: 0;
    padding: 16px;
  }

  .indexNewSectionSem__card-name {
    max-width: none;
  }

  .indexNewSectionSem__card-visual {
    display: none;
  }
}

@media (max-width: 390px) {
  .indexNewSection__seminars {
    padding: 40px 0 48px;
  }

  .indexNewSectionSem__title {
    font-size: 32px;
  }

  .indexNewSectionSem__lead,
  .indexNewSectionSem__text {
    font-size: 15px;
  }
}

/* --- Subcontracts --- */

.indexNewSection__subcontracts {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 90px 0;
  background: #f7faff;
}

.indexNewSectionSub__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.indexNewSectionSub__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.indexNewSection__subcontracts > .contentOuter {
  position: relative;
  z-index: 1;
}

.indexNewSectionSub__inner {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.35fr);
  gap: 32px;
  align-items: stretch;
}

.indexNewSectionSub__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
  padding: 40px 36px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(16px);
  box-shadow: 0 8px 32px rgba(8, 22, 43, 0.06);
}

.indexNewSectionSub__title {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 52px;
  line-height: 1.5;
  color: #08162b;
}

.body.index h2.indexNewSectionSub__title {
  margin: 0;
}

.indexNewSectionSub__lead {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.56;
  color: #095dff;
}

.indexNewSectionSub__text {
  margin: 0;
  max-width: 360px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.63;
  color: #6b7890;
}

.indexNewSectionSub__badge {
  margin: 8px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(9, 93, 255, 0.08);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
  color: #095dff;
}

.indexNewSectionSub__badge svg {
  flex-shrink: 0;
  display: block;
}

.indexNewSectionSub__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 8px;
  padding: 14px 28px;
  border-radius: 999px;
  background: linear-gradient(135deg, #00d8ff 0%, #095dff 50%, #5f5bff 100%);
  box-shadow: 0 4px 16px 0 rgba(9, 93, 255, 0.3), 0 0 24px 0 rgba(0, 216, 255, 0.25);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

a.indexNewSectionSub__cta:hover {
  color: #fff;
  opacity: 0.9;
}

.indexNewSectionSub__cta svg {
  flex-shrink: 0;
  display: block;
}

.indexNewSectionSub__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
  align-content: stretch;
}

.indexNewSectionSub__card {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 120px;
  padding: 20px 18px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 20px rgba(8, 22, 43, 0.06);
  overflow: hidden;
}

.indexNewSectionSub__card-name {
  position: relative;
  z-index: 1;
  max-width: 52%;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
  color: #08162b;
}

.indexNewSectionSub__card-visual {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
  width: auto;
  max-width: 52%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
  pointer-events: none;
}

@media (max-width: 1100px) {
  .indexNewSectionSub__inner {
    gap: 24px;
  }

  .indexNewSectionSub__panel {
    padding: 32px 28px;
  }

  .indexNewSectionSub__title {
    font-size: 40px;
  }

  .indexNewSectionSub__lead {
    font-size: 16px;
  }

  .indexNewSectionSub__card {
    min-height: 108px;
  }
}

@media (max-width: 900px) {
  .indexNewSectionSub__inner {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .indexNewSectionSub__text {
    max-width: 100%;
  }

  .indexNewSectionSub__panel {
    padding: 28px 24px;
  }
}

@media (max-width: 768px) {
  .indexNewSection__subcontracts {
    padding: 48px 0 56px;
  }

  .indexNewSectionSub__title {
    font-size: 36px;
    line-height: 1.2;
  }

  .indexNewSectionSub__grid {
    gap: 12px;
  }

  .indexNewSectionSub__cta {
    width: 100%;
  }
}

@media (max-width: 540px) {
  .indexNewSectionSub__panel {
    padding: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
  }

  .indexNewSectionSub__grid {
    grid-template-columns: 1fr;
  }

  .indexNewSectionSub__card {
    min-height: 0;
    padding: 16px;
  }

  .indexNewSectionSub__card-name {
    max-width: none;
  }

  .indexNewSectionSub__card-visual {
    display: none;
  }

  .indexNewSectionSub__badge {
    max-width: 100%;
  }
}

@media (max-width: 390px) {
  .indexNewSection__subcontracts {
    padding: 40px 0 48px;
  }

  .indexNewSectionSub__title {
    font-size: 32px;
  }

  .indexNewSectionSub__lead {
    font-size: 16px;
  }

  .indexNewSectionSub__text {
    font-size: 15px;
  }

  .indexNewSectionSub__cta {
    white-space: normal;
    text-align: center;
  }
}

/* --- ECP --- */

.indexNewSection__ecp {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 90px 0;
  background: #f4f8ff;
}

.indexNewSectionEcp__inner {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(260px, 1.15fr) minmax(240px, 300px);
  gap: 32px 28px;
  align-items: center;
}

.indexNewSectionEcp__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  min-width: 0;
}

.indexNewSectionEcp__logo {
  display: block;
  width: auto;
  max-width: 168px;
  height: auto;
}

.indexNewSectionEcp__title {
  margin: 0;
  font-family: var(--third-family);
  font-weight: 500;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #2b2b2b;
}

.body.index h2.indexNewSectionEcp__title {
  margin: 0;
}

.indexNewSectionEcp__text {
  margin: 0;
  max-width: 420px;
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.63;
  color: #90a1b9;
}

.indexNewSectionEcp__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}

.indexNewSectionEcp__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 180px;
  padding: 14px 28px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 35px;
  background: linear-gradient(135deg, #00d8ff 0%, #095dff 50%, #5f5bff 100%);
  box-shadow: 0 4px 16px 0 rgba(9, 93, 255, 0.3), 0 0 24px 0 rgba(0, 216, 255, 0.25);
  font-family: var(--third-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

a.indexNewSectionEcp__cta:hover {
  color: #fff;
  opacity: 0.9;
}

.indexNewSectionEcp__cta svg {
  flex-shrink: 0;
  display: block;
}

.indexNewSectionEcp__badge {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 1px solid rgba(35, 35, 35, 0.1);
  border-radius: 999px;
  background: rgba(5, 223, 114, 0.33);
  font-family: var(--font4);
  font-weight: 400;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #00783c;
}

.indexNewSectionEcp__badge svg {
  flex-shrink: 0;
  display: block;
}

.indexNewSectionEcp__badge--mobile {
  display: none;
}

.indexNewSectionEcp__media {
  position: relative;
  width: 574px;
  height: 488px;
  max-width: 100%;
  justify-self: center;
  pointer-events: none;
}

.indexNewSectionEcp__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: darken;
}

.indexNewSectionEcp__features {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.indexNewSectionEcp__feature {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 14px;
  background: #fff;
}

.indexNewSectionEcp__feature::before {
  content: none;
  display: none;
}

.indexNewSectionEcp__feature-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.indexNewSectionEcp__feature-icon svg {
  display: block;
}

.indexNewSectionEcp__feature-text {
  font-family: var(--third-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.43;
  color: #000;
}

@media (max-width: 1200px) {
  .indexNewSectionEcp__inner {
    grid-template-columns: minmax(240px, 1fr) minmax(220px, 1fr) minmax(220px, 280px);
    gap: 24px;
  }

  .indexNewSectionEcp__title {
    font-size: 40px;
  }

  .indexNewSectionEcp__media {
    width: 100%;
    height: auto;
    aspect-ratio: 574 / 488;
  }
}

@media (max-width: 1024px) {
  .indexNewSectionEcp__inner {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "content media"
      "features features";
  }

  .indexNewSectionEcp__content {
    grid-area: content;
  }

  .indexNewSectionEcp__media {
    grid-area: media;
    width: 100%;
    height: auto;
    aspect-ratio: 574 / 488;
  }

  .indexNewSectionEcp__features {
    grid-area: features;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .indexNewSection__ecp {
    padding: 48px 0 56px;
  }

  .indexNewSectionEcp__inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "content"
      "features";
    gap: 24px;
  }

  .indexNewSectionEcp__media {
    display: none;
  }

  .indexNewSectionEcp__logo {
    display: none;
  }

  .indexNewSectionEcp__badge--mobile {
    display: inline-flex;
  }

  .indexNewSectionEcp__badge--desktop {
    display: none;
  }

  .indexNewSectionEcp__title {
    font-size: 36px;
    line-height: 1.1;
  }

  .indexNewSectionEcp__text {
    max-width: 100%;
  }

  .indexNewSectionEcp__actions {
    width: 100%;
  }

  .indexNewSectionEcp__cta {
    width: 100%;
  }

  .indexNewSectionEcp__features {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 390px) {
  .indexNewSection__ecp {
    padding: 40px 0 48px;
  }

  .indexNewSectionEcp__title {
    font-size: 32px;
  }

  .indexNewSectionEcp__text {
    font-size: 15px;
  }

  .indexNewSectionEcp__content {
    gap: 16px;
  }
}

/* --- Finance --- */

.indexNewSection__finance {
  position: relative;
  z-index: 1;
  padding: 90px 0;
  background: #fff;
}

.indexNewSectionFin__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.indexNewSectionFin__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.indexNewSectionFin__title {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 40px;
  line-height: 1.5;
  text-align: center;
  color: #08162b;
}

.body.index h2.indexNewSectionFin__title {
  margin: 0;
}

.indexNewSectionFin__subtitle {
  margin: 0;
  max-width: 640px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #6b7890;
}

.indexNewSectionFin__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.indexNewSectionFin__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-height: 200px;
  padding: 24px;
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  background:
    radial-gradient(113.14% 113.14% at 80% 20%, rgba(0, 216, 255, 0.2) 0%, rgba(0, 0, 0, 0) 60%),
    linear-gradient(145deg, #2f9bff 0%, #1a6dff 48%, #4b5bff 100%);
  box-shadow: 0 10px 28px rgba(26, 109, 255, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

a.indexNewSectionFin__card:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(26, 109, 255, 0.28);
}

.indexNewSectionFin__card-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 188, 125, 0.2);
  border-radius: 10px;
  background: rgba(0, 188, 125, 0.1);
}

.indexNewSectionFin__card-icon svg {
  display: block;
}

.indexNewSectionFin__card-title {
  position: relative;
  z-index: 1;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.43;
  color: #fff;
}

.indexNewSectionFin__card-text {
  position: relative;
  z-index: 1;
  max-width: 220px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.63;
  color: rgba(255, 255, 255, 0.65);
}

.indexNewSectionFin__card-wave {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
}

@media (max-width: 1100px) {
  .indexNewSectionFin__title {
    font-size: 36px;
  }

  .indexNewSectionFin__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .indexNewSection__finance {
    padding: 48px 0 56px;
  }

  .indexNewSectionFin__inner {
    gap: 28px;
  }

  .indexNewSectionFin__title {
    font-size: 32px;
    line-height: 1.2;
  }

  .indexNewSectionFin__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .indexNewSectionFin__card {
    min-height: 0;
    padding: 20px;
  }

  .indexNewSectionFin__card-text {
    max-width: none;
  }
}

@media (max-width: 390px) {
  .indexNewSection__finance {
    padding: 40px 0 48px;
  }

  .indexNewSectionFin__title {
    font-size: 28px;
  }

  .indexNewSectionFin__subtitle {
    font-size: 15px;
  }
}

/* --- Packages --- */

.indexNewSection__packages {
  position: relative;
  z-index: 1;
  padding: 90px 0;
  background: #f4f8ff;
}

.indexNewSectionPkg__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.indexNewSectionPkg__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.indexNewSectionPkg__title {
  margin: 0;
  max-width: 720px;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 38px;
  line-height: 1.5;
  text-align: center;
  color: #08162b;
}

.body.index h2.indexNewSectionPkg__title {
  margin: 0;
}

.indexNewSectionPkg__subtitle {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #6b7890;
}

.indexNewSectionPkg__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.indexNewSectionPkg__card {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  min-height: 100%;
  padding: 20px;
  border: 1px solid rgba(9, 93, 255, 0.1);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(9, 93, 255, 0.05);
  overflow: hidden;
  transition: border-color 0.45s ease, box-shadow 0.45s ease, transform 0.45s ease;
}

.indexNewSectionPkg__card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(160deg, #2b7fff 0%, #095dff 48%, #5f5bff 100%);
  opacity: 0;
  transition: opacity 0.45s ease;
  pointer-events: none;
}

.indexNewSectionPkg__card:hover {
  border-color: transparent;
  box-shadow: 0 10px 28px rgba(9, 93, 255, 0.28);
  transform: translateY(-2px);
}

.indexNewSectionPkg__card:hover::before {
  opacity: 1;
}

.indexNewSectionPkg__card-top {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.indexNewSectionPkg__card-title {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.43;
  color: #08162b;
  transition: color 0.45s ease;
}

.indexNewSectionPkg__card:hover .indexNewSectionPkg__card-title {
  color: #fff;
}

.indexNewSectionPkg__card-text {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.63;
  color: #6b7890;
  transition: color 0.45s ease;
}

.indexNewSectionPkg__card:hover .indexNewSectionPkg__card-text {
  color: rgba(255, 255, 255, 0.72);
}

.indexNewSectionPkg__features {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.indexNewSectionPkg__feature {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.33;
  color: #08162b;
  transition: color 0.45s ease;
}

.indexNewSectionPkg__feature::before {
  content: none;
  display: none;
}

.indexNewSectionPkg__feature svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: #095dff;
  transition: color 0.45s ease;
}

.indexNewSectionPkg__card:hover .indexNewSectionPkg__feature {
  color: #fff;
}

.indexNewSectionPkg__card:hover .indexNewSectionPkg__feature svg {
  color: #fff;
}

.indexNewSectionPkg__card-cta {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  padding: 10px 16px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: rgba(9, 93, 255, 0.08);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  color: #095dff;
  transition: background 0.45s ease, color 0.45s ease, border-color 0.45s ease;
}

a.indexNewSectionPkg__card-cta:hover {
  color: #095dff;
  opacity: 0.85;
}

.indexNewSectionPkg__card:hover .indexNewSectionPkg__card-cta {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

.indexNewSectionPkg__card:hover a.indexNewSectionPkg__card-cta:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.22);
  opacity: 1;
}

@media (max-width: 1200px) {
  .indexNewSectionPkg__title {
    font-size: 32px;
  }

  .indexNewSectionPkg__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .indexNewSectionPkg__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .indexNewSection__packages {
    padding: 48px 0 56px;
  }

  .indexNewSectionPkg__inner {
    gap: 28px;
  }

  .indexNewSectionPkg__title {
    font-size: 28px;
    line-height: 1.25;
  }

  .indexNewSectionPkg__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media (max-width: 390px) {
  .indexNewSection__packages {
    padding: 40px 0 48px;
  }

  .indexNewSectionPkg__title {
    font-size: 26px;
  }

  .indexNewSectionPkg__subtitle {
    font-size: 15px;
  }
}

/* --- Advantages --- */

.indexNewSection__advantages {
  position: relative;
  padding: 90px 0 130px;
  overflow: hidden;
  --video-blend-bg: #091F41;
}

.indexNewSectionAdvantages__inner {
  position: relative;
  width: 100%;

  margin-inline: auto;
  /* max-width: 1232px; */
}

.indexNewSectionAdvantages__head {
  margin-bottom: 48px;
  text-align: center;
}

.indexNewSectionAdvantages__title {
  margin: 0 0 16px;
  font-family: var(--font3);
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.indexNewSectionAdvantages__subtitle {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.indexNewSectionAdvantages__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: repeat(5, minmax(108px, auto));
  gap: 16px;
  align-items: stretch;
}

.indexNewSectionAdvantages__grid>.indexNewSectionAdvantages__tab:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

.indexNewSectionAdvantages__grid>.indexNewSectionAdvantages__tab:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}

.indexNewSectionAdvantages__grid>.indexNewSectionAdvantages__tab:nth-child(3) {
  grid-column: 1;
  grid-row: 3;
}

.indexNewSectionAdvantages__grid>.indexNewSectionAdvantages__tab:nth-child(4) {
  grid-column: 1;
  grid-row: 4;
}

.indexNewSectionAdvantages__grid>.indexNewSectionAdvantages__tab:nth-child(5) {
  grid-column: 1;
  grid-row: 5;
}

.indexNewSectionAdvantages__grid>.indexNewSectionAdvantages__tab:nth-child(6) {
  grid-column: 2;
  grid-row: 5;
}

.indexNewSectionAdvantages__grid>.indexNewSectionAdvantages__tab:nth-child(7) {
  grid-column: 3;
  grid-row: 5;
}

.indexNewSectionAdvantages__tab {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* gap: 50px; */
  gap: 20px;
  width: 100%;
  min-height: 0;
  height: 100%;
  padding: 17px 14px 23px 22px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(0, 5, 15, 0.6);
  font: inherit;
  text-align: left;
  color: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.indexNewSectionAdvantages__tab:hover {
  border-color: rgba(0, 211, 243, 0.35);
}

.indexNewSectionAdvantages__tab.is-active {
  border-color: transparent;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
  box-shadow: 0 0 30px rgba(0, 100, 255, 0.25);
}

.indexNewSectionAdvantages__tab-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.indexNewSectionAdvantages__tab-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  overflow: hidden;
}

.indexNewSectionAdvantages__tab-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.indexNewSectionAdvantages__tab-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 6px 12px;
  box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.02);
  background: #0f172b;
}

.indexNewSectionAdvantages__tab-badge-icon {
  flex-shrink: 0;
  opacity: 0.85;
}

.indexNewSectionAdvantages__tab-name {


  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #fff;
}

.indexNewSectionAdvantages__panels {
  position: relative;
  grid-column: 2 / 4;
  grid-row: 1 / 5;
  min-height: 0;
  min-width: 0;
}

.indexNewSectionAdvantages__panel {
  display: none;
  align-items: stretch;
  gap: 24px;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(0, 5, 15, 0.55);
  box-shadow: 0 0 30px rgba(0, 100, 255, 0.15);
}

.indexNewSectionAdvantages__panel.is-active {
  display: flex;
  position: absolute;
  inset: 0;
}

.indexNewSectionAdvantages__panel[hidden] {
  display: none !important;
}

.indexNewSectionAdvantages__panel-visual {
  /* flex: 0 0 200px; */
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 500px;
  overflow: hidden;
  /* padding: 16px; */
  border-radius: 999px;
  /* background: rgba(0, 5, 15, 0.85); */
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.indexNewSectionAdvantages__panel-visual.mobile {
  display: none;
}

.indexNewSectionAdvantages__panel-visual img {
  display: block;
  width: auto;
  max-width: 140px;
  height: 100%;
  object-fit: cover;
  max-height: 100%;
}

.indexNewSectionAdvantages__panel-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.indexNewSectionAdvantages__panel-text {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;

  padding-top: 25px;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 211, 243, 0.45) rgba(15, 23, 43, 0.55);
}

.indexNewSectionAdvantages__panel-text::-webkit-scrollbar {
  width: 6px;
}

.indexNewSectionAdvantages__panel-text::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(15, 23, 43, 0.55);
}

.indexNewSectionAdvantages__panel-text::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(0, 211, 243, 0.35);
}

.indexNewSectionAdvantages__panel-text::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 211, 243, 0.55);
}

.indexNewSectionAdvantages__panel-text p,
.indexNewSectionAdvantages__panel-text li {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}

.indexNewSectionAdvantages__panel-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.indexNewSectionAdvantages__panel-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  flex-shrink: 0;
  gap: 10px;
  margin-top: 24px;
  padding: 14px 28px;
  border-radius: 35px;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  color: #fff;

  width: 100%;
  max-width: 230px;
}

.indexNewSectionAdvantages__panel-cta-icon {
  flex-shrink: 0;
}

.indexNewSectionTenderServices__decorHolder {
  position: relative;
  z-index: 1;
}

.indexNewSectionTenderServices__decor {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 720px;
  height: 720px;
  object-fit: contain;
  object-position: center;
}

.video__block-inner {
  position: relative;
  width: 100%;
}

.video__block-inner video {
  display: block;
  width: 100%;
  height: auto;
}

.video__block-blend {
  position: absolute;
  inset: 0;
  background: var(--video-blend-bg, #091F41);
  mix-blend-mode: lighten;
  pointer-events: none;
}

.indexNewSectionAdvantages__decor {
  position: absolute;
  right: -90px;
  bottom: -195px;
  z-index: 0;
  width: min(617px, 45vw);
  max-width: 100%;
  pointer-events: none;
  user-select: none;
}


.indexNewSectionIecp__decorHolder {
  position: relative;
}

.indexNewSectionIecp__decor .video__block-inner {
  width: calc(100% - 20px);
}

.indexNewSectionIecp__decor {
  position: absolute;
  right: -65px;
  top: 0;
  z-index: 0;
  width: min(520px, 36vw);
  transform: translateY(-41%);
  pointer-events: none;
  user-select: none;
  --video-blend-bg: #091F41;
}

.indexNewSectionIecp__decor .video__block-inner {
  transform: scaleX(-1);
}

.indexNewSectionIecp__decor .video__block-inner::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, var(--video-blend-bg, #091F41) 0%, rgba(9, 31, 65, 0.9) 12%, rgba(9, 31, 65, 0.4) 28%, transparent 55%);
}


.indexNewSectionTenderServices__decor_2 {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
  max-width: 690px;
  transform: translateY(-39%) translateX(30%);
  pointer-events: none;
  user-select: none;
  --video-blend-bg: #091F41;
}


.indexNewSectionAdvantages__mobile {
  display: none;
}

.indexNewSectionAdvantages__tabsSlider {
  width: 100%;
  overflow: hidden;
}

.indexNewSectionAdvantages__tabsSlider .swiper-slide {
  height: auto;
}

.indexNewSectionAdvantages__tab--mobile {
  width: 100%;
  min-height: 140px;
  gap: 24px;
}

.indexNewSectionAdvantages__mobilePanels {
  position: relative;
  margin-top: 16px;
}

.indexNewSectionAdvantages__panel--mobile {
  display: none;
  flex-direction: column;
  gap: 0;
  padding: 20px 16px 0;
  position: static;
  inset: auto;
  height: auto;
}

.indexNewSectionAdvantages__panel--mobile.is-active {
  display: flex;
  position: static;
}

.indexNewSectionAdvantages__panel--mobile .indexNewSectionAdvantages__panel-content {
  flex: 0 1 auto;
  overflow: visible;
}

.indexNewSectionAdvantages__panel--mobile .indexNewSectionAdvantages__panel-text {
  flex: 0 1 auto;
  max-height: min(280px, 42vh);
  overflow-y: auto;
}

.indexNewSectionAdvantages__panel--mobile .indexNewSectionAdvantages__panel-cta {
  flex-shrink: 0;
  margin-top: 16px;

  margin-inline: auto;
  margin-top: 30px;
  margin-bottom: 20px;

}

.indexNewSectionAdvantages__panel--mobile .indexNewSectionAdvantages__panel-visual.mobile {
  flex: 0 0 auto;
  width: 100%;
  margin-top: 8px;
  padding: 0 0 16px;
  border: none;
  border-radius: 0;
  background: transparent;



  height: 72px;
  overflow: hidden;
  margin-bottom: 25px;
  border-radius: 96px;


}

.indexNewSectionAdvantages__panel--mobile .indexNewSectionAdvantages__panel-visual.mobile img {
  display: block;
  width: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;

  height: auto;
}

@media (max-width: 768px) {
  .indexNewSection__advantages {
    padding: 48px 0 60px;
    overflow-x: hidden;
  }

  .indexNewSectionAdvantages__inner {
    max-width: none;
  }

  .indexNewSectionAdvantages__head {
    margin-bottom: 24px;
    padding-inline: 20px;
  }

  .body.index h2.indexNewSectionAdvantages__title {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .indexNewSectionAdvantages__subtitle {
    font-size: 14px;
  }

  .indexNewSectionAdvantages__desktop {
    display: none;
  }

  .indexNewSectionAdvantages__mobile {
    display: block;
    /* padding-inline: 20px; */
  }

  .indexNewSectionAdvantages__tabsSlider {
    /* margin-inline: -20px; */
    /* padding-inline: 20px; */
  }

  .indexNewSectionAdvantages__decor {
    display: none;
  }

  .indexNewSectionAdvantages__panel-visual:not(.mobile) {
    display: none !important;
  }

  .indexNewSectionAdvantages__panel-visual.mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 8px;
    padding: 0 0 16px;
    border: none;
    border-radius: 0;
    background: transparent;
  }

  .indexNewSectionAdvantages__panel-visual.mobile img {
    display: block;
    width: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain;
  }
}

@media (max-width: 390px) {
  .indexNewSectionAdvantages__tab--mobile {
    min-height: 128px;
    padding: 14px 12px 18px 16px;
    gap: 16px;
  }

  .indexNewSectionAdvantages__tab--mobile .indexNewSectionAdvantages__tab-name {
    font-size: 18px;
  }

  .indexNewSectionAdvantages__panel--mobile .indexNewSectionAdvantages__panel-text {
    max-height: min(240px, 38vh);
  }

  .indexNewSectionAdvantages__panel--mobile .indexNewSectionAdvantages__panel-text p,
  .indexNewSectionAdvantages__panel--mobile .indexNewSectionAdvantages__panel-text li {
    font-size: 14px;
  }
}

/* --- Tender & Subcontracts --- */

.indexNewSection__tenderServices {
  position: relative;
  overflow: hidden;
  background: #021430;
  --video-blend-bg: #021430;
}

.indexNewSection__tenderSub {
  position: relative;
  padding: 80px 0 70px;
}

.indexNewSectionTenderSub__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.indexNewSection__tender {
  position: relative;
  padding: 80px 0 90px;
  background: linear-gradient(180deg, #eaf2ff 0%, #f7faff 100%);
}

.indexNewSectionTender__inner {
  width: 100%;
}

.indexNewSectionTender__head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 16px 32px;
  margin-bottom: 40px;
}

.indexNewSectionTender__head-text {
  display: contents;
}

.indexNewSectionTender__title {
  grid-column: 1 / -1;
  margin: 0;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 40px;
  line-height: 1.5;
  color: #08162b;
}

.body.index h2.indexNewSectionTender__title {
  margin: 0;
}

.body.index h2.indexNewSectionSubcontracts__megaTitle,
.body.index h2.indexNewSectionSeminars__megaTitle,
.body.index h2.indexNewSectionIecp__title,
.body.index h2.indexNewSectionPartners__title {
  margin: 0;
}

@media (max-width: 768px) {
  .body.index h2.indexNewSectionSubcontracts__megaTitle,
  .body.index h2.indexNewSectionSeminars__megaTitle,
  .body.index h2.indexNewSectionIecp__title,
  .body.index h2.indexNewSectionPartners__title {
    margin: 0;
  }
}

.indexNewSectionTender__subtitle {
  grid-column: 1;
  margin: 0;
  max-width: 720px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #6b7890;
}

.indexNewSectionTender__cta {
  grid-column: 2;
  grid-row: 2;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border: 1px solid #095dff;
  border-radius: 999px;
  background: transparent;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
  text-decoration: none;
  color: #095dff;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
}

a.indexNewSectionTender__cta:hover {
  color: #fff;
  background: #095dff;
}

.indexNewSectionTender__cta--mobile {
  display: none;
}

.indexNewSectionTender__grid {
  display: grid;
  grid-template-columns: minmax(0, 2.05fr) minmax(0, 1fr);
  gap: 16px;
  height: 408px;
}

.indexNewSectionTender__main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  min-height: 0;
}

.indexNewSectionTender__cols {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 16px;
  flex: 1 1 auto;
  min-height: 0;
}

.indexNewSectionTender__col {
  display: grid;
  gap: 16px;
  min-height: 0;
}

.indexNewSectionTender__col--a {
  grid-template-rows: 1.35fr 1fr;
}

.indexNewSectionTender__col--b {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.indexNewSectionTender__side {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
  min-height: 0;
}

.indexNewSectionTender__card {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-width: 0;
  min-height: 0;
  padding: 20px 22px;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 4px 24px 0 rgba(9, 93, 255, 0.25);
  background: rgba(8, 22, 43, 0.45);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

a.indexNewSectionTender__card:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px 0 rgba(9, 93, 255, 0.32);
}

.indexNewSectionTender__card--6 {
  flex: 0 0 auto;
  min-height: 96px;
  height: 96px;
}

.indexNewSectionTender__card--7 {
  min-height: 110px;
}

.indexNewSectionTender__card-bg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  pointer-events: none;
}

.indexNewSectionTender__card-title {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 85%;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.95);
}

.indexNewSectionSubcontracts__cta {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 35px;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
}

.indexNewSectionSubcontracts__cta:hover {
  opacity: 0.92;
}

.indexNewSectionSubcontracts__cta-icon {
  flex-shrink: 0;
}

.indexNewSectionTender__decor {
  position: absolute;
  left: -200px;
  top: 21%;
  z-index: 0;
  width: min(730px, 42vw);
  pointer-events: none;
  user-select: none;
  opacity: 0.85;
}

.indexNewSectionTender__decor .video__block-inner {
  transform: scaleX(-1);
}

.indexNewSectionSubcontracts {
  position: relative;
  min-width: 0;
  max-width: 100%;
}

.indexNewSectionSubcontracts__megaTitle {
  margin: 0;
  max-width: 100%;
  font-family: var(--font-family);
  font-weight: 900;
  font-size: clamp(52px, 11.6vw, 164px);
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  pointer-events: none;
  user-select: none;
}

.indexNewSectionSubcontracts__layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 4fr);
  gap: 48px;
  align-items: start;
}

.indexNewSectionSubcontracts__content {
  /* padding-top: 48px; */

  max-width: 540px;
}

.indexNewSectionSubcontracts__title {
  margin: 0 0 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #fff;
}

.indexNewSectionSubcontracts__text {
  margin: 0 0 8px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.63;
  color: #90a1b9;
}

.indexNewSectionSubcontracts__stat {
  margin: 0 0 20px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;


  display: flex;
  flex-direction: column;
  /* gap: 10px; */
}

.indexNewSectionSubcontracts__stat-prefix,
.indexNewSectionSubcontracts__stat-highlight {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  -webkit-text-fill-color: inherit;



}


.indexNewSectionSubcontracts__stat-highlight {
  font-size: 18px;
}

.indexNewSectionSubcontracts__icons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px 30px;
  margin: 0;
  padding: 48px 0 0;
  list-style: none;
}

.indexNewSectionSubcontracts__iconItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;


  max-width: 244px;
}

.indexNewSectionSubcontracts__iconItem:not(#id)::before {
  display: none;
}

.indexNewSectionSubcontracts__icon {
  width: 54px;
  height: auto;
}

.indexNewSectionSubcontracts__iconLabel {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.35;
  color: #fff;
}

.indexNewSectionSubcontracts__megaTitle span {
  display: inline;
}

@media (max-width: 1200px) {
  .indexNewSectionTender__grid {
    height: 360px;
  }

  .indexNewSectionTender__title {
    font-size: 36px;
  }

  .indexNewSectionTender__card {
    padding: 16px 18px;
  }

  .indexNewSectionTender__card-title {
    font-size: 15px;
  }
}

@media (max-width: 1024px) {
  .indexNewSection__tender {
    padding: 64px 0 72px;
  }

  .indexNewSection__tenderSub {
    padding: 64px 0 96px;
  }

  .indexNewSectionTenderSub__inner {
    gap: 48px;
  }

  .indexNewSectionTender__head {
    margin-bottom: 28px;
    gap: 24px;
  }

  .indexNewSectionTender__title {
    font-size: 32px;
    line-height: 1.3;
  }

  .indexNewSectionTender__grid {
    height: 320px;
    gap: 12px;
  }

  .indexNewSectionTender__main,
  .indexNewSectionTender__cols,
  .indexNewSectionTender__col,
  .indexNewSectionTender__side {
    gap: 12px;
  }

  .indexNewSectionTender__card--6 {
    height: 84px;
    min-height: 84px;
  }

  .indexNewSectionTender__card--7 {
    min-height: 90px;
  }

  .indexNewSectionTender__decor {
    left: -320px;
    width: min(480px, 50vw);
    opacity: 0.6;
  }

  .indexNewSectionSubcontracts__layout {
    gap: 32px;
  }

  .indexNewSectionSubcontracts__title {
    font-size: 40px;
  }

  .indexNewSectionSubcontracts__icons {
    padding-top: 32px;
    gap: 20px 20px;
  }

  .indexNewSectionSubcontracts__iconItem {
    max-width: none;
  }
}

@media (max-width: 768px) {
  .indexNewSection__tender {
    padding: 48px 0 56px;
  }

  .indexNewSection__tenderServices {
    overflow-x: hidden;
  }

  .indexNewSection__tenderSub {
    padding: 48px 0 72px;
  }

  .indexNewSectionTenderSub__inner {
    gap: 40px;
  }

  .indexNewSectionTender__head {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
    gap: 12px;
  }

  .indexNewSectionTender__title {
    font-size: 28px;
    line-height: 1.25;
  }

  .body.index h2.indexNewSectionTender__title {
    margin: 0;
  }

  .indexNewSectionTender__subtitle {
    grid-column: 1;
    max-width: none;
  }

  .indexNewSectionTender__cta--desktop {
    display: none;
  }

  .indexNewSectionTender__cta--mobile {
    display: inline-flex;
    width: 100%;
    margin-top: 8px;
    padding: 14px 20px;
    white-space: normal;
  }

  .indexNewSectionTender__grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: auto;
  }

  .indexNewSectionTender__main,
  .indexNewSectionTender__cols,
  .indexNewSectionTender__col,
  .indexNewSectionTender__side {
    display: contents;
  }

  .indexNewSectionTender__card {
    order: 10;
    min-height: 120px;
    height: auto;
    padding: 20px;
    align-items: center;
  }

  .indexNewSectionTender__card--1 { order: 1; }
  .indexNewSectionTender__card--2 { order: 2; }
  .indexNewSectionTender__card--3 { order: 3; }
  .indexNewSectionTender__card--4 { order: 4; }
  .indexNewSectionTender__card--5 { order: 5; }
  .indexNewSectionTender__card--6 { order: 6; }
  .indexNewSectionTender__card--7 { order: 7; }
  .indexNewSectionTender__card--8 { order: 8; }

  .indexNewSectionTender__card-title {
    max-width: 70%;
    font-size: 16px;
  }

  .indexNewSectionTender__decor {
    display: none;
  }

  .indexNewSectionSubcontracts__megaTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: clamp(48px, 14vw, 88px);
    line-height: 0.9;
    letter-spacing: -0.02em;
  }

  .indexNewSectionSubcontracts__megaTitle span {
    display: block;
  }

  .indexNewSectionSubcontracts__layout {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .indexNewSectionSubcontracts__content {
    display: contents;
    max-width: none;
  }

  .indexNewSectionSubcontracts__title {
    order: 1;
    font-size: 32px;
  }

  .indexNewSectionSubcontracts__text {
    order: 2;
  }

  .indexNewSectionSubcontracts__stat {
    order: 3;
    font-size: 20px;
  }

  .indexNewSectionSubcontracts__stat-highlight {
    font-size: inherit;
  }

  .indexNewSectionSubcontracts__icons {
    order: 4;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 8px;
    gap: 24px 16px;
  }

  .indexNewSectionSubcontracts__cta {
    order: 5;
    align-self: stretch;
    width: 100%;
    margin-top: 55px;
    white-space: normal;
    text-align: center;
  }

  .indexNewSectionSubcontracts__iconLabel {
    font-size: 16px;
  }
}

@media (max-width: 390px) {
  .indexNewSection__tender {
    padding: 40px 0 48px;
  }

  .indexNewSection__tender .contentOuter {
    padding-left: 20px;
    padding-right: 20px;
  }

  .indexNewSection__tenderSub .contentOuter {
    padding-left: 20px;
    padding-right: 20px;
  }

  .indexNewSection__tenderSub {
    padding: 40px 0 56px;
  }

  .indexNewSectionTenderSub__inner {
    gap: 32px;
  }

  .indexNewSectionTender__head {
    margin-bottom: 16px;
    gap: 12px;
  }

  .indexNewSectionTender__title {
    font-size: 26px;
    line-height: 1.25;
  }

  .indexNewSectionTender__subtitle {
    font-size: 14px;
    line-height: 1.5;
  }

  .indexNewSectionTender__cta,
  .indexNewSectionSubcontracts__cta {
    padding: 14px 20px;
    font-size: 14px;
  }

  .indexNewSectionTender__grid {
    gap: 10px;
  }

  .indexNewSectionTender__card {
    min-height: 110px;
    padding: 18px;
    border-radius: 14px;
  }

  .indexNewSectionTender__card-title {
    font-size: 15px;
    line-height: 1.2;
    max-width: 75%;
  }

  .indexNewSectionSubcontracts__title {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .indexNewSectionSubcontracts__text {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .indexNewSectionSubcontracts__stat {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .indexNewSectionSubcontracts__icons {
    gap: 20px 12px;
  }

  .indexNewSectionSubcontracts__icon {
    width: 48px;
  }

  .indexNewSectionSubcontracts__iconItem {
    gap: 12px;
  }

  .indexNewSectionSubcontracts__iconLabel {
    font-size: 14px;
    line-height: 1.3;
  }
}

/* --- Services: Seminars, iECP, Finance --- */

.indexNewSection__services {
  position: relative;
  padding: 20px 0 50px;
  overflow: hidden;
  background: #091F41;
  --video-blend-bg: #091F41;


}

.indexNewSectionServices__inner {
  display: flex;
  flex-direction: column;
  /* gap: 100px; */
}

.indexNewSectionServices__cta {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 35px;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;

  width: 100%;
  max-width: 224px;
}

.indexNewSectionServices__cta:hover {
  color: #fff;
  opacity: 0.92;
}

.indexNewSectionServices__ctaIcon {
  flex-shrink: 0;
}

/* Seminars */

.indexNewSectionSeminars {
  position: relative;
  z-index: 2;
  min-width: 0;

  margin-bottom: 60px;
}

.indexNewSectionSeminars__logo {
  display: block;
  width: 190px;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.indexNewSectionSeminars__megaTitle {
  margin: 0;
  max-width: 100%;
  font-family: var(--font-family);
  font-weight: 900;
  font-size: clamp(52px, 11.6vw, 164px);
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  background: linear-gradient(90deg, #00d3f3 0%, #2b7fff 50%, #615fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  pointer-events: none;
  user-select: none;
}

.indexNewSectionSeminars__megaTitle span {
  display: inline;
}

.indexNewSectionSeminars__layout {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
  gap: 48px;
  align-items: start;
}

.indexNewSectionSeminars__title {
  margin: 0 0 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #fff;
}

.indexNewSectionSeminars__text {
  margin: 0 0 40px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.63;
  color: #90a1b9;
}

.indexNewSectionSeminars__icons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px 30px;
  margin: 0;
  padding: 150px 0 0;
  list-style: none;
}

.indexNewSectionSeminars__iconItem {
  margin: 0;
  padding: 0;
  max-width: 244px;
}

.indexNewSectionSeminars__iconItem:not(#id)::before {
  display: none;
}

.indexNewSectionSeminars__iconLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  max-width: 244px;
}

.indexNewSectionSeminars__iconLink:hover .indexNewSectionSeminars__iconLabel {
  color: #00d3f3;
}

.indexNewSectionSeminars__iconSvg {
  flex-shrink: 0;
  width: 63px;
  height: 63px;
}

.indexNewSectionSeminars__iconLabel {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.35;
  text-align: center;
  color: #fff;
}

/* iECP */

.indexNewSectionIecp {
  position: relative;
  min-width: 0;
  padding: 24px 0;
  z-index: 1;
  margin-bottom: 130px;
}

.indexNewSectionIecp__layout {
  position: relative;
  z-index: 1;
  display: flex;
  /* align-items: center; */
  gap: 40px;
}

.indexNewSectionIecp__content {
  flex: 1.1 1 0;
  min-width: 0;
  max-width: 480px;
}

.indexNewSectionIecp__logo {
  display: block;
  width: 234px;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.indexNewSectionIecp__title {
  margin: 0 0 30px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #fff;
}

.indexNewSectionIecp__text {
  margin: 0 0 24px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.63;
  color: #90a1b9;
}

.indexNewSectionIecp__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 24px;
}

.indexNewSectionIecp__trust {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 33554400px;
  background: rgba(255, 255, 255, 0.05);
  font-family: var(--font3);
  font-weight: 400;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #05df72;
  transition: color 0.2s ease;
}

.indexNewSectionIecp__trust:hover {
  color: #fff;
}

.indexNewSectionIecp__trust:hover svg path {
  stroke: #fff;
}

.indexNewSectionIecp__trust svg {
  flex-shrink: 0;
}

.indexNewSectionIecp__visual {
  display: flex;
  flex: 0.9 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  position: relative;
}

.indexNewSectionIecp__lock {
  position: absolute;
  left: 0;
  transform: translateX(-29%);
  width: 900px;
  max-width: 900px;

}

.indexNewSectionIecp__features {
  --right-offset: 100px;
  display: flex;
  flex: 0 0 calc(290px + var(--right-offset));
  flex-direction: column;
  gap: 5px;
  width: 100%;
  max-width: calc(290px + var(--right-offset));
  padding-right: var(--right-offset);
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 60px;





}

.indexNewSectionIecp__feature:not(#id) {
  margin-left: 0;

  &:before {
    display: none;

  }
}


.indexNewSectionIecp__feature {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
}

.indexNewSectionIecp__feature-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.indexNewSectionIecp__feature-text {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.43;
  color: #cad5e2;
}



/* Finance */

.indexNewSectionFinance {
  min-width: 0;
}

.indexNewSectionFinance__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  margin-bottom: 32px;
}

.indexNewSectionFinance__logo {
  display: block;
  width: 234px;
  max-width: 100%;
  height: auto;
}

.indexNewSectionFinance__title {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #fff;
}

.indexNewSectionFinance__cards {
  width: 100%;
}

.indexNewSectionFinance__slider {
  display: none;
  width: 100%;
  overflow: hidden;
}

.indexNewSectionFinance__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}

.indexNewSectionFinance__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 278px;
  padding: 33px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(15, 23, 43, 0.4);
  box-shadow: 0 0 30px rgba(0, 100, 255, 0.12);
  overflow: hidden;
}

.indexNewSectionFinance__card-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

.indexNewSectionFinance__card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 212, 146, 0.35);
  border-radius: 12px;
  background: rgba(0, 212, 146, 0.08);
}

.indexNewSectionFinance__card-title {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
}

.indexNewSectionFinance__card-text {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.63;
  color: #90a1b9;
}

.indexNewSectionFinance__cardWave {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  opacity: 0.3;
}

.indexNewSectionFinance__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 35px;
  background: rgba(15, 23, 43, 0.55);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  color: #fff;
}

.indexNewSectionFinance__cta:hover {
  border-color: rgba(0, 211, 243, 0.35);
  background: rgba(15, 23, 43, 0.85);
  color: #fff;
}

@media (max-width: 1024px) {
  .indexNewSection__services {
    padding: 48px 0 96px;
  }

  .indexNewSectionSeminars {
    margin-bottom: 48px;
  }

  .indexNewSectionSeminars__layout {
    gap: 32px;
  }

  .indexNewSectionSeminars__title,
  .indexNewSectionIecp__title,
  .indexNewSectionFinance__title {
    font-size: 40px;
  }

  .indexNewSectionSeminars__icons {
    padding-top: 80px;
    gap: 20px 20px;
  }

  .indexNewSectionSeminars__iconItem,
  .indexNewSectionSeminars__iconLink {
    max-width: none;
  }

  .indexNewSectionIecp {
    margin-bottom: 96px;
  }

  .indexNewSectionIecp__layout {
    flex-wrap: wrap;
    gap: 32px;
  }

  .indexNewSectionIecp__content {
    flex: 1 1 100%;
    max-width: none;
  }

  .indexNewSectionIecp__visual {
    flex: 1 1 45%;
  }

  .indexNewSectionIecp__features {
    flex: 1 1 45%;
    --right-offset: 0;
    max-width: none;
    padding-right: 0;
    margin-top: 0;
  }

  .indexNewSectionIecp__decor {
    right: 0;
    width: min(360px, 42vw);
    opacity: 0.7;
  }

  .indexNewSectionFinance__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .indexNewSection__services {
    padding: 40px 0 72px;
  }

  .indexNewSectionServices__inner {
    gap: 48px;
  }

  .indexNewSectionServices__cta {
    width: 100%;
    max-width: none;
  }

  .indexNewSectionSeminars {
    margin-bottom: 40px;
  }

  .indexNewSectionSeminars__logo {
    width: 160px;
    margin-bottom: 8px;
  }

  .indexNewSectionSeminars__megaTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: clamp(48px, 14vw, 88px);
    line-height: 0.9;
    letter-spacing: -0.02em;
  }

  .indexNewSectionSeminars__megaTitle span {
    display: block;
  }

  .indexNewSectionSeminars__layout {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .indexNewSectionSeminars__content {
    display: contents;
  }

  .indexNewSectionSeminars__title {
    order: 1;
    font-size: 32px;
    margin-bottom: 12px;
  }

  .indexNewSectionSeminars__text {
    order: 2;
    margin-bottom: 24px;
    font-size: 15px;
  }

  .indexNewSectionSeminars__icons {
    order: 3;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 24px;
    padding-top: 0;
  }

  .indexNewSectionSeminars__iconItem,
  .indexNewSectionSeminars__iconLink {
    max-width: none;
    width: 100%;
  }

  .indexNewSectionSeminars__cta {
    order: 4;
    align-self: stretch;
  }

  .indexNewSectionIecp {
    padding: 0;
    margin-bottom: 48px;
    overflow: visible;
  }

  .indexNewSectionIecp__layout {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .indexNewSectionIecp__content {
    display: contents;
  }

  .indexNewSectionIecp__logo {
    order: 1;
    width: 200px;
    margin-bottom: 16px;
  }

  .indexNewSectionIecp__title {
    order: 2;
    font-size: 32px;
    margin-bottom: 12px;
  }

  .indexNewSectionIecp__text {
    order: 3;
    margin-bottom: 0;
    font-size: 15px;
  }

  .indexNewSectionIecp__visual {
    order: 4;
    flex: none;
    position: relative;
    width: calc(100% + 48px);
    height: 400px;
    margin-inline: -24px;
    overflow: hidden;
  }

  .indexNewSectionIecp__lock {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 900px;
    min-width: 900px;
    max-width: none;
    height: auto;
    margin: 0;
    transform: translate(-50%, -50%);
  }

  .indexNewSectionIecp__features {
    order: 5;
    width: 100%;
    max-width: none;
  }

  .indexNewSectionIecp__actions {
    order: 6;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 100%;
  }

  .indexNewSectionIecp__trust {
    align-self: flex-start;
  }

  .indexNewSectionIecp__decor {
    display: none;
  }

  .indexNewSectionFinance__head {
    gap: 16px;
    margin-bottom: 24px;
  }

  .indexNewSectionFinance__logo {
    width: 200px;
  }

  .indexNewSectionFinance__title {
    font-size: 32px;
  }

  .indexNewSectionFinance__grid {
    display: none;
  }

  .indexNewSectionFinance__slider {
    display: block;
    margin-bottom: 32px;
  }

  .indexNewSectionFinance__card {
    min-height: 240px;
    padding: 24px;
  }

  .indexNewSectionFinance__cta {
    width: 100%;
    margin-top: 24px;
    text-align: center;
  }
}

@media (max-width: 390px) {
  .indexNewSection__services .contentOuter {
    padding-left: 20px;
    padding-right: 20px;
  }

  .indexNewSection__services {
    padding: 32px 0 56px;
  }

 


  .indexNewSectionServices__inner {
    gap: 0;
  }

  .indexNewSectionServices__cta,
  .indexNewSectionFinance__cta {
    padding: 14px 20px;
    font-size: 15px;
    border-radius: 32px;
  }

  .indexNewSectionSeminars {
    margin-bottom: 32px;
  }

  .indexNewSectionSeminars__logo {
    width: 140px;
  }

  .indexNewSectionSeminars__title {
    font-size: 28px;
    letter-spacing: -0.02em;
  }

  .indexNewSectionSeminars__text {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .indexNewSectionSeminars__icons {
    gap: 20px;
  }

  .indexNewSectionSeminars__iconSvg {
    width: 56px;
    height: 56px;
  }

  .indexNewSectionSeminars__iconLabel {
    font-size: 16px;
  }

  .indexNewSectionIecp {
    margin-bottom: 40px;
  }

  .indexNewSectionIecp__logo {
    width: 180px;
  }

  .indexNewSectionIecp__title {
    font-size: 28px;
  }

  .indexNewSectionIecp__text {
    font-size: 14px;
  }

  .indexNewSectionIecp__visual {
    width: calc(100% + 40px);
    margin-inline: -20px;
  }

  .indexNewSectionIecp__feature {
    padding: 14px;
  }

  .indexNewSectionIecp__feature-text {
    font-size: 13px;
  }

  .indexNewSectionFinance__logo {
    width: 180px;
  }

  .indexNewSectionFinance__title {
    font-size: 28px;
  }

  .indexNewSectionFinance__card {
    min-height: 220px;
    padding: 20px;
  }

  .indexNewSectionFinance__card-title {
    font-size: 18px;
  }

  .indexNewSectionFinance__card-text {
    font-size: 13px;
  }
}

/* Partners */

.indexNewSection__partners {
  position: relative;
  z-index: 1;
  padding: 90px 0;
  overflow: hidden;
  background: #f4f8ff;

}

.indexNewSectionPartners__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}

.indexNewSectionPartners__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.indexNewSectionPartners__title {
  margin: 0;
  max-width: 720px;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 38px;
  line-height: 1.5;
  text-align: center;
  color: #08162b;
}

.indexNewSectionPartners__subtitle {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #6b7890;
}

.indexNewSectionPartners__slider {
  width: 100%;
  overflow: hidden;
  padding-bottom: 40px;
}

.indexNewSectionPartners__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
}

.indexNewSectionPartners__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.indexNewSectionPartners__logo img {
  display: block;
  max-width: 100%;
  max-height: 64px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.indexNewSectionPartners__pagination {
  position: static;
  margin-top: 8px;
}

.indexNewSectionPartners__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background: #c8d2e3;
  opacity: 1;
  border-radius: 50%;
  transition: background-color 0.25s ease;
}

.indexNewSectionPartners__pagination .swiper-pagination-bullet-active {
  background: #2b7fff;
}

@media (max-width: 768px) {
  .indexNewSection__partners {
    padding: 56px 0;
  }

  .indexNewSectionPartners__inner {
    gap: 32px;
  }

  .indexNewSectionPartners__title {
    font-size: 28px;
    line-height: 1.3;
  }

  .indexNewSectionPartners__slide {
    height: 64px;
  }

  .indexNewSectionPartners__logo img {
    max-height: 48px;
  }
}

@media (max-width: 390px) {
  .indexNewSection__partners .contentOuter {
    padding-left: 20px;
    padding-right: 20px;
  }

  .indexNewSection__partners {
    padding: 40px 0;
  }

  .indexNewSectionPartners__title {
    font-size: 24px;
  }

  .indexNewSectionPartners__slider {
    padding-bottom: 28px;
  }
}

/* Journal / News */

.indexNewSection__journal {
  position: relative;
  z-index: 1;
  padding: 90px 0;
  overflow: hidden;
  background: #f4f8ff;
}

.indexNewSectionJournal__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.indexNewSectionJournal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.indexNewSectionJournal__head-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.indexNewSectionJournal__title {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 38px;
  line-height: 126%;
  color: #172033;
}

.body.index h2.indexNewSectionJournal__title {
  margin: 0;
}

.indexNewSectionJournal__subtitle {
  margin: 0;
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #667085;
}

.indexNewSectionJournal__subtitle-short {
  display: none;
}

.indexNewSectionJournal__all {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 999px;
  background: #095dff;
  font-family: var(--third-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  text-decoration: none;
  color: #fff;
  transition: background-color 0.25s ease, opacity 0.25s ease;
}

.indexNewSectionJournal__all:hover {
  background: #0849d6;
  color: #fff;
  text-decoration: none;
}

.indexNewSectionJournal__all-short {
  display: none;
}

.indexNewSectionJournal__all-icon {
  display: block;
  flex-shrink: 0;
}

.indexNewSectionJournal__list-fade {
  position: relative;
}

.indexNewSection__journal .indexNewSectionJournal__slider {
  mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 72px), transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 72px), transparent 100%);
}

@media (max-width: 768px) {
  .indexNewSection__journal {
    padding: 56px 0;
  }

  .indexNewSectionJournal__inner {
    gap: 24px;
  }

  .indexNewSectionJournal__title {
    font-size: 28px;
  }

  .indexNewSectionJournal__subtitle {
    font-size: 16px;
  }

  .indexNewSectionJournal__subtitle-full {
    display: none;
  }

  .indexNewSectionJournal__subtitle-short {
    display: inline;
  }

  .indexNewSectionJournal__all {
    padding: 10px 18px;
  }

  .indexNewSectionJournal__all-full {
    display: none;
  }

  .indexNewSectionJournal__all-short {
    display: inline;
  }

  .indexNewSectionJournal__all-icon {
    display: none;
  }

  .indexNewSection__journal .indexNewSectionJournal__slider {
    mask-image: none;
    -webkit-mask-image: none;
  }

  .indexNewSection__journal .indexNewSectionJournal__slider.swiper-initialized {
    overflow: visible;
  }

  .indexNewSection__journal .indexNewSectionJournal__slider .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    transform: none !important;
  }

  .indexNewSection__journal .indexNewSectionJournal__slide {
    width: 100% !important;
    margin: 0 !important;
  }
}

@media (max-width: 390px) {
  .indexNewSection__journal .contentOuter {
    padding-left: 20px;
    padding-right: 20px;
  }

  .indexNewSection__journal {
    padding: 40px 0;
  }

  .indexNewSectionJournal__title {
    font-size: 24px;
  }

  .indexNewSectionJournal__all {
    padding: 8px 16px;
    font-size: 14px;
  }
}

/* Media Center */

.indexNewSection__media {
  position: relative;
  padding: 40px 0 100px;
  padding-bottom: 0;
  overflow: hidden;
  background: #020a16;
  --video-blend-bg: #020a16;
}

.indexNewSection__media .contentOuter {
  position: relative;
  z-index: 2;
}

.indexNewSectionMedia__inner {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.indexNewSectionMedia__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.indexNewSectionMedia__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 36px;
  line-height: 111%;
  letter-spacing: -0.02em;
  color: #fff;

  margin: 0;
}

.indexNewSectionMedia__link {
  flex-shrink: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  color: #90a1b9;
  transition: color 0.2s ease;
}

.indexNewSectionMedia__link:hover {
  color: #fff;
}

.indexNewSectionMedia__cards {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: 100px;
}

.indexNewSectionMedia__slider {
  display: none;
  width: 100%;
  overflow: hidden;
}

.indexNewSectionMedia__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.indexNewSectionMedia__card {
  min-width: 0;
}

.indexNewSectionMedia__card-link {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-decoration: none;
  color: inherit;
}

.indexNewSectionMedia__card-media {
  overflow: hidden;
  border-radius: 10px;
  background: rgba(15, 23, 43, 0.55);
}

.indexNewSectionMedia__card-img {
  display: block;
  width: 100%;
  height: 190px;
  aspect-ratio: 392.66 / 190;
  object-fit: cover;
}

.indexNewSectionMedia__card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

.indexNewSectionMedia__card-tag {
  border-radius: 4px;
  background: rgba(0, 211, 243, 0.1);
  font-family: var(--font3);
  font-weight: 400;
  font-size: 10px;
  line-height: 150%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #00d3f3;

  padding: 5px 8px;
}

.indexNewSectionMedia__card-date {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  color: #62748e;
}

.indexNewSectionMedia__card-read {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  color: #45556c;
}

.indexNewSectionMedia__card-title {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 138%;
  color: #fff;
}

.indexNewSectionMedia__video {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 1508px;
  margin: -160px auto 0;
  line-height: 0;
  overflow: hidden;
}

.indexNewSectionMedia__video-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, #020a16 0%, rgba(2, 10, 22, 0.92) 5%, rgba(2, 10, 22, 0.35) 14%, transparent 26%, transparent 74%, rgba(2, 10, 22, 0.35) 86%, rgba(2, 10, 22, 0.92) 95%, #020a16 100%),
    linear-gradient(180deg, rgba(2, 10, 22, 0.75) 0%, transparent 16%, transparent 84%, rgba(2, 10, 22, 0.8) 100%);
}

.indexNewSectionMedia__video-link {
  display: block;
  overflow: hidden;
  border-radius: 10px;
  text-decoration: none;
}

.indexNewSectionMedia__video .video__block-inner {
  width: 100%;
}

.indexNewSectionMedia__video-el {
  display: block;
  width: 100%;
  height: auto;
}

.indexNewSectionMedia__video-img,
.indexNewSectionMedia__video-link video,
.indexNewSectionMedia__video-el {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .indexNewSection__media {
    padding: 48px 0 64px;
  }

  .indexNewSectionMedia__inner {
    gap: 0;
  }

  .indexNewSectionMedia__cards {
    margin-top: 24px;
  }

  .indexNewSectionMedia__video {
    margin-top: -80px;
  }

  .indexNewSectionMedia__title {
    font-size: 32px;
  }

  .indexNewSectionMedia__link {
    font-size: 15px;
  }

  .indexNewSectionMedia__grid {
    display: none;
  }

  .indexNewSectionMedia__slider {
    display: block;
  }

  .indexNewSectionMedia__card-link {
    gap: 12px;
  }

  .indexNewSectionMedia__card-media {
    border-radius: 14px;
  }

  .indexNewSectionMedia__card-img {
    height: auto;
    min-height: 160px;
    aspect-ratio: 392.66 / 190;
  }
}

@media (max-width: 390px) {
  .indexNewSection__media .contentOuter {
    padding-left: 20px;
    padding-right: 20px;
  }

  .indexNewSection__media {
    padding: 40px 0 48px;
  }

  .indexNewSectionMedia__inner {
    gap: 0;
  }

  .indexNewSectionMedia__cards {
    margin-top: 20px;
  }

  .indexNewSectionMedia__video {
    margin-top: -48px;
  }

  .indexNewSectionMedia__head {
    gap: 16px;
  }

  .indexNewSectionMedia__title {
    font-size: 28px;
    letter-spacing: -0.02em;
  }

  .indexNewSectionMedia__link {
    font-size: 14px;
  }



  .indexNewSectionMedia__card-link {
    gap: 12px;
  }

  .indexNewSectionMedia__card-media {
    border-radius: 12px;
  }

  .indexNewSectionMedia__card-meta {
    gap: 6px 10px;
  }

  .indexNewSectionMedia__card-title {
    font-size: 16px;
    line-height: 1.4;
  }

}

/* --- Decorative backgrounds — mobile --- */

@media (max-width: 768px) {

  .indexNewSectionAdvantages__decor,
  .indexNewSectionTender__decor,
  .indexNewSectionTenderServices__decor,
  .indexNewSectionTenderServices__decor_2,
  .indexNewSectionIecp__decor {
    display: none;
  }
}