:root {
  --hero-blue: #1d57f6;
  --hero-orange: #ff7700;
  --hero-pink: #ff57f6;
}

body {
  background: #000;
  color: #fff;
  font-family: "Nata Sans", sans-serif;
  overflow-x: hidden;
  overflow-y: auto;
}

.poster {
  width: 100vw;
}

.hero {
  position: relative;
  width: 100vw;
  height: 62.5vw;
  max-height: 62.5vw;
  background: #000;
  overflow: hidden;
  isolation: isolate;
  transition: filter 0.4s ease;
}

.ellipse {
  position: absolute;
  width: 61.73vw;
  height: 61.73vw;
  border-radius: 50%;
  mix-blend-mode: screen;
  opacity: 0.95;
}

.ellipse-1,
.ellipse-2 {
  background: var(--hero-blue);
  z-index: 4;
}

.ellipse-3,
.ellipse-4,
.ellipse-5 {
  background: var(--hero-orange);
  z-index: 1;
}

/* порядок эллипсов */

.ellipse-1 {
  /* синий левый */
  top: 0;
  left: -12.7vw;
  animation: swap-blue 3s linear infinite alternate,
    hero-ellipse-left-1 3s linear infinite alternate;
}

.ellipse-2 {
  /* синий правый */
  top: 0;
  left: 49.9vw;
  animation: swap-blue 3s linear infinite alternate,
    hero-ellipse-right-1 3s linear infinite alternate;
}

.ellipse-3 {
  /* оранжевый центральный */
  top: 0;
  left: 18.4vw;
  z-index: 2;
  animation: none;
}

.ellipse-4 {
  /* левый оранжевый */
  top: 0;
  left: 2.8vw;
  animation: swap-orange 3s linear infinite alternate,
    hero-ellipse-left-2 3s linear infinite alternate;
}

.ellipse-5 {
  /* правый оранжевый */
  top: 0;
  left: 33.8vw;
  animation: swap-orange 3s linear infinite alternate,
    hero-ellipse-right-2 3s linear infinite alternate;
}

/* полосы */
.stripe {
  position: absolute;
  left: 0;
  width: 100vw;
  height: 9.609375vw;
  background: var(--hero-pink);
  mix-blend-mode: difference;
  z-index: 3;
}

.stripe-1 {
  top: 20.86vw;
}

.stripe-3 {
  top: 28.359375vw;
}

.stripe-2 {
  top: 35.625vw;
}

/* тексты */
.text {
  position: absolute;
  margin: 0;
  color: #fff;
  font-family: "Nata Sans", sans-serif;
  font-weight: 700;
  font-size: 2.941406vw;
  line-height: 3.533828vw;
  letter-spacing: 0.088281vw;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 5;
}

.text-1 {
  /* ЦВЕТ */
  top: 23.05vw;
  left: 14.14vw;
}

.text-2 {
  /* НЕ СВОЙСТВО */
  top: 31.25vw;
  left: 7.17vw;
}

.text-3 {
  /* ПРЕДМЕТА */
  top: 39.69vw;
  left: 12.73vw;
}

.text-4 {
  /* ЭТО */
  top: 23.05vw;
  left: 76.95vw;
}

.text-5 {
  /* ОПЫТ */
  top: 31.25vw;
  left: 76.8vw;
}

.text-6 {
  /* НАБЛЮДАТЕЛЯ */
  top: 39.69vw;
  left: 66.56vw;
}

.logo {
  position: absolute;
  width: 29.14vw;
  height: 8.13vw;
  left: 35.31vw;
  top: 28.98vw;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 6;
}

/* АНИМАЦИЯ */
@keyframes swap-blue {
  0%,
  30% {
    background: var(--hero-blue);
  }
  70%,
  100% {
    background: var(--hero-orange);
  }
}

@keyframes swap-orange {
  0%,
  30% {
    background: var(--hero-orange);
  }
  70%,
  100% {
    background: var(--hero-blue);
  }
}

@keyframes hero-ellipse-left-1 {
  to {
    left: -28.2vw;
  }
}

@keyframes hero-ellipse-left-2 {
  to {
    left: -12.6vw;
  }
}

@keyframes hero-ellipse-right-1 {
  to {
    left: 66.07vw;
  }
}

@keyframes hero-ellipse-right-2 {
  to {
    left: 50vw;
  }
}

/* отступ над следующей секцией */
.poster section + section {
  margin-top: 22.38vh; /* 179px */
}

/* Секция 2 */
.section-2-text,
.section-2-figures {
  position: relative;
  width: 100vw;
  background: #000;
  overflow: hidden;
}

.section-2-text {
  height: 25.94vw;
}

.section-2-figures {
  height: 18.05vw;
}

.poster .section-2-figures {
  margin-top: 22.38vh;
}

.section-2__bar {
  position: absolute;
  left: 0;
  width: 100%;
}

.section-2__bar--1 {
  top: 0;
  height: 7.19vw;
  background: #1d57f6;
}

.section-2__bar--2 {
  top: 9.22vw;
  height: 7.19vw;
  background: #1d57f6;
}

.section-2__bar--3 {
  top: 18.75vw;
  height: 7.19vw;
  background: #1d57f6;
}

.section-2__bar--pink {
  top: 1.56vw;
  height: 15.63vw;
  background: #ff81f6;
}

.section-2__geom-line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90.39vw;
  height: auto;
  z-index: 1;
  pointer-events: none;
}

.section-2__text {
  position: absolute;
  margin: 0;
  color: #82c9ff;
  font-family: "Nata Sans", sans-serif;
  font-size: 4.58vw;
  line-height: 3.53vw;
  letter-spacing: 0.14vw;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.section-2__text--a {
  top: 1.8vw;
  left: 3.67vw;
}

.section-2__text--arrow-1 {
  top: 1.8vw;
  left: 16.56vw;
}

.section-2__text--b {
  top: 1.8vw;
  left: 28.2vw;
}

.section-2__text--arrow-2 {
  top: 1.8vw;
  left: 64.69vw;
}

.section-2__text--c {
  top: 1.8vw;
  left: 76.33vw;
}

.section-2__text--arrow-3 {
  top: 10.63vw;
  left: 27.58vw;
  display: flex;
  align-items: center;
  gap: 3.16vw;
}

.section-2__text--one {
  top: 8.75vw;
  left: 46.25vw;
  font-size: 7.18vw;
  line-height: 7.27vw;
  letter-spacing: 0.22vw;
}

.section-2__text--arrow-4 {
  top: 10.63vw;
  left: 58.44vw;
  display: flex;
  align-items: center;
  gap: 3.16vw;
}

.section-2__text--d {
  top: 20.23vw;
  left: 3.67vw;
}

.section-2__text--arrow-5 {
  top: 20.23vw;
  left: 22.58vw;
}

.section-2__text--e {
  top: 20.23vw;
  left: 40.94vw;
}

.section-2__text--arrow-6 {
  top: 20.23vw;
  left: 66.41vw;
}

.section-2__text--f {
  top: 20.23vw;
  left: 80.47vw;
}

.section-2__arrow {
  display: inline-block;
  opacity: 0.6;
  animation: arrow-pulse 1.8s ease-in-out infinite;
}

@keyframes arrow-pulse {
  0%,
  100% {
    opacity: 0.6;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 0.6;
  }
}

/* сначала крайние, потом центральные, потом возле [1] */
.section-2__text--arrow-3 .section-2__arrow:nth-child(1),
.section-2__text--arrow-4 .section-2__arrow:nth-child(3) {
  animation-delay: 0s;
}

.section-2__text--arrow-3 .section-2__arrow:nth-child(2),
.section-2__text--arrow-4 .section-2__arrow:nth-child(2) {
  animation-delay: 0.6s;
}

.section-2__text--arrow-3 .section-2__arrow:nth-child(3),
.section-2__text--arrow-4 .section-2__arrow:nth-child(1) {
  animation-delay: 1.2s;
}

/* Бегущая строка (Секция 2) */
.running-line-container {
  position: absolute;
  left: 0;
  width: 100%;
  height: 7.19vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  z-index: 2;
}

.running-line-container--top {
  top: 0;
}

.running-line-container--bottom {
  top: 18.75vw;
}

.running-line {
  display: flex;
  width: max-content;
  will-change: transform;
}

.running-line__content {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 3.13vw;
  padding-right: 3.13vw;
}

.running-text {
  display: block;
  color: #82c9ff;
  font-family: "Nata Sans", sans-serif;
  font-size: 4.58vw;
  line-height: 1.1;
  letter-spacing: 0.14vw;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}

@keyframes running-line-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes running-line-right {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

.running-line--left {
  animation: running-line-left 34s linear infinite;
}

.running-line--right {
  animation: running-line-right 34s linear infinite;
}

.section-3 {
  position: relative;
  display: flex;
  width: 100.47vw;
  height: 33.98vw;
  padding: 0 4.84vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.78vw;
  background: #000;
  overflow: hidden;
  isolation: isolate;
}

.section-3__rect,
.section-3__ellipse {
  position: absolute;
  mix-blend-mode: screen;
}

.section-3__rect {
  width: 22.58vw;
}

.section-3__ellipse {
  width: 22.55vw;
  height: 22.65vw;
  border-radius: 50%;
}

/* эллипсы */
.section-3__ellipse-1 {
  left: 3.79vw;
  top: 0vw;
  background: #ff7700;
  animation: section-3-row-right 1.67s ease-in-out infinite alternate;
}

.section-3__ellipse-2 {
  left: 57.15vw;
  top: 0vw;
  background: #1d57f6;
  animation: section-3-row-right 1.67s ease-in-out infinite alternate;
}

.section-3__ellipse-3 {
  left: 20.32vw;
  top: 0vw;
  background: #1d57f6;
  animation: section-3-row-right 1.67s ease-in-out infinite alternate;
}

.section-3__ellipse-4 {
  left: 73.68vw;
  top: 0vw;
  background: #ff7700;
  animation: section-3-row-right 1.67s ease-in-out infinite alternate;
}

.section-3__ellipse-5 {
  left: 57.15vw;
  top: 11.33vw;
  background: #ff7700;
  animation: section-3-row-left 1.67s ease-in-out infinite alternate;
}

.section-3__ellipse-6 {
  left: 20.32vw;
  top: 11.33vw;
  background: #ff7700;
  animation: section-3-row-left 1.67s ease-in-out infinite alternate;
}

.section-3__ellipse-7 {
  left: 73.68vw;
  top: 11.33vw;
  background: #1d57f6;
  animation: section-3-row-left 1.67s ease-in-out infinite alternate;
}

.section-3__ellipse-8 {
  left: 3.79vw;
  top: 11.33vw;
  background: #1d57f6;
  animation: section-3-row-left 1.67s ease-in-out infinite alternate;
}

/* прямоугольники */
.section-3__rect-1 {
  left: 31.56vw;
  top: 0vw;
  height: 22.66vw;
  background: #1d57f6;
  animation: section-3-row-right 1.67s ease-in-out infinite alternate;
}

.section-3__rect-2 {
  left: -7.5vw;
  top: 0vw;
  height: 22.66vw;
  background: #ff7700;
  animation: section-3-row-right 1.67s ease-in-out infinite alternate;
}

.section-3__rect-3 {
  left: 84.92vw;
  top: 0vw;
  height: 22.66vw;
  background: #ff7700;
  animation: section-3-row-right 1.67s ease-in-out infinite alternate;
}

.section-3__rect-4 {
  left: 45.86vw;
  top: 0vw;
  height: 22.66vw;
  background: #1d57f6;
  animation: section-3-row-right 1.67s ease-in-out infinite alternate;
}

.section-3__rect-5 {
  left: 31.56vw;
  top: 11.25vw;
  height: 22.73vw;
  background: #ff7700;
  animation: section-3-row-left 1.67s ease-in-out infinite alternate;
}

.section-3__rect-6 {
  left: -7.5vw;
  top: 11.25vw;
  height: 22.73vw;
  background: #1d57f6;
  animation: section-3-row-left 1.67s ease-in-out infinite alternate;
}

.section-3__rect-7 {
  left: 84.92vw;
  top: 11.25vw;
  height: 22.73vw;
  background: #1d57f6;
  animation: section-3-row-left 1.67s ease-in-out infinite alternate;
}

.section-3__rect-8 {
  left: 45.86vw;
  top: 11.25vw;
  height: 22.73vw;
  background: #ff7700;
  animation: section-3-row-left 1.67s ease-in-out infinite alternate;
}

@keyframes section-3-row-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(12vw);
  }
}

@keyframes section-3-row-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-12vw);
  }
}

/* Секция 4 */
.section-4 {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  height: calc(54.69vw + 25.38vh);
  padding-bottom: 19.38vh; /* уменьшили зазор на ~30px */
  background: #000;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.section-4__text {
  color: #82c9ff;
  font-family: "Nata Sans", sans-serif;
  font-size: 58.65px;
  font-style: normal;
  font-weight: 700;
  line-height: 45.233px;
  letter-spacing: 1.76px;
  text-transform: uppercase;
  white-space: nowrap;
}

.section-4__marquee {
  position: absolute;
  left: 0;
  width: 100%;
  height: 6.03vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  z-index: 1;
}

.section-4__marquee--top {
  top: 0;
}

.section-4__marquee--bottom {
  top: 18.52vw;
}

.section-4__marquee-content {
  display: flex;
  align-items: center;
  gap: 6.25vw;
  padding-right: 6.25vw;
  flex-shrink: 0;
}

.section-4__marquee--top .section-4__marquee-content {
  padding-left: 3.44vw;
  animation: section-4-marquee-left 7.56s linear infinite;
}

.section-4__marquee--bottom .section-4__marquee-content {
  padding-left: 3.36vw;
  animation: section-4-marquee-right 7.56s linear infinite;
}

.section-4__arrow-line {
  position: absolute;
  margin: 0;
  color: #82c9ff;
  font-family: "Nata Sans", sans-serif;
  font-size: 58.65px;
  font-style: normal;
  font-weight: 700;
  line-height: 45.233px;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 2;
  display: flex;
  gap: 0;
  width: 14.53vw;
  justify-content: space-between;
}

.section-4__arrow-line .section-4__arrow {
  display: inline-block;
  animation: arrow-pulse 1.8s ease-in-out infinite;
}

.section-4__arrow-line--left {
  top: 16vh;
  left: 27.58vw;
  display: flex;
  align-items: center;
  gap: 3.16vw;
}

.section-4__arrow-line--right {
  top: 16vh;
  left: 58.44vw;
  display: flex;
  align-items: center;
  gap: 3.16vw;
}

.section-4__center {
  position: absolute;
  margin: 0;
  color: #82c9ff;
  font-family: "Nata Sans", sans-serif;
  font-size: 91.891px;
  font-style: normal;
  font-weight: 700;
  line-height: 93.092px;
  letter-spacing: 2.757px;
  text-transform: uppercase;
  white-space: nowrap;
  top: 12.57vh;
  left: 45.39vw;
  z-index: 2;
}

.section-4__arrow-line--left .section-4__arrow:nth-child(1) {
  animation-delay: 0s;
}

.section-4__arrow-line--left .section-4__arrow:nth-child(2) {
  animation-delay: 0.6s;
}

.section-4__arrow-line--left .section-4__arrow:nth-child(3) {
  animation-delay: 1.2s;
}

.section-4__arrow-line--right .section-4__arrow:nth-child(3) {
  animation-delay: 0s;
}

.section-4__arrow-line--right .section-4__arrow:nth-child(2) {
  animation-delay: 0.6s;
}

.section-4__arrow-line--right .section-4__arrow:nth-child(1) {
  animation-delay: 1.2s;
}

.section-4__text--arrow {
  animation: none;
}

/* Секция 5 */
.section-5 {
  position: relative;
  width: 100vw;
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.69vw; /* 60px */
}

.section-5__lines {
  display: flex;
  height: 14.06vw; /* 180px */
  padding: 9.38vw 0; /* 120px */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.78vw; /* 10px */
  flex-shrink: 0;
  width: 100%;
  position: relative;
}

.section-5__strip {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15.55vw; /* 199px */
  height: 100vw; /* 1280px rotated */
  background: #ff81f6;
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: 0;
}

.section-5__line {
  display: flex;
  padding: 0 4.84vw; /* 62px */
  justify-content: center;
  align-items: center;
  gap: 11.02vw; /* 141px */
  position: relative;
  z-index: 1;
  will-change: transform;
}

.section-5__line--1,
.section-5__line--3 {
  animation: section-5-line-left 6s ease-in-out infinite alternate;
}

.section-5__line--2 {
  animation: section-5-line-right 6s ease-in-out infinite alternate;
}

.section-5__word {
  color: #ffc1ff;
  font-family: "Nata Sans", sans-serif;
  font-size: 4.58vw; /* ~58.6px при 1280 */
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.14vw; /* 1.76px при 1280 */
  text-transform: uppercase;
  white-space: nowrap;
}

.section-5__word--number {
  color: #82c9ff;
  font-size: 7.18vw; /* 91.9px при 1280 */
  line-height: 1.02;
  letter-spacing: 0.22vw; /* 2.757px при 1280 */
}

.section-5__marquees {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4.69vw; /* 60px между бегущими строками */
  margin-top: 22.38vh; /* 179px от розового прямоугольника до флекса */
  width: 100%;
}

.section-5__marquee {
  display: flex;
  width: 100%;
  position: relative;
  overflow: hidden;
  align-items: center;
  padding: 1vw 0;
}

.section-5__marquee--one {
  padding: 0 3.05vw; /* 39px */
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 3.52vw 13.52vw; /* 45px 173px */
  flex-wrap: wrap;
}

.section-5__marquee--two {
  padding: 0 2.03vw; /* 26px */
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 3.52vw 8.28vw; /* 45px 106px */
  flex-wrap: wrap;
}

.section-5__marquee--three {
  padding: 0 1.33vw; /* 17px */
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 3.52vw 11.02vw; /* 45px 141px */
  flex-wrap: wrap;
}

.section-5__marquee-track {
  display: flex;
  width: max-content;
  flex-shrink: 0;
  white-space: nowrap;
  will-change: transform;
}

.section-5__marquee-track--left {
  animation: running-line-left 13.6s linear infinite;
}

.section-5__marquee-track--right {
  animation: running-line-right 13.6s linear infinite;
}

.section-5__marquee-content {
  display: flex;
  align-items: center;
  gap: 3.13vw; /* синхронно с секцией 2 */
  padding-right: 3.13vw;
  padding-left: 3.13vw;
  flex-shrink: 0;
  white-space: nowrap;
}

.section-5__marquee-content--center {
  display: flex;
  align-items: center;
  gap: 3.13vw;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}

.section-5__marquee--two .section-5__marquee-track {
  animation: none;
}

.section-5__arrows {
  display: inline-flex;
  gap: 0.5vw;
  color: #82c9ff;
  font-family: "Nata Sans", sans-serif;
  font-size: 58.65px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 3.21vw; /* 41.055px от 1280 */
  text-transform: uppercase;
}

.section-5__marquees .section-5__word {
  color: #82c9ff;
}

.section-5__arrow {
  animation: arrow-pulse 1.8s ease-in-out infinite;
}

.section-5__arrows--left .section-5__arrow:nth-child(1),
.section-5__arrows--right .section-5__arrow:nth-child(3) {
  animation-delay: 0s;
}

.section-5__arrows--left .section-5__arrow:nth-child(2),
.section-5__arrows--right .section-5__arrow:nth-child(2) {
  animation-delay: 0.6s;
}

.section-5__arrows--left .section-5__arrow:nth-child(3),
.section-5__arrows--right .section-5__arrow:nth-child(1) {
  animation-delay: 1.2s;
}

.poster .section-6 {
  margin-top: 22.38vh; /* 179px от 800 */
}

.section-6 {
  position: relative;
  width: 100vw;
  height: 60vw;
  background: #000;
  overflow: hidden;
  isolation: isolate;
}

.section-6__rect,
.section-6__ellipse {
  position: absolute;
  mix-blend-mode: screen;
}

.section-6__ellipse {
  width: 27.3vw; /* 349.426px от 1280 */
  height: 27.86vw; /* 356.526px от 1280 */
  border-radius: 50%;
  opacity: 0.3;
  animation: section-6-layer 5s ease-in-out infinite;
}

.section-6__ellipse-1 {
  left: 48.26vw;
  top: 0;
  background: #224dc4;
  z-index: 14;
  animation-delay: 0s;
}

.section-6__ellipse-2 {
  left: 48.26vw;
  top: 27.31vw;
  background: #224dc4;
  z-index: 13;
  animation-delay: 1s;
}

.section-6__ellipse-3 {
  left: 24.3vw;
  top: 0;
  background: #224dc4;
  transform: rotate(90deg);
  z-index: 12;
  animation-delay: 0.25s;
}

.section-6__ellipse-4 {
  left: 48.26vw;
  top: 13.72vw;
  background: #00d5a3;
  mix-blend-mode: difference;
  z-index: 11;
  animation-delay: 3s;
}

.section-6__ellipse-5 {
  left: 72.38vw;
  top: 13.63vw;
  background: #ffbb00;
  mix-blend-mode: hard-light;
  z-index: 10;
  animation-delay: 2.6s;
}

.section-6__ellipse-6 {
  left: 24.3vw;
  top: 27.31vw;
  background: #224dc4;
  transform: rotate(90deg);
  z-index: 9;
  animation-delay: 1.25s;
}

.section-6__ellipse-7 {
  left: 24.18vw;
  top: 13.72vw;
  background: #00d5a3;
  mix-blend-mode: difference;
  z-index: 8;
  animation-delay: 2.8s;
}

.section-6__ellipse-8 {
  left: 0.23vw;
  top: 13.63vw;
  background: #ffbb00;
  mix-blend-mode: hard-light;
  z-index: 7;
  animation-delay: 2.4s;
}

.section-6__ellipse-9 {
  left: 60.24vw;
  top: 20.33vw;
  background: #ff7700;
  z-index: 6;
  animation-delay: 1.6s;
}

.section-6__ellipse-10 {
  left: 12.46vw;
  top: 20.33vw;
  background: #ff7700;
  z-index: 5;
  animation-delay: 1.4s;
}

.section-6__ellipse-11 {
  left: 60.24vw;
  top: 6.62vw;
  background: #ff7700;
  z-index: 4;
  animation-delay: 2s;
}

.section-6__ellipse-12 {
  left: 12.45vw;
  top: 6.62vw;
  background: #ff7700;
  transform: rotate(-90deg);
  z-index: 3;
  animation-delay: 1.8s;
}

.section-6__ellipse-13 {
  left: 36.28vw;
  top: 20.33vw;
  background: #5990ff;
  z-index: 2;
  animation-delay: 0.75s;
}

.section-6__ellipse-14 {
  left: 36.28vw;
  top: 6.62vw;
  background: #5990ff;
  z-index: 1;
  animation-delay: 0.5s;
}

@keyframes section-6-layer {
  0% {
    opacity: 0.3;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}

@keyframes section-5-line-left {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-4.84vw);
  }
}

@keyframes section-5-line-right {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4.84vw);
  }
}
@keyframes section-4-marquee-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes section-4-marquee-right {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

/* Векторы в секции 4 */
.vector {
  position: absolute;
  width: auto;
  height: auto;
  pointer-events: auto;
  transform-origin: center;
  transition: transform 2.4s ease-in-out, filter 2.4s ease-in-out;
  z-index: 1;
}

.vector-1 {
  top: calc(59.27vh + 19.38vh); /* 414.8652px + уменьшенный отступ */
  left: 35.78vw; /* 458px от 1280 */
  width: 28.52vw; /* 365px от 1280 */
}

.vector-2 {
  top: calc(59.27vh + 19.38vh); /* 414.8652px + уменьшенный отступ */
  left: 72.58vw; /* 929px от 1280 */
  width: 23.2vw; /* 297px от 1280 */
}

.vector-3 {
  top: calc(58.27vh + 19.38vh); /* 407.8652px + уменьшенный отступ */
  left: 4.06vw; /* 52px от 1280 */
  width: 22.5vw; /* 288px от 1280 */
}

.vector:hover {
  transform: rotate(360deg) scale(1.04);
  filter: drop-shadow(0 0 0.63vw rgba(255, 255, 255, 0.35));
}

/* Секция 7 */
.section-7 {
  position: relative;
  width: 100vw;
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.52vw; /* 45px */
  overflow: hidden;
}

.section-7__line {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.section-7__line--top {
  padding: 0 1.56vw; /* 20px */
}

.section-7__line--middle {
  padding: 0 21.56vw; /* чуть шире, меньше поля */
  gap: 2.34vw; /* 30px */
}

.section-7__line--bottom {
  padding: 0 0.94vw; /* 12px */
}

.section-7__track {
  display: flex;
  width: max-content;
  will-change: transform;
}

.section-7__track--left {
  animation: running-line-left 14s linear infinite;
}

.section-7__track--right {
  animation: running-line-right 14s linear infinite;
}

.section-7__content {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 3.52vw 9.77vw; /* 45px 125px */
  padding: 0 2.5vw; /* 32px */
  flex-wrap: wrap;
  flex-shrink: 0;
}

.section-7__content--bottom {
  gap: 3.52vw 6.72vw; /* 45px 86px */
  padding: 0 1.41vw; /* 18px */
}

.section-7__text,
.section-7__arrows,
.section-7__number {
  color: #82c9ff;
  font-family: "Nata Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.section-7__text {
  font-size: 48.65px;
  line-height: 45.233px;
  letter-spacing: 1.76px;
}

.section-7__text--arrow {
  animation: arrow-pulse 1.8s ease-in-out infinite;
}

.section-7__arrows {
  font-size: 58.65px;
  line-height: 45.233px;
  letter-spacing: 3.16vw; /* 40.469px */
  display: inline-flex;
  gap: 0.5vw;
}

.section-7__number {
  font-size: 91.891px;
  line-height: 93.092px;
  letter-spacing: 2.757px;
}

.section-7__arrow {
  display: inline-block;
  animation: arrow-pulse 1.8s ease-in-out infinite;
}

.section-7__arrows--left .section-7__arrow:nth-child(1),
.section-7__arrows--right .section-7__arrow:nth-child(3) {
  animation-delay: 0s;
}

.section-7__arrows--left .section-7__arrow:nth-child(2),
.section-7__arrows--right .section-7__arrow:nth-child(2) {
  animation-delay: 0.6s;
}

.section-7__arrows--left .section-7__arrow:nth-child(3),
.section-7__arrows--right .section-7__arrow:nth-child(1) {
  animation-delay: 1.2s;
}

/* Секция 8 */
.section-8 {
  position: relative;
  width: 100vw;
  height: 20vw;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section-8__bar {
  position: absolute;
  width: 15.55vw; /* 199px */
  height: 99.92vw; /* 1279px */
  background: #1d57f6;
  transform: translate(-50%, -50%) rotate(90deg);
  left: 50%;
  top: 50%;
  z-index: 1;
}

.section-8__pattern {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 2;
}

.section-8__pattern::before {
  content: "";
  display: block;
  width: 99.92vw;
  height: 15.55vw;
  background-image: url("../images/Group 356 blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Секция 9 */
.section-9 {
  position: relative;
  width: 100vw;
  height: 100vh;
  background: #000;
  overflow: hidden;
}

.section-9__rect {
  position: absolute;
  width: 18.0vw; /* 230.4679px от 1280 */
  height: 100vw; /* 1280px */
  background: #1d57f6;
  transform: translate(-50%, -50%) rotate(-90deg);
  left: 50%;
  top: 100%;
  mix-blend-mode: normal;
}

.section-9__ellipse {
  position: absolute;
  width: 37.49vw; /* 479.9px */
  height: 37.65vw; /* 481.98px, оставляем круглые пропорции */
  border-radius: 50%;
  mix-blend-mode: lighten;
}

.section-9__ellipse--half-left {
  clip-path: inset(0 50% 0 0);
}

.section-9__ellipse--half-right {
  clip-path: inset(0 0 0 50%);
}

.section-9__ellipse--orange {
  background: #ffc000;
}

.section-9__ellipse--green {
  background: #9bcb00;
}

.section-9__ellipse--blue {
  background: #1d57f6;
}

.section-9__ellipse--small {
  width: 17.45vw; /* 223.37px */
  height: 17.54vw; /* 224.34px от 1280, сохраняем круг */
  border-radius: 50%;
  mix-blend-mode: darken;
  background: #9bcbf6;
}

.section-9__ellipse--1 {
  left: 31.49vw; /* 403.1036px */

  background: #ff7700;
}

.section-9__ellipse--2 {
  left: 12.77vw; /* 163.4124px */

  background: #9bcb00;
}

.section-9__ellipse--3 {
  left: 0.61vw; /* 7.826px */

  background: #ffc000;
}

.section-9__ellipse--4 {
  left: 50.22vw; /* 642.7942px */

  background: #9bcb00;
}

.section-9__ellipse--5 {
  left: 62.37vw; /* 798.3828px */

  background: #ffc000;
}

.section-9__ellipse--6 {
  left: 12.77vw; /* 163.4156px */

  background: #1d57f6;
}

.section-9__ellipse--7 {
  left: 50%;
  transform: translate(-50%, 0);

}

.section-9__ellipse--8 {
  left: calc(12.77vw + 17.62vw); /* центр эллипса 2 */
  transform: translate(-50%, 0);

}

.section-9__ellipse--9 {
  left: calc(0.61vw + 18.75vw); /* центр эллипса 3 */
  transform: translate(-50%, 0);

}

.section-9__ellipse--10 {
  left: calc(50.22vw + 18.75vw); /* центр эллипса 4 */
  transform: translate(-50%, 0);

}

.section-9__ellipse--11 {
  left: 50.22vw; /* 642.7935px */
  background: #1d57f6;
}

/* Адаптив секции 1 под ширину 320 */
@media (max-width: 320px) {
  .hero {
    height: 62.5vw;
    max-height: 62.5vw;
  }

  .ellipse {
    width: 62.73vw;
    height: 62.73vw;
  }

  .stripe-1 {
    top: 20.86vw;
  }

  .text-1 {
    top: 23.05vw;
    left: 14.14vw;
  }

  .text-2 {
    top: 31.25vw;
    left: 7.17vw;
  }

  .text-3 {
    top: 39.69vw;
    left: 12.73vw;
  }

  .text-4 {
    top: 23.05vw;
    left: 76.95vw;
  }

  .text-5 {
    top: 31.25vw;
    left: 76.8vw;
  }

  .text-6 {
    top: 39.69vw;
    left: 66.56vw;
  }

  .logo {
    width: 29.14vw;
    height: 8.13vw;
    left: 35.31vw;
  }
}


@media (max-width: 768px) {

.section-5__word {
font-size:30px;
}

.section-5__strip{
width: 10.55vw;
}

}