@charset "UTF-8";

/** Подключение шрифтов локально из папки "./src/fonts" */

@font-face {
  font-family: Pragmatica;
  font-display: swap;
  src: url("../fonts/Pragmatica-Black.woff2") format("woff2"), url("../fonts/Pragmatica-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: Pragmatica;
  font-display: swap;
  src: url("../fonts/Pragmatica-Bold.woff2") format("woff2"), url("../fonts/Pragmatica-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Pragmatica;
  font-display: swap;
  src: url("../fonts/Pragmatica-Book.woff2") format("woff2"), url("../fonts/Pragmatica-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Pragmatica;
  font-display: swap;
  src: url("../fonts/Pragmatica-ExtraBold.woff2") format("woff2"), url("../fonts/Pragmatica-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Pragmatica;
  font-display: swap;
  src: url("../fonts/Pragmatica-ExtraLight.woff2") format("woff2"), url("../fonts/Pragmatica-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Pragmatica;
  font-display: swap;
  src: url("../fonts/Pragmatica-Light.woff2") format("woff2"), url("../fonts/Pragmatica-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: PragmaticaExtended;
  font-display: swap;
  src: url("../fonts/PragmaticaExtended-Black.woff2") format("woff2"), url("../fonts/PragmaticaExtended-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: Pragmatica;
  font-display: swap;
  src: url("../fonts/Pragmatica-Medium.woff2") format("woff2"), url("../fonts/Pragmatica-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: PragmaticaExtended;
  font-display: swap;
  src: url("../fonts/PragmaticaExtended-Book.woff2") format("woff2"), url("../fonts/PragmaticaExtended-Book.woff") format("woff");
  font-weight: undefined;
  font-style: normal;
}

@font-face {
  font-family: PragmaticaExtended;
  font-display: swap;
  src: url("../fonts/PragmaticaExtended-ExtraBold.woff2") format("woff2"), url("../fonts/PragmaticaExtended-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: PragmaticaExtended;
  font-display: swap;
  src: url("../fonts/PragmaticaExtended-Bold.woff2") format("woff2"), url("../fonts/PragmaticaExtended-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: PragmaticaExtended;
  font-display: swap;
  src: url("../fonts/PragmaticaExtended-ExtraLight.woff2") format("woff2"), url("../fonts/PragmaticaExtended-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: PragmaticaExtended;
  font-display: swap;
  src: url("../fonts/PragmaticaExtended-Medium.woff2") format("woff2"), url("../fonts/PragmaticaExtended-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: PragmaticaExtended;
  font-display: swap;
  src: url("../fonts/PragmaticaExtended-Light.woff2") format("woff2"), url("../fonts/PragmaticaExtended-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

/** Подключение переменных */

/** Подключение sass function и mixins и extends стилей */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/** Общие параметры, шаблоны(заготовки) и вспомогательные классы */

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #131313;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.container {
  max-width: 1832px;
  width: 100%;
  padding: 0 16px;
  margin: 0 auto;
  height: 100%;
}

.container_fluid {
  max-width: 100%;
}

/** БЕМ блоки используемые во всё проекте */

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
  background-color: #D1CFF0;
  color: #131313;
  min-width: 180px;
  height: 56px;
  padding: 18px 30px;
  line-height: 1;
}

.button_accent {
  background-color: #6ce9c9;
  color: #131313;
}

a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: currentColor;
}

a:hover {
  text-decoration: none;
  opacity: 0.7;
  color: currentColor;
}

body {
  font-family: "Pragmatica", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
}

.uk-svg.svg-stroke {
  fill: none;
  stroke: currentColor;
}

.text_12 {
  font-size: 12px;
}

.text_14 {
  font-size: 14px;
}

.text_16 {
  font-size: 16px;
}

.text_18 {
  font-size: 18px;
}

.text_20 {
  font-size: 20px;
}

.text_22 {
  font-size: 22px;
}

.text_24 {
  font-size: 24px;
}

.text_26 {
  font-size: 26px;
}

.text_28 {
  font-size: 28px;
}

.text_30 {
  font-size: 30px;
}

.text_32 {
  font-size: 32px;
}

.text_36 {
  font-size: 36px;
}

.text_40 {
  font-size: 40px;
}

.text_48 {
  font-size: 48px;
}

.text_56 {
  font-size: 56px;
}

.text_64 {
  font-size: 64px;
}

.text_66 {
  font-size: 66px;
}

.text_72 {
  font-size: 72px;
}

.text_80 {
  font-size: 80px;
}

.text_96 {
  font-size: 96px;
}

.text_100 {
  font-size: 100px;
}

.text_120 {
  font-size: 120px;
}

.text_128 {
  font-size: 128px;
}

.text_alt {
  font-family: "PragmaticaExtended", sans-serif;
}

.p_4 {
  padding: 4px;
}

.p_8 {
  padding: 8px;
}

.p_12 {
  padding: 12px;
}

.p_16 {
  padding: 16px;
}

.p_24 {
  padding: 24px;
}

.p_32 {
  padding: 32px;
}

.p_48 {
  padding: 48px;
}

.p_64 {
  padding: 64px;
}

.p_96 {
  padding: 96px;
}

.pt_4 {
  padding-top: 4px;
}

.pt_8 {
  padding-top: 8px;
}

.pt_12 {
  padding-top: 12px;
}

.pt_16 {
  padding-top: 16px;
}

.pt_24 {
  padding-top: 24px;
}

.pt_32 {
  padding-top: 32px;
}

.pt_48 {
  padding-top: 48px;
}

.pt_64 {
  padding-top: 64px;
}

.pt_96 {
  padding-top: 96px;
}

.pr_4 {
  padding-right: 4px;
}

.pr_8 {
  padding-right: 8px;
}

.pr_12 {
  padding-right: 12px;
}

.pr_16 {
  padding-right: 16px;
}

.pr_24 {
  padding-right: 24px;
}

.pr_32 {
  padding-right: 32px;
}

.pr_48 {
  padding-right: 48px;
}

.pr_64 {
  padding-right: 64px;
}

.pr_96 {
  padding-right: 96px;
}

.pb_4 {
  padding-bottom: 4px;
}

.pb_8 {
  padding-bottom: 8px;
}

.pb_12 {
  padding-bottom: 12px;
}

.pb_16 {
  padding-bottom: 16px;
}

.pb_24 {
  padding-bottom: 24px;
}

.pb_32 {
  padding-bottom: 32px;
}

.pb_48 {
  padding-bottom: 48px;
}

.pb_64 {
  padding-bottom: 64px;
}

.pb_96 {
  padding-bottom: 96px;
}

.pl_4 {
  padding-left: 4px;
}

.pl_8 {
  padding-left: 8px;
}

.pl_12 {
  padding-left: 12px;
}

.pl_16 {
  padding-left: 16px;
}

.pl_24 {
  padding-left: 24px;
}

.pl_32 {
  padding-left: 32px;
}

.pl_48 {
  padding-left: 48px;
}

.pl_64 {
  padding-left: 64px;
}

.pl_96 {
  padding-left: 96px;
}

/** Подключение стилей отдельных блоков и секций (соответствуют файлам в src/html) */

.header {
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  min-height: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  backdrop-filter: blur(25px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: transparent;
  z-index: 981;
}

.header.uk-sticky-below {
  background-color: rgba(240, 239, 255, 0.6980392157);
  color: #131313;
}

.header.uk-sticky-below .header__logo path {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 150px;
}

.header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
}

.header__logo path {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
}

.header__logo path.big-letter {
  opacity: 1;
  fill: #6CE9C9 !important;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.header__logo path.medium-letter {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header__menu a {
  font-weight: 500;
}

.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 114px;
}

/* footer.html — блок site-footer */

.site-footer {
  background: linear-gradient(107.52deg, #6ce9c9 -10.24%, #6157f6 82.27%);
  color: #fff;
}

.site-footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #d1cff0;
  padding-left: clamp(16px, 4vw, 60px);
}

.site-footer__col {
  padding: 60px 0;
}

.site-footer__col--info {
  width: 50%;
  padding-right: 24px;
}

.site-footer__col--nav {
  width: 50%;
  border-left: 1px solid #d1cff0;
  padding-left: clamp(16px, 4vw, 60px);
}

.site-footer__logo img {
  height: 120px;
  width: auto;
  margin-bottom: 48px;
}

.site-footer__block {
  margin-bottom: 40px;
}

.site-footer__block-title {
  font-weight: 500;
  margin-bottom: 8px;
}

.site-footer__block-text {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.35;
  max-width: 560px;
}

.site-footer__note {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 300;
  max-width: 720px;
}

.site-footer__support {
  padding-bottom: 40px;
  border-bottom: 1px solid #d1cff0;
}

.site-footer__phone {
  display: block;
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.2;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  margin-bottom: 12px;
}

.site-footer__mail {
  font-size: 26px;
  color: inherit;
  text-decoration: none;
}

.site-footer__menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 48px 0;
  gap: 24px;
}

.site-footer__menu-list {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 48px;
     -moz-column-gap: 48px;
          column-gap: 48px;
}

.site-footer__menu-list a {
  color: inherit;
  text-decoration: none;
  font-size: 22px;
  font-weight: 300;
  display: block;
  margin-bottom: 12px;
}

.site-footer__to-top {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}

.site-footer__to-top svg {
  width: 36px;
  height: auto;
}

.site-footer__actions {
  border-top: 1px solid #d1cff0;
  padding-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.site-footer__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.site-footer__social {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.site-footer__order {
  margin-left: auto;
}

.site-footer__brands {
  padding: 40px clamp(16px, 4vw, 60px);
  border-bottom: 1px solid #d1cff0;
}

.site-footer__brands-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.site-footer__brand img {
  height: 56px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.site-footer__bottom {
  padding: 32px clamp(16px, 4vw, 60px);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
}

.site-footer__legal-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 32px;
  margin-bottom: 16px;
}

.site-footer__legal {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site-footer__disclaimer {
  max-width: 960px;
  opacity: 0.9;
}

.hero {
  margin-top: -104px;
  position: relative;
  padding-bottom: 90vh;
  overflow: hidden;
}

.hero__gradient {
  padding-top: 204px;
  background: linear-gradient(107.52deg, #6CE9C9 -10.24%, #6157F6 36.01%, #0E0E0E 82.27%);
  min-height: 825px;
}

.hero__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hero__title {
  color: white;
  text-transform: uppercase;
  max-width: 900px;
}

.hero__text {
  color: #E7E7E7;
  max-width: 550px;
  line-height: 1.4;
}

.hero__video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  aspect-ratio: 2;
}

.hero__video-img {
  width: 100%;
  height: 100%;
}

.hero__video-icon-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #6CE9C9;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.hero__video-icon {
  margin-right: 3px;
  color: transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.slogan {
  padding: 80px 0 160px 0;
}

.slogan__img {
  width: 100vw;
}

/* work-types.html */

.work-types {
  padding-bottom: 160px;
}

.work-types__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 150px;
}

.work-types__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 740px;
}

.work-types__label {
  position: relative;
  color: #6157f6;
  padding-left: 14px;
  font-weight: 500;
}

.work-types__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #6157f6;
  border-radius: 1px;
}

.work-types__title {
  color: #131313;
  text-transform: uppercase;
  margin: 0;
}

.work-types__desc {
  max-width: 580px;
  color: #6c6c6c;
  font-size: 22px;
  line-height: 1.4;
}

.work-types__visual {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.work-types__deco {
  position: absolute;
  width: 32px;
  height: 32px;
  pointer-events: none;
}

.work-types__deco_1 {
  top: 0;
  left: 0;
}

.work-types__deco_2 {
  top: 0;
  right: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.work-types__deco_3 {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.work-types__stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  height: 100%;
}

.work-types__stats-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.work-types__stats-mid {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.work-types__stats-value {
  line-height: 1;
  color: #6157F6;
  position: relative;
  z-index: 2;
}

.work-types__stats-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -24px;
}

.work-types__stats-img {
  margin-left: -32px;
  width: 158px;
  height: 158px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 5px solid white;
  border-radius: 50%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.work-types__stats-img_light {
  -webkit-filter: grayscale(1) brightness(1.5);
          filter: grayscale(1) brightness(1.5);
}

.work-types__stats-caption {
  margin: 0;
  font-weight: 500;
  max-width: 115px;
  margin-left: 22px;
}

.work-types__cases-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #131313;
  font-weight: 500;
  margin-left: 22px;
  margin-top: 100px;
}

.work-types__cases-icon {
  color: #6CE9C9;
}

/* catalog.html */

.catalog {
  min-height: calc(100vh - 104px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog__aside {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 800px;
  background: #6157f6;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 60px;
  position: relative;
}

.catalog__label {
  position: relative;
  padding-left: 16px;
}

.catalog__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 1px;
}

.catalog__lead {
  color: #d1cff0;
  max-width: 580px;
  margin-top: 32px;
}

.catalog__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 44px;
  margin-top: 112px;
}

.catalog__tab {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #d1cff0;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  background-color: transparent;
  border: none;
  -webkit-transform: 0.2s;
      -ms-transform: 0.2s;
          transform: 0.2s;
}

.catalog__tab.uk-active {
  color: white;
}

.catalog__tab.uk-active .catalog__tab-icon {
  opacity: 1;
}

.catalog__tab-icon {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.catalog__panel {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.catalog__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
}

.catalog__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 32px;
  border-top: 1px solid #f6f6ff;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.catalog__card:nth-child(2n-1) {
  border-right: 1px solid #f6f6ff;
}

.catalog__card-gradient {
  background: linear-gradient(107.52deg, #6ce9c9 -10.24%, #6157f6 82.27%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.catalog__card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  position: relative;
  z-index: 2;
  min-height: 110px;
}

.catalog__card-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
  padding-left: 80px;
  opacity: 0;
}

.catalog__card-num {
  font-weight: 500;
  color: #6157f6;
}

.catalog__card-title {
  font-weight: 500;
  margin: 0;
}

.catalog__card-hint {
  color: white;
  font-weight: 500;
}

.catalog__aside-content {
  position: relative;
  z-index: 2;
}

.catalog__aside-gallery {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.catalog__aside-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.catalog__aside-img_active {
  opacity: 1;
}

.catalog__aside-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(21.47%, rgba(97, 87, 246, 0)), color-stop(88.57%, #6157F6));
  background: linear-gradient(0, rgba(97, 87, 246, 0) 21.47%, #6157F6 88.57%);
}

.uk-offcanvas-overlay::before {
  background: rgba(0, 0, 0, 0.4);
}

.uk-offcanvas-bar-animation {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

.catalog-detail-offcanvas .uk-offcanvas-bar {
  width: 1124px;
  max-width: 100%;
  padding: 0;
  background: #fff;
  color: #131313;
  -webkit-box-shadow: -12px 0 40px rgba(19, 19, 19, 0.08);
          box-shadow: -12px 0 40px rgba(19, 19, 19, 0.08);
  right: -1200px;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.catalog-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
}

.catalog-detail__hero {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.catalog-detail__slideshow {
  position: relative;
  background: #e8e8ee;
}

.catalog-detail__slide-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.catalog-detail__dots-wrap {
  pointer-events: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 16px;
}

.catalog-detail__dots-wrap .catalog-detail__dotnav {
  pointer-events: auto;
}

.catalog-detail__dotnav.uk-dotnav {
  gap: 8px;
  margin: 0;
}

.catalog-detail__dotnav.uk-dotnav > * {
  padding-left: 0;
}

.catalog-detail__dotnav.uk-dotnav > * > * {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.45);
  border: none;
}

.catalog-detail__dotnav.uk-dotnav > .uk-active > * {
  background: #6ce9c9;
}

.catalog-detail__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background: #6ce9c9;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.catalog-detail__close svg {
  width: 18px;
  height: 18px;
}

.catalog-detail__body {
  padding: clamp(20px, 4vw, 40px) clamp(20px, 4vw, 40px) 40px;
}

.catalog-detail__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px 24px;
  margin-bottom: 20px;
}

.catalog-detail__title {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 280px;
          flex: 1 1 280px;
  font-size: clamp(22px, 3.5vw, 32px);
  line-height: 1.2;
  font-weight: 600;
  color: #000;
}

.catalog-detail__price-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: right;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.catalog-detail__price-label {
  font-size: 14px;
  color: #a0a0a0;
}

.catalog-detail__price {
  font-size: 20px;
  font-weight: 600;
  color: #131313;
}

.catalog-detail__desc {
  margin: 0 0 32px;
  font-size: 16px;
  line-height: 1.5;
  color: #4b4b4b;
  font-weight: 300;
}

.catalog-detail__form-heading {
  margin: 0 0 20px;
  font-size: 22px;
  font-weight: 600;
  color: #131313;
}

.catalog-detail__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.catalog-detail__form-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 20px;
}

.catalog-detail__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.catalog-detail__field--full {
  width: 100%;
}

.catalog-detail__label {
  font-size: 14px;
  color: #a0a0a0;
}

.catalog-detail__input,
.catalog-detail__textarea {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #e0e0e8;
  padding: 14px 16px;
  font-size: 16px;
  font-family: inherit;
  background: #fff;
  color: #131313;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.catalog-detail__input::-webkit-input-placeholder, .catalog-detail__textarea::-webkit-input-placeholder {
  color: #b8b8c4;
}

.catalog-detail__input::-moz-placeholder, .catalog-detail__textarea::-moz-placeholder {
  color: #b8b8c4;
}

.catalog-detail__input:-ms-input-placeholder, .catalog-detail__textarea:-ms-input-placeholder {
  color: #b8b8c4;
}

.catalog-detail__input::-ms-input-placeholder, .catalog-detail__textarea::-ms-input-placeholder {
  color: #b8b8c4;
}

.catalog-detail__input::placeholder,
.catalog-detail__textarea::placeholder {
  color: #b8b8c4;
}

.catalog-detail__input:focus,
.catalog-detail__textarea:focus {
  outline: none;
  border-color: #6ce9c9;
}

.catalog-detail__textarea {
  resize: vertical;
  min-height: 120px;
}

.catalog-detail__file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.catalog-detail__attach {
  position: relative;
}

.catalog-detail__file-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  cursor: pointer;
}

.catalog-detail__file-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(108, 233, 201, 0.25);
  color: #1a8f6e;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}

.catalog-detail__file-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.catalog-detail__file-title {
  font-size: 16px;
  font-weight: 600;
  color: #131313;
}

.catalog-detail__file-hint {
  font-size: 13px;
  color: #a0a0a0;
}

.catalog-detail__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-top: 8px;
}

.catalog-detail__checks {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 280px;
          flex: 1 1 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.catalog-detail__check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #4b4b4b;
  font-weight: 300;
  cursor: pointer;
}

.catalog-detail__checkbox {
  margin-top: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  accent-color: #6ce9c9;
}

.catalog-detail__link {
  color: #6157f6;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.catalog-detail__submit {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 160px;
  height: 52px;
  background: #6ce9c9;
  color: #fff;
  border: none;
  font-weight: 500;
}

/* advantages.html */

.advantages {
  position: relative;
  background: #f4f5f9;
  overflow: visible;
}

.advantages__pin-host {
  position: relative;
  min-height: 100vh;
}

.advantages__pin-sticky {
  background: #f4f5f9;
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}

.advantages__container {
  position: relative;
  z-index: 2;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: 0;
  padding-top: clamp(48px, 8vw, 120px);
  padding-bottom: 16px;
  /* .container в base задаёт height: 100% — внутри flex-колонки на 100vh это съедает всю высоту и схлопывает слайдер */
  height: auto;
}

.advantages__title {
  margin: 0 0 16px;
  font-size: clamp(28px, 4vw, 44px);
  max-width: 520px;
}

.advantages__text {
  max-width: 584px;
  margin: 0;
  color: #6c6c6c;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 300;
}

.advantages__hint {
  font-size: 14px;
  color: #6c6c6c;
  margin: 0;
}

.advantages__logo {
  position: absolute;
  pointer-events: none;
  opacity: 0.35;
}

.advantages__logo--back {
  max-width: 450px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.advantages__logo--front {
  max-width: 320px;
  right: 0;
  top: 60px;
}

.advantages__scroll {
  position: relative;
  z-index: 3;
  padding: 24px 0 48px;
  padding-left: clamp(16px, 4vw, 60px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.advantages__viewport {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.advantages__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}

.advantages__slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 min(670px, 85vw);
          flex: 0 0 min(670px, 85vw);
  height: auto;
  min-height: 360px;
  padding: 32px;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 4px;
}

.advantages__slide--intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0;
  padding-right: 32px;
}

.advantages__slide--intro .advantages__slide-top {
  margin-bottom: 28px;
}

.advantages__slide--intro .advantages__text {
  max-width: 100%;
  font-size: clamp(18px, 2.2vw, 22px);
}

.advantages__slide-top {
  margin-bottom: 40px;
}

.advantages__slide-count {
  font-size: 28px;
  font-weight: 500;
  color: #6157f6;
}

.advantages__slide-count span {
  color: #131313;
}

.advantages__slide-title {
  margin: 0 0 24px;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 500;
  min-height: 64px;
}

.advantages__slide-desc {
  color: #6c6c6c;
  font-size: 22px;
  line-height: 1.35;
  margin-bottom: 24px;
  font-weight: 300;
}

.advantages__slide-metric {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-weight: 500;
  margin: 0;
}

.advantages__slide-num {
  font-size: 56px;
  line-height: 1;
}

.advantages__label {
  color: #6157F6;
  padding-left: 14px;
  position: absolute;
  top: 0;
  left: 60px;
}

.advantages__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 1px;
  background-color: #6157F6;
}

.advantages__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 1100px;
}

.advantages__bg .medium-letter {
  color: black;
  opacity: 1;
}

.advantages__bg .big-letter {
  color: #6CE9C9;
  opacity: 1;
}

.advantages__bg path {
  opacity: 0;
}

/* how-work.html */

.how-work {
  padding: 160px 0;
}

.how-work__layout-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 96px;
  position: relative;
}

.how-work__sidebar-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 730px;
          flex: 0 0 730px;
}

.how-work__label {
  position: relative;
  padding-left: 16px;
  margin-bottom: 24px;
  color: #6157f6;
}

.how-work__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 6px;
  height: 6px;
  background: #6157f6;
  border-radius: 1px;
}

.how-work__title {
  color: #131313;
  text-transform: uppercase;
  margin: 0;
}

.how-work__desc {
  color: #6c6c6c;
  line-height: 1.3;
  margin-top: 32px;
}

.how-work__cta {
  margin-top: 32px;
}

.how-work__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.how-work__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.how-work__item {
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.how-work__item_active .how-work__item-content {
  border-left-color: #6157f6;
}

.how-work__item_active .how-work__num {
  color: #6157f6;
}

.how-work__item:last-child .how-work__item-content {
  padding-bottom: 0;
}

.how-work__item:last-child .how-work__item-content::before {
  content: none;
}

.how-work__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 96px;
  padding-bottom: 140px;
  margin-left: 96px;
  border-left: 3px solid #D1CFF0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
}

.how-work__item-content::before {
  content: "";
  position: absolute;
  left: -3px;
  bottom: 0;
  height: 140px;
  width: 3px;
  background-color: #D1CFF0;
}

.how-work__num {
  color: #d1cff0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.how-work__icon {
  width: 80px;
  height: 80px;
}

.how-work__step-title {
  margin: 0;
  text-transform: uppercase;
  margin-top: 32px;
}

.how-work__step-text {
  color: #6c6c6c;
  margin-top: 32px;
  max-width: 580px;
}

/* lab-stats.html */

.lab-stats__label {
  position: relative;
  padding-left: 16px;
  margin-bottom: 32px;
  color: #6157f6;
  font-size: 14px;
  font-weight: 500;
}

.lab-stats__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 6px;
  height: 6px;
  background: #6157f6;
}

.lab-stats__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(24px, 4vw, 48px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 0;
}

.lab-stats__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.lab-stats__value {
  font-size: clamp(64px, 12vw, 128px);
  font-weight: 500;
  line-height: 1;
}

.lab-stats__caption {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  text-transform: lowercase;
}

/* team.html */

.team {
  padding: clamp(64px, 10vw, 160px) 0;
}

.team__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  margin-bottom: 40px;
}

.team__label {
  position: relative;
  padding-left: 16px;
  margin-bottom: 16px;
  color: #6157f6;
  text-transform: uppercase;
  font-size: 14px;
}

.team__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 6px;
  height: 6px;
  background: #6157f6;
}

.team__title {
  margin: 0 0 24px;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.15;
  text-transform: uppercase;
  max-width: 16ch;
}

.team__text {
  max-width: 580px;
  color: #6c6c6c;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 300;
}

.team__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-top: 32px;
  max-width: 400px;
}

.team__fraction {
  font-size: 28px;
  line-height: 1;
}

.team__fraction-cur {
  font-weight: 500;
  color: #6157f6;
}

.team__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.team__arrow {
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 50%;
  background: #d1cff0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}

.team__arrow--next svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.team__slider {
  padding-left: clamp(16px, 4vw, 60px);
  overflow: hidden;
}

.team__slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(476px, 90vw) !important;
  max-width: 476px;
}

.team__card {
  position: relative;
  width: 100%;
  background: #d7d5db;
  border-radius: 4px;
  overflow: hidden;
  min-height: 480px;
  height: 650px;
}

.team__card:has(.team__photo_secondary) .team__photo,
.team__card:has(.team__photo_secondary) .team__photo_secondary {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 480px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.team__card:has(.team__photo_secondary) .team__photo {
  opacity: 1;
  z-index: 0;
}

.team__card:has(.team__photo_secondary) .team__photo_secondary {
  opacity: 0;
  z-index: 1;
}

.team__photo {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 480px;
}

.team__photo_secondary {
  display: block;
  pointer-events: none;
}

.team__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 32px;
  background: linear-gradient(184deg, transparent 20%, rgba(97, 87, 246, 0.95) 85%);
  color: #fff;
}

.team__role {
  display: block;
  color: #6157F6;
  font-weight: 500;
  font-size: 16px;
}

.team__stage {
  display: block;
  font-size: 26px;
  font-weight: 500;
  margin-top: 4px;
  color: #131313;
}

.team__overlay-bottom .team__exp {
  display: block;
  font-size: 16px;
  color: #d1cff0;
  margin-bottom: 8px;
}

.team__overlay-bottom .team__name {
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.1;
  color: #fff;
}

/* environment.html */

.environment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 100vh;
  max-height: 920px;
}

.environment__left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 320px;
          flex: 1 1 320px;
  max-width: 960px;
  background: #f4f5f9;
  padding: clamp(32px, 5vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.environment__label {
  position: relative;
  padding-left: 16px;
  margin-bottom: 20px;
  color: #6157f6;
  text-transform: uppercase;
  font-size: 14px;
}

.environment__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 6px;
  height: 6px;
  background: #6157f6;
}

.environment__title {
  margin: 0 0 20px;
  font-size: clamp(28px, 3.5vw, 48px);
  line-height: 1.15;
  text-transform: uppercase;
}

.environment__text {
  margin: 0;
  font-size: 22px;
  line-height: 1.35;
  color: #6c6c6c;
  font-weight: 300;
  max-width: 560px;
}

.environment__pagination {
  margin-top: 32px;
}

.environment__right {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 320px;
          flex: 1 1 320px;
  min-height: 400px;
  position: relative;
}

.environment .environment-swiper,
.environment .swiper {
  height: 100%;
  min-height: 400px;
}

.environment__slide {
  height: auto;
}

.environment__slide-inner {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: clamp(32px, 5vw, 60px);
  background: #6157f6;
  color: #fff;
}

.environment .swiper-slide:nth-child(even) .environment__slide-inner {
  background: #7168ff;
}

.environment__slide-num {
  font-size: 28px;
  font-weight: 500;
  position: relative;
  padding-right: 40px;
}

.environment__slide-num::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background: url("../images/white-figure.svg") center/contain no-repeat;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.environment__slide-mid {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.environment__slide-visual img {
  max-width: 400px;
  margin: 0 auto;
}

.environment__slide-kicker {
  margin: 0;
  color: #6ce9c9;
  font-weight: 500;
}

.environment__slide-title {
  margin: 0;
  font-size: clamp(28px, 4vw, 56px);
  line-height: 1.15;
  text-transform: uppercase;
}

.environment__slide-desc {
  margin: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  max-width: 400px;
}

.environment .swiper-pagination-environment {
  position: relative !important;
  margin-top: 24px;
}

.environment .swiper-pagination-environment .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #d1cff0;
  opacity: 1;
  border-radius: 0;
}

.environment .swiper-pagination-environment .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: #6ce9c9;
}

/* price-list.html */

.price-list {
  padding-top: clamp(64px, 10vw, 160px);
  padding-bottom: 80px;
}

.price-list__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}

.price-list__label {
  position: relative;
  padding-left: 16px;
  margin-bottom: 16px;
  color: #6157f6;
  text-transform: uppercase;
  font-size: 14px;
}

.price-list__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 6px;
  height: 6px;
  background: #6157f6;
}

.price-list__title {
  margin: 0;
  font-size: clamp(32px, 4vw, 56px);
  text-transform: uppercase;
  line-height: 1.15;
}

.price-list__aside {
  max-width: 540px;
  font-size: 22px;
  line-height: 1.35;
  color: #6c6c6c;
  font-weight: 300;
}

.price-list__aside p {
  margin: 0 0 24px;
}

.price-list__tabs-wrap {
  margin-top: 48px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.price-list__tabs-wrap::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.price-list__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  min-width: min(1800px, 100%);
  border-bottom: 3px solid #f4f5f9;
}

.price-list__tab {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 120px;
  max-width: 300px;
  padding: 12px 8px 16px;
  border: none;
  border-bottom: 3px solid transparent;
  margin-bottom: -3px;
  background: transparent;
  font-family: inherit;
  font-size: 15px;
  cursor: pointer;
  color: #131313;
  -webkit-transition: border-color 0.25s;
  transition: border-color 0.25s;
}

.price-list__tab--active {
  border-bottom-color: #6ce9c9;
}

.price-list__panels {
  padding-top: 48px;
}

.price-list__panel {
  display: none;
}

.price-list__panel--active {
  display: block;
}

.price-list__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #f4f5f9;
}

.price-list__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
  font-size: 18px;
}

.price-list__price {
  text-align: right;
  min-width: 200px;
}

.price-list__sum {
  display: block;
  font-size: 28px;
  font-weight: 500;
}

.price-list__term {
  display: block;
  font-size: 14px;
  color: #6c6c6c;
  font-weight: 300;
}

/* testimonials.html */

.testimonials {
  padding: clamp(64px, 10vw, 160px) 0;
}

.testimonials__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 48px;
}

.testimonials__intro {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 320px;
          flex: 1 1 320px;
  max-width: 730px;
}

.testimonials__label {
  position: relative;
  padding-left: 16px;
  margin-bottom: 16px;
  color: #6157f6;
  text-transform: uppercase;
  font-size: 14px;
}

.testimonials__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 6px;
  height: 6px;
  background: #6157f6;
}

.testimonials__title {
  margin: 0 0 24px;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.15;
  text-transform: uppercase;
}

.testimonials__text {
  color: #6c6c6c;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 300;
  max-width: 584px;
}

.testimonials__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-top: 32px;
  max-width: 400px;
}

.testimonials__fraction-cur {
  font-weight: 500;
  color: #6157f6;
  font-size: 28px;
}

.testimonials__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.testimonials__arrow {
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 50%;
  background: #d1cff0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}

.testimonials__arrow--next svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.testimonials__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.testimonials__score {
  font-size: clamp(72px, 12vw, 128px);
  font-weight: 500;
  line-height: 1;
}

.testimonials__score-note {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 8px;
}

.testimonials__platforms {
  height: 112px;
  width: auto;
}

.testimonials__slider {
  padding-left: clamp(16px, 4vw, 60px);
  overflow: hidden;
}

.testimonials__slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: min(584px, 90vw) !important;
  padding: 32px 0 32px 32px;
  background: #f4f5f9;
}

.testimonials__slide-top {
  position: relative;
  padding-right: 48px;
  margin-bottom: 24px;
}

.testimonials__platform-icon {
  position: absolute;
  right: 16px;
  top: 0;
  width: 40px;
  height: 40px;
}

.testimonials__date {
  display: block;
  font-size: 14px;
  color: #6c6c6c;
  margin-bottom: 4px;
}

.testimonials__author {
  margin: 0;
  font-size: 26px;
  font-weight: 500;
}

.testimonials__role {
  margin: 4px 0 0;
  font-size: 16px;
  font-weight: 500;
  color: #6157f6;
}

.testimonials__quote-title {
  margin: 0 0 12px;
  font-size: 26px;
  font-weight: 500;
}

.testimonials__quote-body {
  max-height: 220px;
  overflow: auto;
  padding-right: 12px;
  font-size: 22px;
  line-height: 1.35;
  color: #6c6c6c;
  font-weight: 300;
}

.testimonials__quote-body p {
  margin: 0;
}

.testimonials__slide-bot {
  margin-top: 24px;
}

.testimonials__thumb {
  max-height: 120px;
  width: auto;
}

/* cases.html */

.cases {
  padding: clamp(64px, 10vw, 120px) 0;
}

.cases__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

.cases__label {
  position: relative;
  padding-left: 16px;
  margin-bottom: 16px;
  color: #6157f6;
  text-transform: uppercase;
  font-size: 14px;
}

.cases__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 6px;
  height: 6px;
  background: #6157f6;
}

.cases__title {
  margin: 0;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.15;
  text-transform: uppercase;
}

.cases__text {
  color: #6c6c6c;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 300;
  max-width: 560px;
}

.cases__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-top: 24px;
  max-width: 400px;
}

.cases__fraction-cur {
  font-size: 28px;
  font-weight: 500;
  color: #6157f6;
}

.cases__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.cases__arrow {
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 50%;
  background: #d1cff0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}

.cases__arrow--next svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.cases__slider {
  padding-left: clamp(16px, 4vw, 60px);
  overflow: hidden;
}

.cases__slide {
  width: min(520px, 90vw) !important;
  padding-right: 24px;
}

.cases__slide-top {
  margin-bottom: 24px;
}

.cases__figure img {
  border-radius: 8px;
}

.cases__slide-title {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 500;
}

.cases__slide-desc {
  margin: 0;
  color: #6c6c6c;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
}

.cases__slide-bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #f4f5f9;
}

.cases__meta-label {
  margin: 0 0 4px;
  font-size: 14px;
  color: #6c6c6c;
}

.cases__meta-val {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.cases__meta-val--accent {
  color: #6157f6;
}

/* education.html */

.education {
  padding: clamp(64px, 10vw, 120px) 0;
}

.education__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

.education__label {
  position: relative;
  padding-left: 16px;
  margin-bottom: 16px;
  color: #6157f6;
  text-transform: uppercase;
  font-size: 14px;
}

.education__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 6px;
  height: 6px;
  background: #6157f6;
}

.education__title {
  margin: 0;
  font-size: clamp(28px, 3.5vw, 48px);
  text-transform: uppercase;
  line-height: 1.15;
}

.education__text {
  color: #6c6c6c;
  font-size: 22px;
  line-height: 1.35;
  max-width: 560px;
  font-weight: 300;
}

.education__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-top: 24px;
  max-width: 360px;
}

.education__fraction-cur {
  font-size: 28px;
  font-weight: 500;
  color: #6157f6;
}

.education__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.education__arrow {
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 50%;
  background: #d1cff0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.education__arrow--next svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.education__slider {
  padding-left: clamp(16px, 4vw, 60px);
  overflow: hidden;
}

.education__slide {
  width: min(420px, 90vw) !important;
  padding-right: 24px;
}

.education__slide-top {
  position: relative;
  margin-bottom: 20px;
}

.education__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: #6ce9c9;
  color: #131313;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  z-index: 1;
}

.education__img {
  border-radius: 8px;
}

.education__date {
  display: block;
  font-size: 14px;
  color: #6c6c6c;
  margin-bottom: 8px;
}

.education__slide-title {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 500;
}

.education__slide-desc {
  margin: 0;
  color: #6c6c6c;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
}

.education__slide-bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
}

.education__price-label {
  display: block;
  font-size: 14px;
  color: #6c6c6c;
}

.education__price-val {
  font-size: 24px;
  font-weight: 500;
}

.education__footer {
  margin-top: 40px;
  text-align: center;
}

.education__all {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 56px;
  padding: 0 32px;
  border-radius: 8px;
  border: 2px solid #6157f6;
  color: #6157f6;
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: background 0.25s, color 0.25s;
  transition: background 0.25s, color 0.25s;
}

/* news.html */

.news {
  padding: clamp(64px, 10vw, 120px) 0;
}

.news__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}

.news__label {
  position: relative;
  padding-left: 16px;
  margin-bottom: 8px;
  color: #6157f6;
  text-transform: uppercase;
  font-size: 14px;
}

.news__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 6px;
  height: 6px;
  background: #6157f6;
}

.news__title {
  margin: 0;
  font-size: clamp(32px, 4vw, 56px);
  text-transform: uppercase;
}

.news__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.news__fraction-cur {
  font-size: 28px;
  font-weight: 500;
  color: #6157f6;
}

.news__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.news__arrow {
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 50%;
  background: #d1cff0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.news__arrow--next svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.news__slider {
  padding-left: clamp(16px, 4vw, 60px);
  overflow: hidden;
}

.news__slide {
  width: min(400px, 85vw) !important;
  padding-right: 24px;
}

.news__img {
  border-radius: 8px 8px 0 0;
}

.news__body {
  padding: 24px;
  background: #f4f5f9;
  border-radius: 0 0 8px 8px;
}

.news__date {
  font-size: 14px;
  color: #6c6c6c;
  margin-bottom: 8px;
  display: block;
}

.news__slide-title {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.news__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #131313;
  text-decoration: none;
  font-weight: 500;
}

.news__footer {
  margin-top: 40px;
  text-align: center;
}

.news__all {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 56px;
  padding: 0 32px;
  border-radius: 8px;
  border: 2px solid #6157f6;
  color: #6157f6;
  text-decoration: none;
  font-weight: 500;
}

/* faq.html */

.faq {
  padding: clamp(64px, 10vw, 120px) 0;
}

.faq__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 48px;
}

.faq__intro {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 240px;
          flex: 1 1 240px;
  max-width: 400px;
}

.faq__label {
  position: relative;
  padding-left: 16px;
  margin-bottom: 16px;
  color: #6157f6;
  text-transform: uppercase;
  font-size: 14px;
}

.faq__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 6px;
  height: 6px;
  background: #6157f6;
}

.faq__title {
  margin: 0;
  font-size: clamp(28px, 3.5vw, 48px);
  line-height: 1.15;
  text-transform: uppercase;
}

.faq__list {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 400px;
          flex: 2 1 400px;
}

.faq__item {
  border-bottom: 1px solid #f4f5f9;
}

.faq__item--open .faq__answer {
  display: block;
}

.faq__item--open .faq__icon-bar--v {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: 0;
}

.faq__question {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 24px 0;
  border: none;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
}

.faq__icon {
  position: relative;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.faq__icon-bar {
  position: absolute;
  background: #6157f6;
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: transform 0.25s, opacity 0.25s;
  transition: transform 0.25s, opacity 0.25s, -webkit-transform 0.25s;
}

.faq__icon-bar--v {
  width: 2px;
  height: 18px;
  left: 50%;
  top: 3px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.faq__icon-bar--h {
  width: 18px;
  height: 2px;
  left: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.faq__answer {
  display: none;
  padding-bottom: 24px;
  font-size: 18px;
  line-height: 1.45;
  color: #6c6c6c;
  font-weight: 300;
}

.faq__answer p {
  margin: 0 0 12px;
}

.faq__answer p:last-child {
  margin-bottom: 0;
}

/* consultation.html */

.consultation {
  padding: clamp(64px, 10vw, 120px) 0;
  background: #fafbff;
}

.consultation__strip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
  gap: 24px;
}

.consultation__ribbon-title {
  position: relative;
  padding-left: 16px;
  margin: 0;
  color: #6157f6;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.06em;
}

.consultation__ribbon-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 6px;
  height: 6px;
  background: #6157f6;
}

.consultation__deco {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 200px;
  height: 48px;
  background: url("../images/figure.svg") right center/contain no-repeat;
  opacity: 0.25;
}

.consultation__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 48px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.consultation__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
  max-width: 600px;
}

.consultation__title {
  margin: 0 0 20px;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.15;
  text-transform: uppercase;
}

.consultation__lead {
  margin: 0;
  font-size: 22px;
  line-height: 1.35;
  color: #6c6c6c;
  font-weight: 300;
}

.consultation__form {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 320px;
          flex: 1 1 320px;
  max-width: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.consultation__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.consultation__label-input {
  font-size: 14px;
  color: #6c6c6c;
}

.consultation__input {
  border-radius: 8px;
  border: 1px solid #f4f5f9;
  padding: 16px;
  font-size: 18px;
  font-family: inherit;
}

.consultation__check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: #6c6c6c;
  font-weight: 300;
  cursor: pointer;
}

.consultation__checkbox {
  margin-top: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.consultation__submit {
  margin-top: 8px;
}

.consultation__send {
  width: 100%;
  max-width: 280px;
}

/* map.html */

.contacts-map {
  line-height: 0;
}

.contacts-map__img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 560px;
}

/* modal-mobile-menu.html */

.mobile-menu {
  position: fixed;
  inset: 104px 0 0;
  z-index: 9998;
  padding: 24px 16px 48px;
  background: rgba(240, 239, 255, 0.98);
  backdrop-filter: blur(6px);
  overflow-y: auto;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s ease, visibility 0.35s, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, visibility 0.35s, -webkit-transform 0.35s ease;
  transition: transform 0.35s ease, opacity 0.35s ease, visibility 0.35s;
  transition: transform 0.35s ease, opacity 0.35s ease, visibility 0.35s, -webkit-transform 0.35s ease;
}

.mobile-menu--open {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.mobile-menu__list {
  margin-bottom: 32px;
}

.mobile-menu__link {
  display: block;
  padding: 14px 0;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: #131313;
  text-decoration: none;
  border-bottom: 1px solid rgba(97, 87, 246, 0.12);
}

.mobile-menu__contacts {
  margin-bottom: 16px;
}

.mobile-menu__contacts a {
  color: inherit;
  text-decoration: none;
}

.mobile-menu__phone {
  font-size: 22px;
  font-weight: 500;
}

.mobile-menu__mail {
  font-size: 18px;
}

.mobile-menu__address {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  color: #6c6c6c;
  font-weight: 300;
}

/* modal-service.html */

.service-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s ease, visibility 0.35s;
  transition: opacity 0.35s ease, visibility 0.35s;
}

.service-modal--open {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}

.service-modal--open .service-modal__dialog {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.service-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(19, 19, 19, 0.35);
}

.service-modal__dialog {
  position: absolute;
  top: 0;
  right: 0;
  width: min(1120px, 100%);
  height: 100%;
  background: #fff;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.45s ease;
  transition: -webkit-transform 0.45s ease;
  transition: transform 0.45s ease;
  transition: transform 0.45s ease, -webkit-transform 0.45s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.service-modal__close {
  position: sticky;
  top: 16px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin: 16px 16px 0;
  width: 56px;
  height: 56px;
  border: none;
  border-radius: 50%;
  background: #6ce9c9;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}

.service-modal__body {
  padding: 0 clamp(20px, 4vw, 60px) 32px;
}

.service-modal__title {
  margin: 0 0 24px;
  font-size: clamp(36px, 5vw, 58px);
  line-height: 1.1;
  text-transform: uppercase;
}

.service-modal__meta-label {
  margin: 0 0 4px;
  font-size: 14px;
  color: #6c6c6c;
}

.service-modal__price {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}

.service-modal__desc {
  margin-top: 24px;
  font-size: 22px;
  line-height: 1.35;
  color: #6c6c6c;
  font-weight: 300;
}

.service-modal__footer {
  padding: clamp(20px, 4vw, 60px);
  border-top: 1px solid #f4f5f9;
  margin-top: auto;
}

.service-modal__form-title {
  margin: 0 0 20px;
  font-size: 26px;
  font-weight: 500;
}

.service-modal__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 24px;
}

.service-modal__field {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.service-modal__field label {
  font-size: 14px;
  color: #6c6c6c;
}

.service-modal__field input {
  border-radius: 8px;
  border: 1px solid #f4f5f9;
  padding: 14px;
  font-size: 18px;
  font-family: inherit;
}

.service-modal__submit {
  margin-top: 8px;
}

.page--modal-open {
  overflow: hidden;
}

/** Адаптив для laptop (≤1440px) — переопределения только в этом файле */

/**
 * Адаптив для экранов до 1440px ($laptop).
 * Переопределения секций — без правок в остальных component-файлах.
 */

@media (min-width: 768px) {
  .show_mobile {
    display: none !important;
  }

  .advantages__container {
    min-height: 0;
  }
}

@media (min-width: 1100px) {
  .show_tablet {
    display: none !important;
  }
}

@media (min-width: 1440px) {
  .show_laptop {
    display: none !important;
  }
}

@media (max-width: 1832.98px) {
  .container {
    max-width: 1440px;
  }

  /* ——— header ——— */

  .header {
    min-height: 96px;
  }

  .header__container {
    gap: 48px;
  }

  .header__left {
    gap: 40px;
  }

  .header__menu {
    gap: 28px;
  }

  .header__right {
    gap: 40px;
  }

  /* ——— hero ——— */

  .hero {
    margin-top: -96px;
  }

  .hero__gradient {
    padding-top: 160px;
    min-height: 680px;
  }

  .hero__title.text_66 {
    font-size: 52px;
  }

  .hero__title {
    max-width: 720px;
  }

  .hero__text {
    max-width: 480px;
  }

  .hero__video-icon-wrapper {
    width: 100px;
    height: 100px;
  }

  /* ——— slogan ——— */

  .slogan {
    padding: 64px 0 120px;
  }

  /* ——— work-types ——— */

  .work-types {
    padding-bottom: 120px;
  }

  .work-types__container {
    gap: 64px;
  }

  .work-types__head {
    max-width: 560px;
  }

  .work-types__stats-img {
    width: 132px;
    height: 132px;
    margin-left: -28px;
  }

  .work-types__stats-gallery {
    margin-left: -16px;
  }

  .work-types__cases-link {
    margin-top: 48px;
  }

  /* ——— catalog ——— */

  .catalog__aside {
    max-width: 560px;
    padding: 40px 36px;
  }

  .catalog__tabs {
    gap: 32px;
    margin-top: 72px;
  }

  .catalog__card {
    padding: 24px;
  }

  .catalog__card-header {
    min-height: 96px;
  }

  .catalog__card-footer {
    padding-left: 64px;
  }

  .catalog-detail-offcanvas .uk-offcanvas-bar {
    width: min(920px, 100%);
  }

  /* ——— advantages ——— */

  .advantages__slide:not(.advantages__slide--intro) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 min(560px, 82vw);
            flex: 0 0 min(560px, 82vw);
  }

  .advantages__bg {
    width: 880px;
  }

  .advantages__logo--back {
    max-width: 380px;
  }

  .advantages__logo--front {
    max-width: 260px;
  }

  .advantages__label {
    left: 48px;
  }

  /* ——— how-work ——— */

  .how-work {
    padding: 120px 0;
  }

  .how-work__layout-root {
    gap: 48px;
  }

  .how-work__sidebar-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 420px;
            flex: 0 0 420px;
  }

  .how-work__item-content {
    padding-left: 64px;
    margin-left: 64px;
    padding-bottom: 100px;
  }

  .how-work__item-content::before {
    height: 100px;
  }

  .how-work__icon {
    width: 72px;
    height: 72px;
  }

  /* ——— lab-stats ——— */

  .lab-stats__value {
    font-size: clamp(52px, 10vw, 104px);
  }

  /* ——— team ——— */

  .team__slide {
    width: min(400px, 88vw) !important;
    max-width: 400px;
  }

  .team__card {
    min-height: 420px;
    height: 560px;
  }

  .team__arrow {
    width: 72px;
    height: 72px;
  }

  /* ——— environment ——— */

  .environment {
    max-height: 820px;
  }

  .environment__left {
    max-width: 720px;
  }

  .environment__slide-visual img {
    max-width: 340px;
  }

  /* ——— price-list ——— */

  .price-list__tabs {
    min-width: min(1440px, 100%);
  }

  /* ——— testimonials ——— */

  .testimonials__intro {
    max-width: 600px;
  }

  .testimonials__slide {
    width: min(500px, 88vw) !important;
    padding: 24px 0 24px 24px;
  }

  .testimonials__score {
    font-size: clamp(56px, 10vw, 104px);
  }

  .testimonials__platforms {
    height: 96px;
  }

  .testimonials__arrow {
    width: 72px;
    height: 72px;
  }

  /* ——— cases ——— */

  .cases__slide {
    width: min(440px, 88vw) !important;
  }

  .cases__arrow {
    width: 72px;
    height: 72px;
  }

  /* ——— education ——— */

  .education__slide {
    width: min(360px, 88vw) !important;
  }

  .education__arrow {
    width: 72px;
    height: 72px;
  }

  /* ——— news ——— */

  .news__slide {
    width: min(340px, 85vw) !important;
  }

  .news__arrow {
    width: 72px;
    height: 72px;
  }

  /* ——— faq ——— */

  .faq__layout {
    gap: 36px;
  }

  /* ——— consultation ——— */

  .consultation__layout {
    gap: 36px;
  }

  /* ——— map ——— */

  .contacts-map__img {
    max-height: 480px;
  }

  /* ——— service modal ——— */

  .service-modal__dialog {
    width: min(920px, 100%);
  }

  /* ——— footer ——— */

  .site-footer__logo img {
    height: 100px;
    margin-bottom: 36px;
  }

  .site-footer__col {
    padding: 48px 0;
  }

  .site-footer__menu-wrap {
    padding: 40px 0;
  }

  .site-footer__brands-inner {
    gap: 32px;
  }

  .site-footer__brand img {
    height: 48px;
  }

  .site-footer__to-top {
    width: 72px;
    height: 72px;
  }

  /* ——— общие кнопки слайдеров / типографика шапки ——— */

  .header__phone.text_26 {
    font-size: 22px;
  }

  .header__container {
    gap: 20px;
  }

  .header__phone {
    font-size: 24px !important;
  }
}

@media (max-width: 1440.98px) {
  .hidden_laptop {
    display: none !important;
  }
}

@media (max-width: 1100.98px) {
  .hidden_tablet {
    display: none !important;
  }

  .site-footer__col--info,
  .site-footer__col--nav {
    width: 100%;
    border-left: none;
    padding-left: 0;
  }

  .site-footer__col--nav {
    border-top: 1px solid #d1cff0;
  }

  .how-work__sidebar--fixed {
    position: static;
    width: auto;
  }

  .how-work__layout-root--sidebar-fixed {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .environment {
    max-height: none;
  }
}

@media (max-width: 768px) {
  .text_mobile-12 {
    font-size: 12px;
  }

  .text_mobile-14 {
    font-size: 14px;
  }

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

  .text_mobile-18 {
    font-size: 18px;
  }

  .text_mobile-20 {
    font-size: 20px;
  }

  .text_mobile-22 {
    font-size: 22px;
  }

  .text_mobile-24 {
    font-size: 24px;
  }

  .text_mobile-26 {
    font-size: 26px;
  }

  .text_mobile-28 {
    font-size: 28px;
  }

  .text_mobile-30 {
    font-size: 30px;
  }

  .text_mobile-32 {
    font-size: 32px;
  }

  .text_mobile-36 {
    font-size: 36px;
  }

  .text_mobile-40 {
    font-size: 40px;
  }

  .text_mobile-48 {
    font-size: 48px;
  }

  .text_mobile-56 {
    font-size: 56px;
  }

  .text_mobile-64 {
    font-size: 64px;
  }

  .text_mobile-66 {
    font-size: 66px;
  }

  .text_mobile-72 {
    font-size: 72px;
  }

  .text_mobile-80 {
    font-size: 80px;
  }

  .text_mobile-96 {
    font-size: 96px;
  }

  .text_mobile-100 {
    font-size: 100px;
  }

  .text_mobile-120 {
    font-size: 120px;
  }

  .text_mobile-128 {
    font-size: 128px;
  }

  .p_mobile-4 {
    padding: 4px;
  }

  .p_mobile-8 {
    padding: 8px;
  }

  .p_mobile-12 {
    padding: 12px;
  }

  .p_mobile-16 {
    padding: 16px;
  }

  .p_mobile-24 {
    padding: 24px;
  }

  .p_mobile-32 {
    padding: 32px;
  }

  .p_mobile-48 {
    padding: 48px;
  }

  .p_mobile-64 {
    padding: 64px;
  }

  .p_mobile-96 {
    padding: 96px;
  }

  .pt_mobile-4 {
    padding-top: 4px;
  }

  .pt_mobile-8 {
    padding-top: 8px;
  }

  .pt_mobile-12 {
    padding-top: 12px;
  }

  .pt_mobile-16 {
    padding-top: 16px;
  }

  .pt_mobile-24 {
    padding-top: 24px;
  }

  .pt_mobile-32 {
    padding-top: 32px;
  }

  .pt_mobile-48 {
    padding-top: 48px;
  }

  .pt_mobile-64 {
    padding-top: 64px;
  }

  .pt_mobile-96 {
    padding-top: 96px;
  }

  .pr_mobile-4 {
    padding-right: 4px;
  }

  .pr_mobile-8 {
    padding-right: 8px;
  }

  .pr_mobile-12 {
    padding-right: 12px;
  }

  .pr_mobile-16 {
    padding-right: 16px;
  }

  .pr_mobile-24 {
    padding-right: 24px;
  }

  .pr_mobile-32 {
    padding-right: 32px;
  }

  .pr_mobile-48 {
    padding-right: 48px;
  }

  .pr_mobile-64 {
    padding-right: 64px;
  }

  .pr_mobile-96 {
    padding-right: 96px;
  }

  .pb_mobile-4 {
    padding-bottom: 4px;
  }

  .pb_mobile-8 {
    padding-bottom: 8px;
  }

  .pb_mobile-12 {
    padding-bottom: 12px;
  }

  .pb_mobile-16 {
    padding-bottom: 16px;
  }

  .pb_mobile-24 {
    padding-bottom: 24px;
  }

  .pb_mobile-32 {
    padding-bottom: 32px;
  }

  .pb_mobile-48 {
    padding-bottom: 48px;
  }

  .pb_mobile-64 {
    padding-bottom: 64px;
  }

  .pb_mobile-96 {
    padding-bottom: 96px;
  }

  .pl_mobile-4 {
    padding-left: 4px;
  }

  .pl_mobile-8 {
    padding-left: 8px;
  }

  .pl_mobile-12 {
    padding-left: 12px;
  }

  .pl_mobile-16 {
    padding-left: 16px;
  }

  .pl_mobile-24 {
    padding-left: 24px;
  }

  .pl_mobile-32 {
    padding-left: 32px;
  }

  .pl_mobile-48 {
    padding-left: 48px;
  }

  .pl_mobile-64 {
    padding-left: 64px;
  }

  .pl_mobile-96 {
    padding-left: 96px;
  }

  .catalog-detail__form-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768.98px) {
  .hidden_mobile {
    display: none !important;
  }

  .advantages__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .advantages__viewport::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .advantages__track {
    will-change: auto;
    padding-right: 16px;
  }

  .advantages__slide {
    -ms-flex-preferred-size: min(300px, 85vw);
        flex-basis: min(300px, 85vw);
    min-height: 280px;
  }

  .advantages__slide--intro {
    padding-right: 16px;
  }

  .advantages__pin-sticky {
    max-height: none;
    overflow: visible;
  }

  .advantages__logo--front {
    display: none;
  }
}

@media (any-hover: hover) {
  .button:hover {
    background-color: #6157f6;
    color: #fff;
  }

  .button_accent:hover {
    background-color: #6157f6;
    color: #fff;
  }

  .header__menu a:hover {
    color: #6CE9C9;
  }

  .site-footer__to-top:hover {
    background: rgba(255, 255, 255, 0.3);
  }

  .hero__video-icon-wrapper:hover .hero__video-icon {
    color: white;
  }

  .catalog__tab:hover {
    color: white;
  }

  .catalog__card:hover .catalog__card-gradient {
    opacity: 1;
    -webkit-transform: scale(1.5) rotate(5deg);
        -ms-transform: scale(1.5) rotate(5deg);
            transform: scale(1.5) rotate(5deg);
  }

  .catalog__card:hover .catalog__card-footer {
    opacity: 1;
  }

  .catalog__card:hover .catalog__card-num {
    color: white;
  }

  .catalog__card:hover .catalog__card-title {
    color: white;
  }

  .catalog-detail__link:hover {
    opacity: 0.8;
  }

  .catalog-detail__submit:hover {
    background: #6157f6;
    color: #fff;
  }

  .team__arrow:hover {
    background: #6157f6;
  }

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

  .team__card:has(.team__photo_secondary):hover:hover .team__photo {
    opacity: 0;
  }

  .team__card:has(.team__photo_secondary):hover:hover .team__photo_secondary {
    opacity: 1;
  }

  .testimonials__arrow:hover {
    background: #6157f6;
  }

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

  .cases__arrow:hover {
    background: #6157f6;
  }

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

  .education__arrow:hover {
    background: #6157f6;
  }

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

  .education__all:hover {
    background: #6157f6;
    color: #fff;
  }

  .news__arrow:hover {
    background: #6157f6;
  }

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

  .news__link:hover {
    color: #6157f6;
  }

  .news__all:hover {
    background: #6157f6;
    color: #fff;
  }

  .mobile-menu__link:hover {
    color: #6157f6;
  }
}