body {
  margin: 0;
  padding: 0;
  color: var(--color-primary);
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--color-bg-sec);
  display: flex;
  align-items: center;
  flex-direction: column;
}

.header {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 16px 0;
  z-index: 1000;
  @media (min-width: 768px) {
    padding: 20px 20px 0;
  }
  @media (min-width: 1280px) {
    padding: 20px 40px 0;
  }
  @media (min-width: 1760px) {
    padding: 20px 0 0;
  }
}

.header__wrapper {
  max-width: var(--max-width);
  margin: 0 auto;
}

.header__container {
  display: flex;
  width: 100%;
}

.header__block {
  border-radius: var(--b-radius);
  background: rgba(37, 50, 71, 0.3);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.header__block_mobile {
  display: flex;
  @media (min-width: 1280px) {
    display: none;
  }
}

.header__block:nth-child(1) {
  padding: 3px 15px 3px 10px;
  gap: 30px;
  flex-grow: 1;
  max-width: 100%;
  @media (min-width: 1900px) {
    gap: 61px;
  }
}

.header__block:nth-child(2),
.header__block:nth-child(4) {
  padding: 3px;
  color: white;
}

.header__block:nth-child(4) {
  display: none;
  @media (min-width: 1280px) {
    display: flex;
    gap: 30px;
  }
}

.header__block-container {
  padding: 0 0 0 19px;
}

.header__link {
  font-size: 16px;

  line-height: 1.375;
}

.header__link:hover {
  color: var(--color-text-link);
}

.header__link-desc {
  font-size: 12px;

  line-height: 1.16667;
}

.burger-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 54px;
  height: 54px;
  padding: 12px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.burger-menu span {
  display: block;
  width: 24px;
  height: 2px;
  background: white;
  transition: all 0.3s ease;
  pointer-events: none;
}

.burger-menu.active span {
  display: none;
}

.burger-menu.active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2929 5.29289C17.6834 4.90237 18.3164 4.90237 18.707 5.29289C19.0975 5.68342 19.0975 6.31643 18.707 6.70696L13.414 11.9999L18.707 17.2929C19.0975 17.6834 19.0975 18.3164 18.707 18.707C18.3164 19.0975 17.6834 19.0975 17.2929 18.707L11.9999 13.414L6.70696 18.707C6.31643 19.0975 5.68342 19.0975 5.29289 18.707C4.90237 18.3164 4.90237 17.6834 5.29289 17.2929L10.5859 11.9999L5.29289 6.70696C4.90237 6.31643 4.90237 5.68342 5.29289 5.29289C5.68342 4.90237 6.31643 4.90237 6.70696 5.29289L11.9999 10.5859L17.2929 5.29289Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}

.logo {
  height: 48px;
  width: auto;
}

.logo_dark {
  display: none;
}

.navbar {
  display: none;
  @media (min-width: 1280px) {
    display: flex;
    gap: 0;
  }
  @media (min-width: 1900px) {
    gap: 30px;
  }
}

.header .navbar {
  overflow: auto;
  scrollbar-width: none;
  @media (min-width: 1280px) {
    max-width: 45.3125vw;
  }
  @media (min-width: 1500px) {
    max-width: 51vw;
  }
  @media (min-width: 1900px) {
    max-width: unset;
  }
}

.header .navbar::-webkit-scrollbar {
  display: none;
}

.navbar-mobile {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: var(--color-primary);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  transition: all 0.3s ease;
  position: absolute;
  padding-top: 70px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100vw;
  display: flex;
  flex-direction: column;
  @media (min-width: 768px) {
    padding-top: 80px;
  }
  @media (min-width: 1280px) {
    display: none;
  }
}

.navbar-mobile__container {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 20px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: var(--b-radius);
  border-top: 1px solid rgba(176, 183, 201, 0.41);
  border-bottom: 1px solid rgba(176, 183, 201, 0.41);
  background: rgba(37, 50, 71, 0.4);
}

body:has(.theme-light) {
  .navbar-mobile {
    background: white;
  }
  .navbar-mobile__container {
    background: var(--color-bg-sec);
  }
  .navbar__item-third-level-item {
    color: var(--color-primary);
  }
}

.navbar-mobile__container::-webkit-scrollbar {
  display: none;
}

.navbar-mobile__footer {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  color: white;
}

.navbar-mobile__footer-link {
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
}

.navbar-mobile__footer-desc {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.16667;
}

body:has(.burger-menu.active) {
  overflow: hidden;
  .navbar-mobile {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 900;
  }
}

body:has(.theme-light) {
  .logo:not(.footer__logo) {
    display: none;
  }
  .logo_dark:not(.footer__logo) {
    display: block;
  }
  .header__block {
    color: var(--color-primary);
    border-radius: 8px;
    background: var(--color-bg-sec);
    -webkit-backdrop-filter: blur(2.3499999046325684px);
    backdrop-filter: blur(2.3499999046325684px);
  }
  .burger-menu span {
    background: var(--color-primary);
  }
  .burger-menu.active {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2929 5.29289C17.6834 4.90237 18.3164 4.90237 18.707 5.29289C19.0975 5.68342 19.0975 6.31643 18.707 6.70696L13.414 11.9999L18.707 17.2929C19.0975 17.6834 19.0975 18.3164 18.707 18.707C18.3164 19.0975 17.6834 19.0975 17.2929 18.707L11.9999 13.414L6.70696 18.707C6.31643 19.0975 5.68342 19.0975 5.29289 18.707C4.90237 18.3164 4.90237 17.6834 5.29289 17.2929L10.5859 11.9999L5.29289 6.70696C4.90237 6.31643 4.90237 5.68342 5.29289 5.29289C5.68342 4.90237 6.31643 4.90237 6.70696 5.29289L11.9999 10.5859L17.2929 5.29289Z' fill='%230a0f16'/%3E%3C/svg%3E%0A");
  }
}

.main {
  flex: 1 0 auto;
}

.footer {
  position: relative;
  background: var(--color-primary);
  color: white;
  max-width: min(100%, 2100px);
}

.footer__logo {
  height: 70px;
}

.footer__wrapper {
  max-width: var(--max-width);
  margin: 0 auto;
  position: relative;
  z-index: 10;
  padding: 0 16px 46px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 10px;
  @media (min-width: 768px) {
    padding: 0 30px 46px;
  }
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 0 40px 46px;
  }
  @media (min-width: 1760px) {
    padding: 0 0 46px;
  }
}

.footer__image {
  width: 100%;
  height: auto;
  grid-column: 1 / -1;
  pointer-events: none;
}

.footer__oval-container {
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.footer__oval-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  z-index: 5;
  background: linear-gradient(0deg, transparent 0%, #dde4ed 100%);
  pointer-events: none;
}

.footer__blur-oval:nth-child(1) {
  border-radius: 50%;
  background: #0a0f16;
  filter: blur(106.793px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 233vw;
  height: 978px;
  /* aspect-ratio: 770 / 978; */
  @media (min-width: 1280px) {
    width: 159.922vw;
    height: 1584px;
    /* aspect-ratio: 2047 / 1584; */
    filter: blur(143.60000610351562px);
  }
  @media (min-width: 1900px) {
    width: 141.25vw;
    height: 1108px;
    /* aspect-ratio: 2712 / 1108; */
    transform: translate(-50%, -55%);
  }
}

.footer__blur-oval:nth-child(2) {
  border-radius: 50%;
  background: #31c4b4;
  filter: blur(106.793px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 226.6667vw;
  height: 692px;
  /* aspect-ratio: 749 / 692; */
  @media (min-width: 1280px) {
    width: 155.546875vw;
    height: 1122px;
    /* aspect-ratio: 1991 / 1122; */
    filter: blur(143.60000610351562px);
    transform: translate(-50%, -55%);
  }
  @media (min-width: 1900px) {
    width: 106.615vw;
    height: 1584px;
    /* aspect-ratio: 2047 / 1584; */
    transform: translate(-50%, -45%);
  }
}

.footer__blur-oval:nth-child(3) {
  border-radius: 50%;
  background: #dde4ed;
  filter: blur(106.793px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -68%);
  z-index: 3;
  width: 309.3934vw;
  height: 684px;
  /* aspect-ratio: 1021 / 684; */
  @media (min-width: 1280px) {
    width: 211.875vw;
    height: 1108px;
    /* aspect-ratio: 2712 / 1108; */
    filter: blur(143.60000610351562px);
    transform: translate(-50%, -67%);
  }
  @media (min-width: 1900px) {
    width: 141.25vw;
  }
}

.footer__info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  grid-column: span 2;
  order: 3;
  @media (min-width: 1280px) {
    grid-column: span 1;
    order: unset;
  }
}

.footer__socials {
  display: flex;
  gap: 15px;
}

.footer__menu {
  grid-column: span 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.footer__contacts {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  grid-column: span 2;
  @media (min-width: 1280px) {
    grid-column: span 1;
  }
}

.footer__contacts-block {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

.footer__contacts-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.footer__contacts-item-caption {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.375;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}

.footer__contacts-item-link {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.16667;
  color: white;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 2px;
  text-underline-offset: 10px;
  transition: all 0.3s ease;
  @media (min-width: 1900px) {
    font-size: 30px;
  }
}

.footer__contacts-item-link:hover {
  -webkit-text-decoration-color: currentColor;
  text-decoration-color: currentColor;
}

.footer__link,
.footer__copy {
  color: white;
  font-size: 14px;
  line-height: 1.28571;
  text-decoration: none;
}

.footer__link:hover {
  text-decoration: underline;
}

.footer__bottom {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
  order: 4;
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 60px;
    order: unset;
  }
}

/* SOCIAL */

.social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  transition: all 0.3s ease;
}

.social-link:hover {
  transform: scale(0.8);
}

.social-link__icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

/* HERO */

.hero_main {
  padding: 0;
  background: var(--color-primary);
  overflow: hidden;
  position: relative;
}

.hero_main::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(180deg, transparent 0%, var(--color-icon) 100%);
  z-index: 5;
  pointer-events: none;
}

.hero__text {
  color: white;
  font-size: 14px;
  line-height: 1.28571;
  max-width: 300px;
  padding: 0 var(--page-margin);
  margin-top: 8px;
  @media (min-width: 1024px) {
    position: absolute;
    top: 50%;
    left: var(--page-margin);
    transform: translateY(-50%);
    padding: 0;
    margin-top: 0;
  }
}

.hero__text_right {
  left: auto;
  right: var(--page-margin);
}

.hero__video-container {
  margin-top: 80px;
  @media (min-width: 1024px) {
    height: min(670px, 75vh);
    margin-top: 50px;
  }
  @media (min-width: 1280px) {
    height: min(720px, 75vh);
    margin-top: 0;
  }
  @media (min-width: 1900px) {
    height: min(800px, 80vh);
  }
}

.hero__video-container.relative {
  z-index: 10;
}

.hero_main .hero__video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-bottom: 20px;
  @media (min-width: 1024px) {
    margin-bottom: 0;
  }
}

.hero_main + .catalog-section {
  background: var(--color-icon);
}

body:has(.hero_main) {
  .production-section {
    background: var(--color-icon);
  }
  .services-section {
    background: linear-gradient(184deg, #e7ecf2 4.94%, white 92.94%);
  }
  .geo-section {
    background: white;
  }
  .partners-section {
    background: linear-gradient(180deg, white 0%, #f1f9f7 100%);
  }
}

.main-hero-section {
  background: var(--color-primary);
  padding-top: 0;
  padding-bottom: 0;
  background-image: linear-gradient(
    180deg,
    var(--color-primary) 0%,
    var(--color-primary) 80%,
    var(--color-icon) 100%
  );
  overflow: hidden;
  position: relative;
}

.main-hero-section__wrapper {
  position: relative;
  z-index: 10;
}

.main-hero-section__wrapper h1 {
  grid-column: span 2;
  color: white;
  margin-top: 0;
  @media (max-width: 1024px) {
    margin-top: 50px;
    font-size: 24px;
    line-height: 1.16667;
  }
  @media (max-width: 1900px) {
    font-size: 36px;
    line-height: 1.11111;
    letter-spacing: -1.08px;
  }
}

.main-hero-section__oval {
  position: absolute;
  width: 644.167vw;
  height: auto;
  aspect-ratio: 2319 / 1700;
  max-width: 2319px;
  left: 50%;
  bottom: 0;
  background: #0c2c50;
  filter: blur(143.6px);
  transform: translate(-50%, 50%);
  z-index: 1;
  border-radius: 50%;
  @media (min-width: 1280px) {
    width: 2047px;
    max-width: 2047px;
    aspect-ratio: 2047 / 1700;
    transform: translate(-50%, 55%);
  }
  @media (min-width: 1900px) {
    width: 2319px;
    max-width: 2319px;
    aspect-ratio: 2319 / 1700;
    background: var(--color-primary);
    transform: translate(-50%, 35%);
  }
}

.main-hero-section__oval_second {
  width: 484.722vw;
  aspect-ratio: 1745 / 1200;
  max-width: 1745px;
  background: #31c4b4;
  z-index: 2;
  @media (min-width: 1280px) {
    width: 1539px;
    max-width: 1539px;
    aspect-ratio: 1539 / 1200;
    transform: translate(-50%, 40%);
  }
  @media (min-width: 1900px) {
    transform: translate(-50%, 30%);
  }
}

.main-hero-section__oval_third {
  width: 360.833vw;
  aspect-ratio: 1299 / 896;
  max-width: 1299px;
  background: #d5dde7;
  z-index: 3;
  transform: translate(-50%, 75%);
  @media (min-width: 1280px) {
    width: 1146px;
    max-width: 1146px;
    aspect-ratio: 1146 / 896;
    transform: translate(-50%, 60%);
  }
  @media (min-width: 1900px) {
    width: 2628px;
    max-width: 2628px;
    aspect-ratio: 2628 / 943;
    transform: translate(-50%, 60%);
    background: #e7ecf2;
  }
}

.main-hero-section__oval_fourth {
  width: 730vw;
  aspect-ratio: 2628 / 1550;
  max-width: 2628px;
  background: #e7ecf2;
  transform: translate(-50%, 95%);
  z-index: 4;
  @media (min-width: 1280px) {
    width: 2318px;
    max-width: 2318px;
    aspect-ratio: 2318 / 1560;
    transform: translate(-50%, 80%);
  }
  @media (min-width: 1900px) {
    display: none;
  }
}

.main-hero-section__image {
  width: 100%;
  height: auto;
  grid-column: 1 / -1;
  pointer-events: none;
}

.main-hero-section__badge.section-badge {
  align-items: flex-start;
}

.main-hero-section__desc {
  grid-column: span 2;
  color: white;
  @media (min-width: 1024px) {
    margin-top: 130px;
  }
}

.main-hero-section__badge {
  grid-column: span 2;
  color: white;
  margin-top: 30px;
  @media (min-width: 1024px) {
    margin-top: 130px;
  }
}

.main-hero-section__badge .section-badge__text {
  color: white;
}

.main-hero-section__props {
  grid-column: 1 / -1;
  margin-top: 30px;
  .properties-section__number,
  .properties-section__unit {
    color: white;
  }
  .properties-section__title {
    border-color: white;
    color: white;
    min-height: unset;
  }
  .properties-section__item {
    gap: 20px;
  }
  @media (min-width: 1024px) {
    margin-top: 90px;
    .properties-section__item {
      gap: 40px;
    }
  }
}

.main-hero-card {
  grid-column: span 2;
  color: white;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border-radius: var(--b-radius);
  min-height: 124px;
  text-decoration: none;
  background: linear-gradient(
    180deg,
    rgba(154, 255, 247, 0.1404) 0%,
    rgba(49, 196, 180, 0.1836) 100%
  );
  -webkit-backdrop-filter: blur(3.05px);
  backdrop-filter: blur(3.05px);
  height: -webkit-fit-content;
  height: fit-content;
  @media (min-width: 1024px) {
    grid-column: span 1;
  }
  @media (min-width: 1900px) {
    min-height: 179px;
  }
}

.main-hero-card:hover::before,
.main-hero-card:hover::after {
  opacity: 1;
  visibility: visible;
}

.main-hero-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.main-hero-card__title {
  width: 100%;
  position: relative;
  z-index: 2;
}

.main-hero-card__image {
  width: 106px;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  border-radius: var(--b-radius);
  position: relative;
  z-index: 2;
  @media (min-width: 1900px) {
    width: 160px;
  }
}

.main-hero-card_services .main-hero-card__image {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  height: 100%;
  transform: translateX(20%);
  transition: transform 0.3s ease;
  object-position: right center;
}

.main-hero-card_services:hover .main-hero-card__image {
  transform: translateX(0);
}

.main-hero-card__link {
  border-radius: var(--b-radius);
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.24);
  color: white;
  padding: 5px 16px;
  height: 40px;
  font-size: 14px;
  line-height: 1.28571;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}

.main-hero-card:hover .main-hero-card__link {
  background: rgba(255, 255, 255, 1);
  color: var(--color-primary);
}

/* СБОРКА */

section.container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.section-badge {
  display: flex;
  align-items: center;
  gap: 20px;
}
.section-badge__dot {
  width: 12px;
  height: 12px;
  background-color: var(--color-accent);
  border-radius: 6px;
}
.section-badge__text {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.section-header,
.section-header__container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.section-header_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 10px;
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
.section-header__container {
  grid-column: span 2;
  @media (min-width: 1900px) {
    grid-column: span 3;
  }
}
.section-header__title h1 {
  letter-spacing: -1.08px;
  max-width: 960px;
  @media (min-width: 768px) {
    letter-spacing: -1.38px;
  }
}
.section-header__title h2 {
  max-width: 960px;
}
.section-header__title:has(h1),
.section-header__title:has(h2) {
  grid-column: span 2;
  max-width: 960px;
  @media (min-width: 768px) {
    grid-column: span 3;
  }
}
.section-header__title p {
  color: var(--color-gray-3);
  font-size: 16px;
  line-height: 1.375;
  grid-column: span 1;
}
.section-header__description {
  max-width: 830px;
  color: var(--color-gray-3);
}
.section-header__top {
  display: flex;
  flex-direction: column;
  gap: 30px;
  grid-column: span 2;
  @media (min-width: 1900px) {
    grid-column: span 3;
  }
}
.section-header_grid .section-header__description {
  grid-column: span 2;
  align-self: flex-end;
  @media (min-width: 1900px) {
    grid-column: span 1;
  }
}

.product-card {
  flex: 1 1 0;
  padding: 20px;
  background: white;
  overflow: hidden;
  border-radius: var(--b-radius);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
  gap: 30px;
  @media (min-width: 1280px) {
    min-height: 467px;
  }
}
.product-card::before {
  content: "";
  position: absolute;
  top: 212px;
  left: 30px;
  width: 407.069px;
  height: 188.548px;
  transform: rotate(-55.497deg);
  border-radius: 407.069px;
  background: #fff;
  filter: blur(106.6500015258789px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
}
.product-card:hover::before {
  opacity: 1;
  visibility: visible;
}
.product-card:hover {
  background: var(--color-accent);
}
.product-card__header {
  align-self: stretch;
  padding-bottom: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
  position: relative;
  z-index: 2;
}
.product-card__title {
  align-self: stretch;
  color: var(--color-primary);
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
  overflow-wrap: break-word;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: all 0.3s ease;
}
.product-card__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-card__item {
  color: var(--color-gray-3);
  font-size: 16px;
  line-height: 1.375;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: all 0.3s ease;
}
.product-card__image-wrapper {
  width: 100%;
}
.product-card__image {
  width: 100%;
  height: auto;
  max-height: 100%;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}
.product-card .link {
  margin-top: 12px;
  color: var(--color-text-link);
  border-bottom: 2px solid rgba(49, 196, 180, 0.5);
}
.product-card:hover {
  .product-card__title:hover {
    color: white;
    text-decoration-color: white;
  }
  .product-card__item {
    color: var(--color-primary);
  }
  .product-card__item:hover {
    color: white;
    text-decoration-color: white;
  }
  .link {
    color: var(--color-primary);
    border-bottom: 2px solid rgba(10, 15, 22, 0.5);
  }
  .link:hover {
    color: white;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  }
  .product-card__image {
    transform: scale(1.1);
  }
}

.service-card {
  min-height: 144px;
  padding: 30px 16px;
  position: relative;
  overflow: hidden;
  border-left: none;
  border-bottom: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  @media (min-width: 768px) {
    padding: 30px;
  }
  @media (min-width: 1280px) {
    padding: 30px;
  }
  @media (min-width: 1440px) {
    padding: 30px var(--page-margin);
  }
}
.service-card:nth-of-type(1) {
  border-top: 1px solid var(--color-border);
}
.service-card:nth-of-type(1),
.service-card:nth-of-type(2) {
  @media (min-width: 768px) {
    border-top: 1px solid var(--color-border);
  }
}
.service-card:nth-of-type(odd) {
  @media (min-width: 768px) {
    border-right: 1px solid var(--color-border);
  }
}
.service-card__title {
  color: var(--color-primary);
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
  overflow-wrap: break-word;
  transition: all 0.2s ease;
}
.service-card__desc {
  color: var(--color-gray-3);
  font-size: 16px;
  line-height: 1.375;
  overflow-wrap: break-word;
  transition: all 0.2s ease;
  max-width: 90%;
}
.service-card__waves {
  position: absolute;
  width: auto;
  height: 100%;
  min-height: 245px;
  aspect-ratio: 198 / 245;
  left: 85%;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='198' height='245' viewBox='0 0 198 245' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 122.402C0 54.8011 54.8011 0 122.402 0L197.182 0V9.94514L122.402 9.94514C60.2937 9.94514 9.94514 60.2937 9.94514 122.402C9.94514 184.51 60.2937 234.858 122.402 234.858H196.99V244.803H122.402C54.8011 244.803 0 190.002 0 122.402Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M24.8594 121.827C24.8594 67.0239 69.1283 22.5665 123.775 22.5664L197.178 22.5664V32.5115L123.775 32.5115C74.6551 32.5116 34.8045 72.4821 34.8045 121.827C34.8045 171.171 74.6551 211.141 123.775 211.142H196.987V221.087H123.775C69.1283 221.087 24.8594 176.629 24.8594 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M50.1094 121.827C50.1094 80.7576 83.2727 47.4297 124.224 47.4297L197.183 47.4297V57.3748L124.224 57.3748C88.8034 57.3748 60.0545 86.2119 60.0545 121.827C60.0545 157.442 88.8034 186.279 124.224 186.279L196.991 186.279V196.224L124.224 196.224C83.2727 196.224 50.1094 162.896 50.1094 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M74.9688 121.825C74.9688 96.5966 95.353 76.1153 120.535 76.1152H197.071V86.0604L120.535 86.0604C100.879 86.0604 84.9139 102.056 84.9139 121.825C84.9139 141.593 100.879 157.589 120.535 157.589H196.988V167.534H120.535C95.353 167.534 74.9688 147.053 74.9688 121.825Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M99.8281 121.827C99.8281 108.316 111.436 97.9209 125.044 97.9209L196.834 97.9209V107.866L125.044 107.866C116.292 107.866 109.773 114.425 109.773 121.827C109.773 129.23 116.292 135.789 125.044 135.789H196.793V145.734H125.044C111.436 145.734 99.8281 135.339 99.8281 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3C/svg%3E%0A");
  transition: all 0.3s ease;
}
.service-card__link {
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.service-card:hover {
  background-color: #0e1c2c;
  background-image: url("/assets/images/service-bg.webp");
  background-size: cover;
  .service-card__title,
  .service-card__desc {
    color: white;
  }
  .service-card__waves {
    transform: translateY(-50%) translateX(-30px);
  }
  .service-card__link {
    opacity: 1;
    transform: translateY(-50%) translateX(-30px);
    line-height: 0;
  }
}

.release-projects-section__slider {
  padding: 0 var(--page-margin);
  margin: 0 calc(var(--page-margin) * -1);
  width: calc(100% + var(--page-margin) * 2);
  @media (min-width: 1024px) {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}
.project__card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 30px;
  @media (min-width: 768px) {
    padding-bottom: 40px;
  }
  @media (min-width: 1900px) {
    padding-bottom: 50px;
  }
}
.project__card:not(.swiper-slide) {
  flex: 1 1 0;
}
.project__card.swiper-slide {
  height: auto;
}
.project__card-image {
  max-height: 410px;
  aspect-ratio: 326 / 246;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  background: var(--color-bg-sec-2);
  border-radius: var(--b-radius);
  overflow: hidden;
  @media (min-width: 768px) {
    aspect-ratio: 546 / 410;
  }
}
.project__card-image-bg {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
}
.project__card:hover .project__card-image-bg {
  transform: scale(1.05);
}
.project__card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px;
}
.project__tag {
  padding: 5px 11px;
  background: rgb(235 249 248 / 60%);
  border-radius: var(--b-radius);
  outline: 1px rgb(230 245 241 / 60%) solid;
  outline-offset: -1px;
  -webkit-backdrop-filter: blur(4.05px);
  backdrop-filter: blur(4.05px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.project__tag-text {
  color: var(--color-primary);
  font-size: 14px;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.project__card-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.project__card-title {
  color: var(--color-primary);
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
  overflow-wrap: break-word;
}
.project__card-location {
  color: var(--color-gray-3);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3333;
  overflow-wrap: break-word;
}
.faq-card {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid #c0c9d4;
  border-left: none;
  @media (min-width: 768px) {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
  }
}
.faq-card:nth-of-type(1) {
  border-top: 1px solid #c0c9d4;
}
.faq-card:nth-of-type(1),
.faq-card:nth-of-type(2) {
  @media (min-width: 768px) {
    border-top: 1px solid #c0c9d4;
  }
}
.faq-card:nth-of-type(odd) {
  @media (min-width: 768px) {
    border-right: 1px solid #c0c9d4;
  }
}
.faq-card-question {
  color: var(--color-primary);
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
  overflow-wrap: break-word;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
@media (max-width: 768px) {
  .faq-card-question::after {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L6 8H18L12 16Z' fill='%230a0f16'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
  }
  .faq-card-question.active::after {
    transform: rotate(180deg);
  }
}
.faq-card-answer {
  display: none;
  color: var(--color-gray-3);
  font-size: 16px;
  margin-top: 16px;
  line-height: 1.375;
  overflow-wrap: break-word;
  @media (min-width: 768px) {
    display: block;
  }
}
.faq-card:has(.active) .faq-card-answer {
  display: block;
}

.products-section__content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  @media (min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 1280px) {
    grid-template-columns: repeat(3, 1fr);
  }
  @media (min-width: 1900px) {
    grid-template-columns: repeat(4, 1fr);
  }
}

.products-section__slider {
  padding: 0 var(--page-margin);
  margin: 0 calc(var(--page-margin) * -1);
  width: calc(100% + var(--page-margin) * 2);
  @media (min-width: 1280px) {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}

.products-section__slider {
  @media (min-width: 1280px) {
    .swiper-pagination {
      display: none;
    }
  }
}

.products-section__content.swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  @media (min-width: 1280px) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 0;
  }
  @media (min-width: 1900px) {
    grid-template-columns: repeat(4, 1fr);
  }
}

.product-card.swiper-slide {
  height: auto;
  flex: none;
}

@media (max-width: 1900px) {
  .products-section__content .product-card:nth-child(n + 7) {
    display: none;
  }
  .products-section__content:has(.product-card:nth-child(7)) .show-more-link {
    display: flex;
  }
}

@media (min-width: 1900px) {
  .products-section__content .product-card:nth-child(n + 9) {
    display: none;
  }
  .products-section__content:has(.product-card:nth-child(9)) .show-more-link {
    display: flex;
  }
}

section.show-all .product-card {
  display: flex !important;
}

.services-section {
  display: flex;
  flex-direction: column;
}
.how-section + .services-section,
.section_top + .services-section {
  padding-top: 0 !important;
}
.services-section__header {
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.services-section__label {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.services-section__body {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-left: calc(var(--page-margin) * -1);
  margin-right: calc(var(--page-margin) * -1);
  @media (min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
  }
}
.services-section__footer {
  display: flex;
  justify-content: center;
}
.services-section__btn {
  height: 48px;
  padding: 0 25px;
  background: #0e1c2c;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  border: none;
}
.services-section__btn-text {
  color: white;
  font-size: 16px;
  line-height: 1.25;
  overflow-wrap: break-word;
}
.services-section__btn-icon {
  position: relative;
  display: flex;
}
.properties-section {
  @media (min-width: 1280px) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  @media (min-width: 1900px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20p;
  }
}
.main-hero-section .properties-section {
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}

.main-hero-section .h2 {
  @media (max-width: 1280px) {
    font-size: 24px;
    line-height: 1.1667;
    letter-spacing: -0.72px;
  }
}

.properties-section__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.properties-section__item:nth-child(1) {
  @media (min-width: 1900px) {
    grid-column: span 2;
  }
}
.main-hero-section .properties-section__item:nth-child(1) {
  @media (min-width: 1280px) {
    grid-column: span 2;
  }
}
.properties-section__title {
  padding-bottom: 20px;
  border-bottom: 2px solid #312e2b;
  color: var(--color-primary);
  font-size: 18px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.2222;
  overflow-wrap: break-word;
  @media (min-width: 768px) {
    min-height: 66px;
  }
  @media (min-width: 1440px) {
    min-height: 70px;
    font-size: 22px;
    line-height: 1.0909;
  }
}
.properties-section__value-row {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.properties-section__number {
  color: var(--color-accent);
  font-family: "Audiowide", sans-serif;
  font-size: 48px;
  line-height: 1;
  @media (min-width: 1280px) {
    font-size: 56px;
  }
  @media (min-width: 1440px) {
    min-height: 70px;
    font-size: 70px;
  }
}
.properties-section__unit {
  margin-bottom: 4px;
  color: var(--color-accent);
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.1333;
  @media (min-width: 1280px) {
    margin-bottom: 8px;
  }
  @media (min-width: 1440px) {
    margin-bottom: 10px;
    font-size: 42px;
    line-height: 1.0952;
  }
}
@media (max-width: 1280px) {
  .properties-section {
    display: flex;
    padding: 0 var(--page-margin);
    margin-left: calc(-1 * var(--page-margin));
    margin-right: calc(-1 * var(--page-margin));
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    gap: 0;
  }

  .properties-section::-webkit-scrollbar {
    display: none;
  }

  .properties-section__item {
    min-width: 100%;
    scroll-snap-align: start;
    padding-left: var(--page-margin);
  }
}

.production-section {
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
}
.production-section__header {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.production-section__info {
  display: flex;
  flex-direction: column;
  gap: 30px;
  grid-column: span 3;
}
.production-section__badge {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.production-section__badge-text {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
}
.production-section__title {
  align-self: stretch;
  color: var(--color-primary);
  font-size: 42px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
}
.production-section__description {
  color: var(--color-gray-3);
  font-size: 16px;
  line-height: 1.375;
}
.production-section__content {
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
  @media (min-width: 1280px) {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
.production-section__main-card {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.production-section__main-card .link-arrow {
  margin-top: 40px;
  align-self: flex-start;
  @media (min-width: 1280px) {
    margin-top: 0;
  }
}
.production-section__card-top {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  @media (min-width: 1280px) {
    gap: 30px;
  }
}
.production-section__counter {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
}
.production-section__counter-current {
  color: var(--color-accent);
  font-family: "Audiowide", monospace;
  font-size: 48px;
  line-height: 1;
  @media (min-width: 1280px) {
    font-size: 70px;
  }
}
.production-section__counter-separator {
  font-family: "Audiowide", monospace;
  font-size: 24px;
  line-height: 1.33333;
  @media (min-width: 1280px) {
    font-size: 32px;
    line-height: 1.25;
  }
}
.production-section__counter-total {
  font-family: "Audiowide", monospace;
  font-size: 24px;
  line-height: 1.33333;
  @media (min-width: 1280px) {
    font-size: 32px;
    line-height: 1.25;
  }
}
.production-section__subtitle {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.08333;
  letter-spacing: -0.24px;
  @media (min-width: 1280px) {
    font-size: 32px;
    line-height: 1.125;
  }
}
.production-section__button {
  height: 48px;
  padding-left: 25px;
  padding-right: 25px;
  background: linear-gradient(0deg, #0e1c2c 0%, #0e1c2c 100%), white;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.production-section__button-text {
  color: white;
  font-size: 16px;
  line-height: 1.25;
}
.production-section__gallery {
  display: flex;
  grid-column: span 3;
  gap: 20px;
}
.production-section__slide {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='829' height='546' viewBox='0 0 829 546' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M829 369.117C829 375.06 822.727 378.962 817.218 376.733C797.927 368.928 776.843 364.63 754.757 364.63C662.659 364.63 588 439.358 588 531.54V537.63C588 542.048 584.418 545.63 580 545.63H7.99998C3.58171 545.63 0 542.048 0 537.63V8.00001C0 3.58173 3.58172 0 8 0H821C825.418 0 829 3.58172 829 8V369.117ZM754.757 378.191C780.016 378.191 803.846 384.311 824.851 395.148C827.433 396.48 829 399.172 829 402.077V405.457C829 411.796 821.912 415.705 816.247 412.861C797.989 403.695 777.365 398.533 755.536 398.533C680.874 398.533 620.307 458.9 620.307 533.418V537.63C620.307 542.048 616.725 545.63 612.307 545.63H609.549C605.131 545.63 601.549 542.048 601.549 537.63V531.54C601.549 446.848 670.142 378.191 754.757 378.191ZM755.536 412.095C781.709 412.095 805.946 420.333 825.787 434.347C827.835 435.793 829 438.168 829 440.675V444.415C829 451.634 819.79 455.529 813.885 451.376C797.384 439.773 777.255 432.96 755.537 432.96C699.585 432.96 654.18 478.183 654.18 534.025V537.63C654.18 542.048 650.598 545.63 646.18 545.63H641.855C637.437 545.63 633.855 542.048 633.855 537.63V533.418C633.856 466.437 688.311 412.095 755.536 412.095ZM755.537 446.521C785.418 446.522 811.797 461.39 827.654 484.095C828.55 485.377 829 486.913 829 488.477V540.035C829 543.125 826.495 545.63 823.405 545.63C820.315 545.63 817.811 543.125 817.811 540.035V528.997C817.81 494.658 789.907 466.861 755.537 466.861C721.167 466.861 693.264 494.658 693.264 528.997V537.63C693.264 542.048 689.682 545.63 685.264 545.63H675.729C671.31 545.63 667.729 542.048 667.729 537.63V534.025C667.729 485.725 707.016 446.521 755.537 446.521ZM755.537 480.423C782.469 480.423 804.262 502.193 804.262 528.997V537.63C804.262 542.048 800.604 545.63 796.186 545.63C791.767 545.63 788.109 542.048 788.109 537.63V535.152C788.109 516.596 773.947 500.768 755.54 500.768C737.133 500.768 722.97 516.596 722.97 535.152V537.63C722.97 542.048 719.309 545.63 714.891 545.63C710.473 545.63 706.812 542.048 706.812 537.63V528.997C706.813 502.193 728.605 480.423 755.537 480.423ZM755.54 514.329C765.625 514.329 774.561 523.218 774.561 535.152V537.63C774.561 542.048 770.979 545.63 766.561 545.63H744.519C740.1 545.63 736.519 542.048 736.519 537.63V535.152C736.519 523.218 745.455 514.329 755.54 514.329Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='829' height='546' viewBox='0 0 829 546' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M829 369.117C829 375.06 822.727 378.962 817.218 376.733C797.927 368.928 776.843 364.63 754.757 364.63C662.659 364.63 588 439.358 588 531.54V537.63C588 542.048 584.418 545.63 580 545.63H7.99998C3.58171 545.63 0 542.048 0 537.63V8.00001C0 3.58173 3.58172 0 8 0H821C825.418 0 829 3.58172 829 8V369.117ZM754.757 378.191C780.016 378.191 803.846 384.311 824.851 395.148C827.433 396.48 829 399.172 829 402.077V405.457C829 411.796 821.912 415.705 816.247 412.861C797.989 403.695 777.365 398.533 755.536 398.533C680.874 398.533 620.307 458.9 620.307 533.418V537.63C620.307 542.048 616.725 545.63 612.307 545.63H609.549C605.131 545.63 601.549 542.048 601.549 537.63V531.54C601.549 446.848 670.142 378.191 754.757 378.191ZM755.536 412.095C781.709 412.095 805.946 420.333 825.787 434.347C827.835 435.793 829 438.168 829 440.675V444.415C829 451.634 819.79 455.529 813.885 451.376C797.384 439.773 777.255 432.96 755.537 432.96C699.585 432.96 654.18 478.183 654.18 534.025V537.63C654.18 542.048 650.598 545.63 646.18 545.63H641.855C637.437 545.63 633.855 542.048 633.855 537.63V533.418C633.856 466.437 688.311 412.095 755.536 412.095ZM755.537 446.521C785.418 446.522 811.797 461.39 827.654 484.095C828.55 485.377 829 486.913 829 488.477V540.035C829 543.125 826.495 545.63 823.405 545.63C820.315 545.63 817.811 543.125 817.811 540.035V528.997C817.81 494.658 789.907 466.861 755.537 466.861C721.167 466.861 693.264 494.658 693.264 528.997V537.63C693.264 542.048 689.682 545.63 685.264 545.63H675.729C671.31 545.63 667.729 542.048 667.729 537.63V534.025C667.729 485.725 707.016 446.521 755.537 446.521ZM755.537 480.423C782.469 480.423 804.262 502.193 804.262 528.997V537.63C804.262 542.048 800.604 545.63 796.186 545.63C791.767 545.63 788.109 542.048 788.109 537.63V535.152C788.109 516.596 773.947 500.768 755.54 500.768C737.133 500.768 722.97 516.596 722.97 535.152V537.63C722.97 542.048 719.309 545.63 714.891 545.63C710.473 545.63 706.812 542.048 706.812 537.63V528.997C706.813 502.193 728.605 480.423 755.537 480.423ZM755.54 514.329C765.625 514.329 774.561 523.218 774.561 535.152V537.63C774.561 542.048 770.979 545.63 766.561 545.63H744.519C740.1 545.63 736.519 542.048 736.519 537.63V535.152C736.519 523.218 745.455 514.329 755.54 514.329Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-position: right bottom;
  mask-position: right bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.production-section__slide-main {
  position: relative;
  grid-column: span 2;
  margin-left: calc(var(--page-margin) * -1);
  margin-right: calc(var(--page-margin) * -1);
  padding: 0 var(--page-margin);
  width: calc(100% + var(--page-margin) * 2);
  @media (min-width: 1280px) {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
.production-section__side-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.production-section__side-card:has(.production-section__side-top) {
  @media (max-width: 1280px) {
    display: none;
  }
}

.production-section__side-top {
  display: none;
  @media (min-width: 1280px) {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.production-section__slide-image {
  width: 100%;
  height: auto;
  border-radius: var(--b-radius);
  aspect-ratio: 829 / 545;
  object-fit: cover;
  background: linear-gradient(180deg, #f1f9f7 0%, #dde4ed 100%);
}
.production-section__side-image {
  display: none;
  @media (min-width: 1280px) {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--b-radius);
    aspect-ratio: 829 / 545;
    object-fit: cover;
    background: linear-gradient(180deg, #f1f9f7 0%, #dde4ed 100%);
  }
}
.production-section__side-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
.production-section__side-counter {
  color: #0e1c2c;
  font-size: 32px;
  font-family: "Audiowide", monospace;
  line-height: 1.25;
}
.production-section__side-subtitle {
  color: #262626;
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0909;
}
.production-section__nav {
  display: none;
  @media (min-width: 1280px) {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    align-self: flex-end;
  }
}
.production-section__nav-arrow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 48px;
  padding: 0;
  border: none;
  border-radius: var(--b-radius);
  background-color: var(--color-gray-4);
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}
.production-section__nav-arrow:hover {
  color: white;
  background-color: var(--color-primary);
  border-radius: 24px;
}
@keyframes partners-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.advantages-section {
  display: flex;
  flex-direction: column;
}
.advantages-section__header {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.advantages-section__label {
  display: flex;
  align-items: center;
  gap: 20px;
}
.advantages-section__label-dot {
  width: 12px;
  height: 12px;
  background-color: var(--color-accent);
  border-radius: 6px;
}
.advantages-section__label-text {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.advantages-section__title {
  color: var(--color-primary);
  font-size: 42px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
  overflow-wrap: break-word;
}
.advantages-section__items {
  display: flex;
  flex-direction: column;
  gap: 30px;
  @media (min-width: 768px) {
    flex-flow: row wrap;
    gap: 40px;
  }
  @media (min-width: 1280px) {
    flex-wrap: nowrap;
  }
}
.advantages-section__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: auto;
  @media (min-width: 768px) {
    gap: 40px;
  }
}
.advantages-section__icon {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}
.advantages-section__item-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  @media (min-width: 768px) {
    gap: 20px;
  }
}
.advantages-section__item-title {
  color: var(--color-primary);
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0909;
  overflow-wrap: break-word;
}
.advantages-section__item-description {
  color: var(--color-gray-3);
  font-size: 16px;
  line-height: 1.375;
  overflow-wrap: break-word;
}
.categories-section {
  overflow: hidden;
  gap: 40px;
}
.categories-section__header {
  width: 830px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.categories-section__label {
  display: flex;
  align-items: center;
  gap: 20px;
}
.categories-section__label-dot {
  width: 12px;
  height: 12px;
  background-color: var(--color-accent);
  border-radius: 6px;
}
.categories-section__label-text {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.categories-section__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.categories-section__tabs {
  display: flex;
  gap: 5px;
  overflow: auto;
  scrollbar-width: none;
}
.categories-section__tab {
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: white;
}
.categories-section__tab--active {
  background: var(--color-bg-sec-2);
}
.categories-section__tab-text {
  color: var(--color-primary);
  font-size: 16px;
  line-height: 1.375;
  overflow-wrap: break-word;
}
.categories-section__tab--active .categories-section__tab-text {
  color: white;
}
.categories-section__cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  @media (min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 1280px) {
    grid-template-columns: repeat(3, 1fr);
  }
  @media (min-width: 1440px) {
    grid-template-columns: repeat(4, 1fr);
  }
}
.categories-section__slider {
  padding: 0 var(--page-margin);
  margin: 0 calc(var(--page-margin) * -1);
  width: calc(100% + var(--page-margin) * 2);
  @media (min-width: 1280px) {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
.faq-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.faq-section__body {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  @media (min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
    margin-left: calc(var(--page-margin) * -1);
    margin-right: calc(var(--page-margin) * -1);
    width: calc(100% + var(--page-margin) * 2);
  }
}
.release-projects-section {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.release-projects-section__header {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.release-projects-section__label {
  display: flex;
  align-items: center;
  gap: 20px;
}
.release-projects-section__label-dot {
  width: 12px;
  height: 12px;
  background-color: var(--color-accent);
  border-radius: 6px;
}
.release-projects-section__label-text {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.release-projects-section__title {
  color: var(--color-primary);
  font-size: 30px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.1333;
  overflow-wrap: break-word;
  @media (min-width: 1280px) {
    font-size: 42px;
    line-height: 1.0952;
  }
}
.release-projects-section__body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  @media (min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 1280px) {
    grid-template-columns: repeat(3, 1fr);
  }
}

.hero-section {
  height: min(100vh, 1280px);
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  position: relative;
}
.hero-section__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: linear-gradient(180deg, rgb(0 0 0 / 8%) 0%);
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.hero-section__image-bg {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.hero-section__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.hero-section__body {
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  margin-top: auto;
  @media (min-width: 768px) {
    padding-top: 140px;
    height: auto;
  }
}
.hero-section__header {
  padding-bottom: 30px;
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px 60px;
  @media (min-width: 768px) {
    padding-bottom: 50px;
    flex-direction: row;
  }
  @media (min-width: 1280px) {
    padding-bottom: 50px;
  }
  @media (min-width: 1440px) {
    padding-bottom: 50px;
  }
}
.hero-section__title {
  max-width: 960px;
  color: white;
  font-size: 36px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1.08px;
  @media (min-width: 1280px) {
    font-size: 46px;
    line-height: 1.08696;
    letter-spacing: -1.38px;
  }
}
.hero-section-about .hero-section__title {
  width: 100%;
  max-width: 750px;
}
.hero-section__factoid-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hero-section__factoid {
  color: white;
  font-size: 56px;
  font-family: Audiowide, sans-serif;
  line-height: 1;
  max-height: 56px;
  overflow-wrap: break-word;
  @media (min-width: 1900px) {
    font-size: 70px;
    max-height: 70px;
  }
}
.hero-section__factoid:has(span) {
  display: flex;
  gap: 10px;
  @media (min-width: 1900px) {
    gap: 12px;
  }
}
.hero-section__factoid span {
  font-family: "Exo 2", sans-serif;
  font-size: 42px;
  line-height: 1.89524;
  transform: translateY(-10px);
  @media (min-width: 1900px) {
    transform: translateY(0);
  }
}
.hero-section__factoid-label {
  color: white;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.11111;
  overflow-wrap: break-word;
  @media (min-width: 1900px) {
    font-size: 20px;
    line-height: 1.11111;
  }
}
.hero-section__factoid-text {
  color: white;
  font-size: 16px;
  line-height: 1.375;
}
.hero-section__divider {
  height: 1px;
  background: white;
}
.hero-section__description {
  padding: 30px var(--page-margin) 50px;
  @media (min-width: 768px) {
    padding: 40px var(--page-margin) 90px;
  }
}
.hero-section__content:has(.hero-section__video-buttons)
  .hero-section__description {
  padding: 30px var(--page-margin) 100px;
  @media (min-width: 768px) {
    padding: 40px var(--page-margin) 140px;
  }
}
.hero-section__description-text {
  width: 100%;
  color: white;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  overflow-wrap: break-word;
  @media (min-width: 768px) {
    width: 50%;
  }
  @media (min-width: 1440px) {
    width: 25%;
  }
}
.hero-section__bottom-bar {
  width: 100%;
  max-width: calc(100vw - var(--page-margin) * 2);
  padding: 14px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: rgb(12 44 80 / 87%);
  border-radius: var(--b-radius);
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  z-index: 800;
  opacity: 1;
  visibility: visible;
  @media (min-width: 1024px) {
    bottom: 30px;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 2fr 1fr;
  }
  @media (min-width: 1900px) {
    max-width: 1680px;
  }
}

.hero-section__bottom-bar:not(:has(.product-section__tabs)) {
  @media (min-width: 1024px) {
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.hero-section__bottom-bar.invisible {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.hero-section__bottom-title {
  max-width: 705px;
  color: white;
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0909;
  overflow-wrap: break-word;
  @media (min-width: 1024px) {
    min-width: 400px;
  }
}

.hero-section__video-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  left: var(--page-margin);
  bottom: 20px;
  @media (min-width: 1024px) {
    bottom: 30px;
  }
}

.hero-section__video-button,
.video-button {
  padding: 13px 25px;
  border-radius: var(--b-radius);
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hero-section__video-button:hover,
.video-button:hover {
  background: rgba(255, 255, 255, 1);
  color: var(--color-primary);
}

.hero-section__video-button.js-video-button,
.video-button.js-video-button {
  padding: 13px;
}

.hero-section__video-button.js-video-button::after,
.video-button.js-video-button::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4338_258487)'%3E%3Cpath d='M7 8.48207C7 6.93549 7 6.16219 7.50194 5.87389C8.00388 5.5856 8.67183 5.97524 10.0077 6.75452L16.0385 10.2724C17.3564 11.0412 18.0154 11.4256 18.0154 12C18.0154 12.5744 17.3564 12.9588 16.0385 13.7276L10.0077 17.2455C8.67183 18.0248 8.00388 18.4144 7.50194 18.1261C7 17.8378 7 17.0645 7 15.5179V8.48207Z' stroke='%230A0F16' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4338_258487'%3E%3Crect width='18' height='18' fill='white' transform='translate(3 3)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-section__video-button.js-video-button.playing::after,
.video-button.js-video-button.playing::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1201_54401)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.22984 3.04004C9.57984 3.04004 9.86984 3.33004 9.86984 3.68004V20.32C9.86984 20.67 9.57984 20.96 9.22984 20.96C8.86984 20.96 8.58984 20.67 8.58984 20.32V3.68004C8.58984 3.33004 8.86984 3.04004 9.22984 3.04004Z' fill='%230A0F16'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7689 3.04004C15.1289 3.04004 15.4089 3.33004 15.4089 3.68004V20.32C15.4089 20.67 15.1289 20.96 14.7689 20.96C14.4189 20.96 14.1289 20.67 14.1289 20.32V3.68004C14.1289 3.33004 14.4189 3.04004 14.7689 3.04004Z' fill='%230A0F16'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1201_54401'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.link {
  width: -webkit-fit-content;
  width: fit-content;
  color: var(--color-primary);
  font-size: 14px;
  line-height: 1.2857;
  padding-bottom: 2px;
  border-bottom: 1px rgb(49 196 180 / 50%) solid;
  text-decoration: none;
}

/* INFO SECTION */

.info-section__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  background: linear-gradient(0deg, #f1f9f7 0%, #f1f9f7 35.58%);
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}

.bg-white .info-section__content {
  background: white;
}

.info-section__title {
  grid-column: 1 / -1;
  margin: 0 auto;
  text-align: center;
  @media (max-width: 768px) {
    font-size: 24px;
    line-height: 1.08333;
    letter-spacing: -0.24px;
  }
  @media (min-width: 1280px) {
    grid-column: 2/4;
  }
}

.info-section__description {
  grid-column: 1 / -1;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  overflow-wrap: break-word;
  @media (min-width: 768px) {
    margin-top: 50px;
    font-size: 18px;
    line-height: 1.3333;
  }
  @media (min-width: 1280px) {
    grid-column: 2/4;
    margin-top: 60px;
  }
}

.info-section__images-block {
  grid-column: 1 / -1;
  display: flex;
  gap: 8px;
  overflow: auto;
  scrollbar-width: none;
  margin-top: 50px;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: -16px;
  margin-right: -16px;
  @media (min-width: 1280px) {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: flex-start;
    gap: 20px;
    margin-top: 100px;
  }
}

.info-section__images-block::-webkit-scrollbar {
  display: none;
}

.info-section__image {
  display: flex;
  border-radius: var(--b-radius);
  @media (min-width: 1280px) {
    &:nth-of-type(1) {
      grid-column-start: 1;
    }
    &:nth-of-type(2) {
      grid-column: span 2;
    }
    &:nth-of-type(3) {
      grid-column-start: 4;
    }
    &:nth-of-type(n + 4) {
      display: none;
    }
  }
}

.info-section__picture {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  min-width: 312px;
  max-width: 312px;
  border-radius: var(--b-radius);
  @media (min-width: 768px) {
    min-width: unset;
    max-width: unset;
  }
}

.info-section__image:nth-of-type(2) .info-section__picture {
  @media (min-width: 1280px) {
    aspect-ratio: 829/609;
  }
}

/* SCOPE */

.num-slider__container {
  border-bottom: 1px solid var(--color-border);
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  @media (min-width: 768px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}

.num-slider__info {
  grid-column: 1 / -1;
  padding-bottom: 50px;
  @media (min-width: 768px) {
    grid-column: 1 / 2;
  }
}

.num-slider__content {
  grid-column: 1 / -1;
  @media (min-width: 768px) {
    grid-column: 2 / -1;
    margin-right: calc(-1 * var(--page-margin));
    width: calc(100% + var(--page-margin));
  }
}

.num-slider__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  height: auto;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  max-width: 829px;
  cursor: grab;
  padding: 20px;
  min-height: 290px;
  @media (min-width: 768px) {
    width: 46.328125vw;
  }
  @media (min-width: 1280px) {
    padding: 40px 80px 70px;
    min-height: 300px;
  }
  @media (min-width: 1900px) {
    padding: 80px 100px 100px 120px;
    min-height: 300px;
  }
}

.num-slider__item:active {
  cursor: grabbing;
}

.num-slider__item:empty {
  opacity: 0 !important;
  max-width: 100px;
}

.num-slider_light .num-slider__item {
  padding: 40px;
  min-height: 300px;
  @media (min-width: 1280px) {
    padding: 80px 80px 100px;
    gap: 30px;
    min-height: 400px;
  }
  @media (min-width: 1900px) {
    padding: 80px 100px 100px 120px;
  }
}

.num-slider__item ul {
  position: relative;
  z-index: 2;
  gap: 6px;
}

.num-slider__item li {
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
}

.num-slider__item-title {
  color: var(--color-accent);
  position: relative;
  z-index: 2;
  margin-top: 14px;
  @media (min-width: 768px) {
    margin-top: 0;
  }
}

.num-slider_light .num-slider__item-title {
  color: var(--color-primary);
}

.num-slider__item-bg {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-bg-sec-2);
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
  &::after {
    content: "";
    position: absolute;
    width: 560.12px;
    height: 254.11px;
    right: 9.88px;
    bottom: 67.61px;

    background: radial-gradient(
      66.78% 226.51% at 54.2% 66.22%,
      #00aede 0%,
      #0e1c2c 100%
    );
    filter: blur(89.75px);
    transform: rotate(-31.21deg);
  }
  &::before {
    content: "";
    position: absolute;
    width: 565.21px;
    height: 251.31px;
    right: -250.89px;
    bottom: 128.69px;
    background: var(--color-text-link);
    filter: blur(96.65px);
    transform: rotate(-41.14deg);
  }
}

.num-slider_light .num-slider__item-bg {
  background: var(--color-bg-sec);
  &::after {
    content: unset;
  }
  &::before {
    content: unset;
  }
}

.swiper-slide-active.num-slider__item {
  .num-slider__item-bg {
    opacity: 1;
    visibility: visible;
  }
  li {
    color: white;
  }
}

.num-slider__item-arch {
  width: 177px;
  height: auto;
  aspect-ratio: 270/100;
  position: absolute;
  left: 90%;
  transform: translateX(-50%);
  bottom: -10px;
  background-image: url("data:image/svg+xml,%3Csvg width='270' height='100' viewBox='0 0 270 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M135 0C209.559 0 270 60.4415 270 135L270 217.476H259.031L259.031 135C259.031 66.4994 203.501 10.9687 135 10.9687C66.4997 10.9687 10.9691 66.4994 10.9691 135L10.9691 217.265L0.000343323 217.265L0.000343323 135C0.000343323 60.4415 60.4418 0 135 0Z' fill='%23D9E0E9'/%3E%3Cpath d='M135.637 27.4189C196.08 27.4189 245.113 76.2442 245.113 136.516V217.473H234.145V136.516C234.144 82.3399 190.06 38.3877 135.637 38.3877C81.2137 38.3877 37.1293 82.3399 37.1292 136.516V217.262H26.1604V136.516C26.1605 76.2442 75.1937 27.4189 135.637 27.4189Z' fill='%23D9E0E9'/%3E%3Cpath d='M135.633 55.2656C180.929 55.2656 217.688 91.8422 217.688 137.009L217.688 217.476H206.719L206.719 137.009C206.719 97.9422 174.914 66.2344 135.633 66.2344C96.3522 66.2344 64.5471 97.9422 64.5471 137.009L64.5471 217.265H53.5783L53.5783 137.009C53.5783 91.8422 90.3365 55.2656 135.633 55.2656Z' fill='%23D9E0E9'/%3E%3Cpath d='M135.637 82.6846C163.461 82.6846 186.051 105.167 186.051 132.941L186.051 217.354H175.082L175.082 132.941C175.082 111.261 157.44 93.6533 135.637 93.6533C113.834 93.6533 96.1916 111.261 96.1915 132.941L96.1915 217.263H85.2228L85.2228 132.941C85.2228 105.167 107.812 82.6846 135.637 82.6846Z' fill='%23D9E0E9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  opacity: 0.35;
  @media (min-width: 1280px) {
    bottom: -20px;
  }
  @media (min-width: 1900px) {
    width: 217px;
    bottom: 0;
  }
}

.num-slider_light .num-slider__item-arch {
  left: 50%;
  @media (min-width: 1280px) {
    width: 217px;
    bottom: 0;
  }
}

.num-slider__number {
  color: var(--color-accent);
  font-family: "Audiowide", monospace;
  font-size: 70px;
  line-height: 1;
}

.num-slider__text {
  position: relative;
  z-index: 2;
  @media (min-width: 768px) {
    margin-top: 10px;
  }
}

.num-slider__caption {
  color: var(--color-accent);
  position: relative;
  z-index: 2;
}

.num-slider__item-file {
  display: flex;
  align-items: center;
  color: var(--color-gray-3);
  gap: 10px;
  font-size: 14px;
  line-height: 1.28571;
  position: relative;
  z-index: 2;
  margin-top: 4px;
  @media (min-width: 768px) {
    margin-top: 0;
  }
}

.num-slider__item-file span {
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: 50%;
  flex-shrink: 0;
}

.scope-section {
  background: linear-gradient(0deg, var(--color-bg-sec) 0%, #fff 100%);
  padding-top: var(--space-5xl);
}

.scope-section.reviews {
  padding-top: 0;
}

.scope-section .num-slider__item-arch {
  left: 50%;
  transform: translateX(-50%);
}

.when-section {
  overflow: hidden;
}

.when-section__container {
  @media (min-width: 1280px) {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.when-section__container:has(.when-section__slider) {
  @media (min-width: 1280px) {
    display: flex;
  }
}

*:has(> .video-controls) {
  position: relative;
}

.video-controls {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  align-items: center;
  @media (min-width: 1900px) {
    bottom: 40px;
  }
  z-index: 2;
}

.video-controls .button_primary {
  display: none;
  @media (min-width: 768px) {
    display: inline-flex;
  }
}

.when-section__image {
  width: calc(100% + var(--page-margin) * 2);
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  margin: 0 calc(-1 * var(--page-margin));
  @media (min-width: 1280px) {
    width: 100%;
    margin: 0;
    aspect-ratio: unset;
  }
}

.when-section__slider {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  @media (min-width: 1280px) {
    width: 50%;
  }
}

.when-section__slider .swiper-slide {
  background: white;
  width: 100%;
  height: auto;
}

.when-section__slider-buttons {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  display: flex;
  justify-content: space-between;
  z-index: 2;
  @media (min-width: 1280px) {
    left: 40px;
    right: auto;
    bottom: 40px;
  }
}

.number-list {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-left: calc(-1 * var(--page-margin));
  margin-right: calc(-1 * var(--page-margin));
  list-style: none;
  flex-grow: 1;
  @media (min-width: 1280px) {
    margin-left: 0;
    margin-right: calc(-1 * var(--page-margin));
  }
}

.number-list li {
  padding: 30px 60px 30px 16px;
  border-top: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  background: linear-gradient(90deg, #fff 0%, #fff 50%, #e6f5f1 100%);
  background-size: 200% 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  font-family: "Exo 2", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.11111;
  letter-spacing: -0.54px;
  transition: background-position 0.3s ease;
  flex-grow: 1;
  @media (min-width: 768px) {
    flex-direction: row;
    align-items: center;
    padding: 40px 100px 40px 40px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.09091;
    letter-spacing: -0.66px;
  }
}

.number-list li:last-child {
  border-bottom: 1px solid var(--color-border);
}

.number-list li::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='198' height='245' viewBox='0 0 198 245' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 122.402C0 54.8011 54.8011 0 122.402 0L197.182 0V9.94514L122.402 9.94514C60.2937 9.94514 9.94514 60.2937 9.94514 122.402C9.94514 184.51 60.2937 234.858 122.402 234.858H196.99V244.803H122.402C54.8011 244.803 0 190.002 0 122.402Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M24.8594 121.827C24.8594 67.0239 69.1283 22.5665 123.775 22.5664L197.178 22.5664V32.5115L123.775 32.5115C74.6551 32.5116 34.8045 72.4821 34.8045 121.827C34.8045 171.171 74.6551 211.141 123.775 211.142H196.987V221.087H123.775C69.1283 221.087 24.8594 176.629 24.8594 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M50.1094 121.827C50.1094 80.7576 83.2727 47.4297 124.224 47.4297L197.183 47.4297V57.3748L124.224 57.3748C88.8034 57.3748 60.0545 86.2119 60.0545 121.827C60.0545 157.442 88.8034 186.279 124.224 186.279L196.991 186.279V196.224L124.224 196.224C83.2727 196.224 50.1094 162.896 50.1094 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M74.9688 121.825C74.9688 96.5966 95.353 76.1153 120.535 76.1152H197.071V86.0604L120.535 86.0604C100.879 86.0604 84.9139 102.056 84.9139 121.825C84.9139 141.593 100.879 157.589 120.535 157.589H196.988V167.534H120.535C95.353 167.534 74.9688 147.053 74.9688 121.825Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M99.8281 121.827C99.8281 108.316 111.436 97.9209 125.044 97.9209L196.834 97.9209V107.866L125.044 107.866C116.292 107.866 109.773 114.425 109.773 121.827C109.773 129.23 116.292 135.789 125.044 135.789H196.793V145.734H125.044C111.436 145.734 99.8281 135.339 99.8281 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: auto;
  height: 100%;
  min-height: 245px;
  aspect-ratio: 198/245;
  left: calc(100% - 60px);
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  @media (min-width: 768px) {
    left: calc(100% - 100px);
  }
}

.number-list__block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  @media (min-width: 768px) {
    flex-direction: row;
    gap: 40px;
  }
}

.number-list__number {
  color: white;
  font-family: "Roboto Flex", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  padding: 4px 13px;
  border-radius: 29px;
  background: var(--color-bg-sec-2);
  transition: background-color 0.3s ease;
}

.number-list__text {
  font-family: "Exo 2", sans-serif;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.number-list__text-subtitle {
  font-family: "Roboto Flex", sans-serif;
  color: var(--color-gray-3);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
}

.number-list li:hover {
  background-position: 100% 0;
}

.number-list li:hover::after {
  transform: translateY(-50%) translateX(40px);
}

.number-list li:hover .number-list__number {
  background-color: var(--color-accent);
  color: white;
}

.how-section__container {
  display: flex;
  gap: 10px;
  padding: 0 var(--page-margin);
  margin: 0 calc(-1 * var(--page-margin));
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
  @media (min-width: 1024px) {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

.bx-touch .how-section__container {
  scroll-snap-type: x mandatory;
}

.how-section__container::-webkit-scrollbar {
  display: none;
}

.how-section__card {
  position: relative;
  min-width: calc(100vw - var(--page-margin) * 2);
  width: calc(100vw - var(--page-margin) * 2);
  display: flex;
  padding: 20px;
  overflow: hidden;
  border-radius: var(--b-radius);
  background: var(--color-bg-sec);
  scroll-snap-align: center;
  @media (min-width: 1024px) {
    width: auto;
    min-width: unset;
    padding: 30px;
    width: auto;
    gap: 30px;
  }
}

.how-section__card-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  @media (min-width: 1024px) {
    justify-content: space-between;
  }
}

.how-section__image {
  position: absolute;
  right: 20px;
  top: 20px;
  width: auto;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  mix-blend-mode: darken;
  max-height: 120px;
  @media (min-width: 1024px) {
    position: relative;
    right: unset;
    top: unset;
    max-height: 195px;
  }
}

.how-section__title {
  max-width: calc(100% - 120px);
  @media (min-width: 1024px) {
    max-width: unset;
  }
}

.list.how-section__desc {
  margin-top: 100px;
  @media (min-width: 1024px) {
    margin-top: 0;
  }
}

.how-section__card_dark {
  color: white;
  background: var(--color-bg-sec-2);
  position: relative;
  overflow: hidden;
}

.how-section__card_dark::before {
  content: "";
  position: absolute;
  width: 507.68px;
  height: 230.32px;
  right: 61.32px;
  bottom: 68.85px;
  background: radial-gradient(
    66.78% 226.51% at 54.2% 66.22%,
    #00aede 0%,
    #0e1c2c 100%
  );
  filter: blur(89.75px);
  transform: rotate(-31.21deg);
}

.how-section__card_dark::after {
  content: "";
  position: absolute;
  width: 512.29px;
  height: 227.79px;
  right: -175.04px;
  bottom: 124.21px;
  background: #31c4b4;
  filter: blur(96.65px);
  transform: rotate(-41.14deg);
}

.how-section__card_dark {
  .how-section__card-content {
    position: relative;
    z-index: 2;
  }
  .how-section__image {
    mix-blend-mode: screen;
    position: absolute;
    z-index: 2;
    @media (min-width: 1024px) {
      position: relative;
    }
  }
}

.catalog-sections {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.catalog-sections_wrap {
  flex-wrap: wrap;
  overflow-x: unset;
}

.catalog-sections::-webkit-scrollbar {
  display: none;
}

.catalog-sections_desktop {
  display: none;
  @media (min-width: 1280px) {
    display: flex;
  }
}

.cs-dropdown {
  display: block;
  @media (min-width: 1280px) {
    display: none;
  }
}

.catalog-sections__item {
  flex-shrink: 0;
  white-space: nowrap;
  padding: 8px 20px;
  background: var(--color-icon);
  color: var(--color-primary);
  font-size: 16px;
  line-height: 1.375;
  border-radius: var(--b-radius);
  transition: all 0.3s ease;
  text-decoration: none;
}

.catalog-sections__item:hover,
.catalog-sections__item.active {
  background: var(--color-gray-1);
  color: white;
}

.catalog-sections__item.active {
  pointer-events: none;
}

.square-section__container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  @media (min-width: 1280px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

.square-section__number {
  color: var(--color-accent);
  font-family: "Audiowide", monospace;
  font-weight: 400;
  font-size: 48px;
  line-height: 1;
  @media (min-width: 1024px) {
    font-size: 70px;
  }
}

.square-section__number span {
  color: var(--color-accent);
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 1;
  letter-spacing: -1.38px;
  @media (min-width: 1024px) {
    font-size: 46px;
    line-height: 1.04348;
  }
}

.square-section__caption {
  color: var(--color-gray-3);
  font-family: "Exo 2", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.11111;
  letter-spacing: -0.54px;
  @media (min-width: 1280px) {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.09091;
    letter-spacing: -0.66px;
  }
}

.square-section__text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--color-gray-3);
  font-weight: 500;
  @media (min-width: 1280px) {
    font-size: 18px;
    line-height: 1.33333;
  }
}

.section.video-section {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.video-section__progress-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
  --progress: attr(data-progress);
  width: 285px;
  height: 285px;
  background-image:
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.6) 100%
    ),
    conic-gradient(
      var(--color-accent) 0%,
      var(--color-accent) calc(var(--progress) * 1%)
    );
  background-image:
    radial-gradient(circle, #222 0% 27%, transparent 28% 50%, #222 51%),
    conic-gradient(#d64e42 0% 60%, transparent 60%);
}

.video-section .ui-progressround {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}

.video-section .ui-progressround circle {
  transition: stroke-dashoffset 0.26s linear;
}

.video-section__video {
  width: 100%;
  height: 76.06vw;
  max-height: 800px;
  object-fit: cover;
  @media (min-width: 1280px) {
    height: 800px;
  }
}

.video-section__center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  @media (min-width: 768px) {
    gap: 20px;
  }
  @media (min-width: 1280px) {
    gap: 78px;
  }
}

.video-section__title,
.video-section__title.h1 {
  text-align: center;
  max-width: 160px;
  word-wrap: break-word;
  color: white;
  @media (max-width: 768px) {
    font-size: 24px;
    line-height: 1.08333;
    letter-spacing: -0.25px;
  }
  @media (min-width: 768px) {
    max-width: 270px;
  }
  @media (min-width: 1280px) {
    max-width: 400px;
  }
}

.video-section + * > .section {
  padding-top: var(--space-5xl);
}

.video-section .video-button {
  display: none;
  @media (min-width: 768px) {
    display: flex;
  }
}

.video-section .video-button_mobile {
  display: flex;
  padding: 13px;
  @media (min-width: 768px) {
    display: none;
  }
}

.video-section .video-button_mobile::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4338_258487)'%3E%3Cpath d='M7 8.48207C7 6.93549 7 6.16219 7.50194 5.87389C8.00388 5.5856 8.67183 5.97524 10.0077 6.75452L16.0385 10.2724C17.3564 11.0412 18.0154 11.4256 18.0154 12C18.0154 12.5744 17.3564 12.9588 16.0385 13.7276L10.0077 17.2455C8.67183 18.0248 8.00388 18.4144 7.50194 18.1261C7 17.8378 7 17.0645 7 15.5179V8.48207Z' stroke='%230A0F16' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4338_258487'%3E%3Crect width='18' height='18' fill='white' transform='translate(3 3)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* SEARCH IN HEADER */

.search-title-container {
  position: relative;
  z-index: 2;
}

.search-title {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  left: 150px;
  height: 100%;
  display: grid;
  align-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease;
  @media (max-width: 768px) {
    display: none;
  }
  @media (min-width: 1280px) {
    left: 350px;
  }
}

.search-title.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  animation: showSearch 1s forwards;
}

.search-form-submit-button {
  height: 40px;
  width: 40px;
  border: none;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7104 20.2899L18.0004 16.6099C19.4405 14.8143 20.1379 12.5352 19.9492 10.2412C19.7605 7.94721 18.7001 5.81269 16.9859 4.27655C15.2718 2.74041 13.0342 1.91941 10.7333 1.98237C8.43243 2.04534 6.24311 2.98747 4.61553 4.61505C2.98795 6.24263 2.04582 8.43194 1.98286 10.7328C1.9199 13.0337 2.7409 15.2713 4.27704 16.9854C5.81318 18.6996 7.94769 19.76 10.2417 19.9487C12.5357 20.1374 14.8148 19.44 16.6104 17.9999L20.2904 21.6799C20.3834 21.7736 20.494 21.848 20.6158 21.8988C20.7377 21.9496 20.8684 21.9757 21.0004 21.9757C21.1324 21.9757 21.2631 21.9496 21.385 21.8988C21.5068 21.848 21.6174 21.7736 21.7104 21.6799C21.8906 21.4934 21.9914 21.2442 21.9914 20.9849C21.9914 20.7256 21.8906 20.4764 21.7104 20.2899ZM11.0004 17.9999C9.61592 17.9999 8.26255 17.5894 7.1114 16.8202C5.96026 16.051 5.06305 14.9578 4.53324 13.6787C4.00342 12.3996 3.8648 10.9921 4.1349 9.63427C4.40499 8.27641 5.07168 7.02912 6.05065 6.05016C7.02961 5.07119 8.27689 4.4045 9.63476 4.13441C10.9926 3.86431 12.4001 4.00293 13.6792 4.53275C14.9583 5.06256 16.0515 5.95977 16.8207 7.11091C17.5899 8.26206 18.0004 9.61544 18.0004 10.9999C18.0004 12.8564 17.2629 14.6369 15.9501 15.9497C14.6374 17.2624 12.8569 17.9999 11.0004 17.9999Z' fill='%235e6062'%3E%3C/path%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

#text {
  margin: 0;
  font-size: 100px;
}

@keyframes showSearch {
  from {
    clip-path: inset(0 0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

.search-form-close-button {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 1s;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  font-size: 24px;
  line-height: 1;
}

.search-form-close-button::after {
  display: inline-block;
  content: "\00d7";
}

.search-title.active .search-form-close-button {
  opacity: 1;
  visibility: visible;
  transition: unset;
}

.scroll-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
  color: var(--color-gray-4);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  border: none;
  background: transparent;
  transition: color 0.3s ease;
}

.scroll-top:hover {
  color: var(--color-primary);
}

.scroll-top[hidden] {
  display: none;
}