@charset "UTF-8";
/* Base */
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  color: inherit;
  background: transparent;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

a {
  color: inherit;
}

a, button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

address {
  font-style: normal;
}

:root {
  --font: "Museo Sans Cyrl", sans-serif;
  --font-accent: "Evolventa", sans-serif;
  --font-third: "Montserrat", sans-serif;
  --border-radius: 1.25rem;
  --duration: 0.2s;
}

:root {
  --light-text-hard: #151612;
  --dark-text-hard: #fff;
  --light-text-soft: #323843;
  --dark-text-soft: #fff;
  --light-text-softer-old: #0000004d;
  --dark-text-softer-old: #ffffff4d;
  --light-text-softest: #fff;
  --dark-text-softest: #000;
  --light-bg-hardest: #fff;
  --dark-bg-hardest: #141414;
  --light-bg-hard: #f2f3f7;
  --dark-bg-hard: #ababab;
  --light-bg-hard-planks: #f2f3f7;
  --dark-bg-hard-planks: #222;
  --light-bg-hard-badge: #f2f3f7;
  --dark-bg-hard-badge: #393939;
  --light-bg-soft: #151612;
  --dark-bg-soft: #fff;
  --light-bg-softest: #000;
  --dark-bg-softest: #fff;
  --light-border-hardest: #000;
  --dark-border-hardest: #616161;
  --theme-text-hardest: #000;
  --theme-text-hard: var(--light-text-hard);
  --theme-text-soft: var(--light-text-soft);
  --theme-text-soft-input: #323843;
  --theme-text-softer: #939393;
  --theme-text-softer-old: var(--light-text-softer-old);
  --theme-text-softer-underline: #00000033;
  --theme-text-softest: var(--light-text-softest);
  --theme-text-installment: rgb(0 0 0 / 0.8);
  --theme-bg-hardest: var(--light-bg-hardest);
  --theme-bg-harder: #fff;
  --theme-bg-harder-input: #fff;
  --theme-bg-harder-input-payment: #fcfbfe;
  --theme-bg-harder-hover: #dadbde;
  --theme-bg-hard: var(--light-bg-hard);
  --theme-bg-hard-planks: var(--light-bg-hard-planks);
  --theme-bg-hard-badge: var(--light-bg-hard-badge);
  --theme-bg-soft: var(--light-bg-soft);
  --theme-bg-soft-plus: #151612;
  --theme-bg-soft-button: #151612;
  --theme-bg-softer: #151612;
  --theme-bg-softest: var(--light-bg-softest);
  --theme-bg-hover: #dadbde;
  --theme-bg-badge: #cfcfcf;
  --theme-bg-hint: #32384380;
  --theme-bg-type-hover: #ffffff59;
  --theme-accent-green-hard: #d2fe67;
  --theme-accent-green-soft: #dfff92;
  --theme-accent-blue-hard: #5575c2;
  --theme-accent-blue-soft: #29b6f6;
  --theme-accent-blue-softer: #53c0f2;
  --theme-accent-purple-hard: #362f60;
  --theme-border-hardest: var(--light-border-hardest);
  --theme-border: #bbbbbb;
  --theme-border-softer: #f2f3f7;
  --theme-border-opacity: #ffffff1a;
  --theme-night-border: #00000000;
  --theme-installment-border: #000;
  --theme-modal-border: #000;
}

.theme-dark,
.theme-dark-permanently {
  color-scheme: dark;
  --theme-text-hardest: #fff;
  --theme-text-hard: var(--dark-text-hard);
  --theme-text-soft: var(--dark-text-soft);
  --theme-text-soft-input: #ffffffcc;
  --theme-text-softer: #838385;
  --theme-text-softer-old: var(--dark-text-softer-old);
  --theme-text-softer-underline: #ffffff33;
  --theme-text-softest: var(--dark-text-softest);
  --theme-text-installment: rgb(225 255 255 / 0.8);
  --theme-bg-hardest: var(--dark-bg-hardest);
  --theme-bg-harder: #222;
  --theme-bg-harder-input: #393939;
  --theme-bg-harder-input-payment: #222222;
  --theme-bg-harder-hover: #4d4d4d;
  --theme-bg-hard: var(--dark-bg-hard);
  --theme-bg-hard-planks: var(--dark-bg-hard-planks);
  --theme-bg-hard-badge: var(--dark-bg-hard-badge);
  --theme-bg-soft: var(--dark-bg-soft);
  --theme-bg-soft-plus: #4e4e4e;
  --theme-bg-soft-button: #393939;
  --theme-bg-softer: #222222;
  --theme-bg-softest: var(--dark-bg-softest);
  --theme-bg-hover: #dadbde;
  --theme-bg-badge: #cfcfcf;
  --theme-bg-hint: #ffffff80;
  --theme-bg-type-hover: #39393959;
  --theme-accent-green-hard: #d2fe67;
  --theme-accent-green-soft: #dfff92;
  --theme-accent-blue-hard: #5575c2;
  --theme-accent-blue-soft: #29b6f6;
  --theme-accent-blue-softer: #53c0f2;
  --theme-accent-purple-hard: #362f60;
  --theme-border-hardest: var(--dark-border-hardest);
  --theme-border: #515151;
  --theme-border-softer: #515151;
  --theme-border-opacity: #ffffff1a;
  --theme-night-border: #515151;
  --theme-installment-border: #d2fe67;
  --theme-modal-border: #393939;
}

body .fancybox__container {
  padding: 3.125rem;
}
@media (max-width: 35.99875rem) {
  body .fancybox__container {
    padding: 0;
  }
}
body .fancybox__container [data-fancybox-close] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
body .fancybox__carousel {
  margin-top: auto;
  flex: 0 1 auto;
}
@media (max-width: 35.99875rem) {
  body .fancybox__carousel {
    margin-top: 0;
    flex: 1;
  }
}
body .fancybox__footer {
  position: static;
  margin-bottom: auto;
}
@media (max-width: 35.99875rem) {
  body .fancybox__toolbar__column {
    display: none;
  }
}

[data-showmore-button] span:last-child {
  display: none;
}
._showmore-active [data-showmore-button] span {
  display: none;
}
._showmore-active [data-showmore-button] span:last-child {
  display: block;
}

@font-face {
  font-family: "Museo Sans Cyrl";
  src: local("MuseoSansCyrl-700"), url("../fonts/MuseoSansCyrl-700.woff2") format("woff2"), url("../fonts/MuseoSansCyrl-700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: local("MuseoSansCyrl-500"), url("../fonts/MuseoSansCyrl-500.woff2") format("woff2"), url("../fonts/MuseoSansCyrl-500.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: local("MuseoSansCyrl-300"), url("../fonts/MuseoSansCyrl-300.woff2") format("woff2"), url("../fonts/MuseoSansCyrl-300.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: local("MuseoSansCyrl-100"), url("../fonts/MuseoSansCyrl-100.woff2") format("woff2"), url("../fonts/MuseoSansCyrl-100.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Evolventa";
  src: local("Evolventa Bold"), local("Evolventa-Bold"), url("../fonts/Evolventa-Bold.woff2") format("woff2"), url("../fonts/Evolventa-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Evolventa";
  src: local("Evolventa BoldOblique"), local("Evolventa-BoldOblique"), url("../fonts/Evolventa-BoldOblique.woff2") format("woff2"), url("../fonts/Evolventa-BoldOblique.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Evolventa";
  src: local("Evolventa"), local("Evolventa-Regular"), url("../fonts/Evolventa-Regular.woff2") format("woff2"), url("../fonts/Evolventa-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat BoldItalic"), local("Montserrat-BoldItalic"), url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Light"), local("Montserrat-Light"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"), url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Thin"), local("Montserrat-Thin"), url("../fonts/Montserrat-Thin.woff2") format("woff2"), url("../fonts/Montserrat-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}

body {
  color: var(--theme-text-hard);
  background: var(--theme-bg-hardest);
  font-family: var(--font);
  font-weight: 300;
}
@media (min-width: 76.25em) {
  body {
    font-size: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.875rem , 0.8162650602rem  +  0.2409638554vw , 1rem )) {
    body {
      font-size: clamp( 0.875rem , 0.8162650602rem  +  0.2409638554vw , 1rem );
    }
  }
  @supports not (font-size: clamp( 0.875rem , 0.8162650602rem  +  0.2409638554vw , 1rem )) {
    body {
      font-size: calc(
                0.875rem + 0.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  body {
    font-size: 0.875rem;
  }
}
.opened-menu body {
  overflow-y: hidden;
}

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.main {
  flex: 1 0 auto;
}
@media (min-width: 76.25em) {
  .main__section {
    margin-bottom: 8.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 3.75rem , 1.6942771084rem  +  8.4337349398vw , 8.125rem )) {
    .main__section {
      margin-bottom: clamp( 3.75rem , 1.6942771084rem  +  8.4337349398vw , 8.125rem );
    }
  }
  @supports not (margin-bottom: clamp( 3.75rem , 1.6942771084rem  +  8.4337349398vw , 8.125rem )) {
    .main__section {
      margin-bottom: calc(
                3.75rem + 4.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__section {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 76.25em) {
  .main__testimonials {
    margin-bottom: 8.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 6.875rem , 6.2876506024rem  +  2.4096385542vw , 8.125rem )) {
    .main__testimonials {
      margin-bottom: clamp( 6.875rem , 6.2876506024rem  +  2.4096385542vw , 8.125rem );
    }
  }
  @supports not (margin-bottom: clamp( 6.875rem , 6.2876506024rem  +  2.4096385542vw , 8.125rem )) {
    .main__testimonials {
      margin-bottom: calc(
                6.875rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__testimonials {
    margin-bottom: 6.875rem;
  }
}
@media (min-width: 76.25em) {
  .main__tg-testimonials {
    margin-bottom: 8.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 5.3125rem , 3.9909638554rem  +  5.421686747vw , 8.125rem )) {
    .main__tg-testimonials {
      margin-bottom: clamp( 5.3125rem , 3.9909638554rem  +  5.421686747vw , 8.125rem );
    }
  }
  @supports not (margin-bottom: clamp( 5.3125rem , 3.9909638554rem  +  5.421686747vw , 8.125rem )) {
    .main__tg-testimonials {
      margin-bottom: calc(
                5.3125rem + 2.8125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__tg-testimonials {
    margin-bottom: 5.3125rem;
  }
}
@media (min-width: 76.25em) {
  .main__interviews {
    margin-bottom: 8.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 4.0625rem , 2.1536144578rem  +  7.8313253012vw , 8.125rem )) {
    .main__interviews {
      margin-bottom: clamp( 4.0625rem , 2.1536144578rem  +  7.8313253012vw , 8.125rem );
    }
  }
  @supports not (margin-bottom: clamp( 4.0625rem , 2.1536144578rem  +  7.8313253012vw , 8.125rem )) {
    .main__interviews {
      margin-bottom: calc(
                4.0625rem + 4.0625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__interviews {
    margin-bottom: 4.0625rem;
  }
}
@media (min-width: 76.25em) {
  .main__cases {
    margin-bottom: 9.0625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 3.75rem , 1.2537650602rem  +  10.2409638554vw , 9.0625rem )) {
    .main__cases {
      margin-bottom: clamp( 3.75rem , 1.2537650602rem  +  10.2409638554vw , 9.0625rem );
    }
  }
  @supports not (margin-bottom: clamp( 3.75rem , 1.2537650602rem  +  10.2409638554vw , 9.0625rem )) {
    .main__cases {
      margin-bottom: calc(
                3.75rem + 5.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__cases {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 76.25em) {
  .main__program {
    margin-bottom: 10rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 5.625rem , 3.5692771084rem  +  8.4337349398vw , 10rem )) {
    .main__program {
      margin-bottom: clamp( 5.625rem , 3.5692771084rem  +  8.4337349398vw , 10rem );
    }
  }
  @supports not (margin-bottom: clamp( 5.625rem , 3.5692771084rem  +  8.4337349398vw , 10rem )) {
    .main__program {
      margin-bottom: calc(
                5.625rem + 4.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__program {
    margin-bottom: 5.625rem;
  }
}
@media (min-width: 76.25em) {
  .main__options {
    margin-bottom: 10rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 6.875rem , 5.406626506rem  +  6.0240963855vw , 10rem )) {
    .main__options {
      margin-bottom: clamp( 6.875rem , 5.406626506rem  +  6.0240963855vw , 10rem );
    }
  }
  @supports not (margin-bottom: clamp( 6.875rem , 5.406626506rem  +  6.0240963855vw , 10rem )) {
    .main__options {
      margin-bottom: calc(
                6.875rem + 3.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__options {
    margin-bottom: 6.875rem;
  }
}
@media (min-width: 76.25em) {
  .main__payment-hero {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .main__payment-hero {
      margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .main__payment-hero {
      margin-bottom: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__payment-hero {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .main__payment-form {
    padding-bottom: 8.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 3.75rem , 1.6942771084rem  +  8.4337349398vw , 8.125rem )) {
    .main__payment-form {
      padding-bottom: clamp( 3.75rem , 1.6942771084rem  +  8.4337349398vw , 8.125rem );
    }
  }
  @supports not (padding-bottom: clamp( 3.75rem , 1.6942771084rem  +  8.4337349398vw , 8.125rem )) {
    .main__payment-form {
      padding-bottom: calc(
                3.75rem + 4.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__payment-form {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 76.25em) {
  .main__result {
    padding-top: 5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 2.5rem , 1.3253012048rem  +  4.8192771084vw , 5rem )) {
    .main__result {
      padding-top: clamp( 2.5rem , 1.3253012048rem  +  4.8192771084vw , 5rem );
    }
  }
  @supports not (padding-top: clamp( 2.5rem , 1.3253012048rem  +  4.8192771084vw , 5rem )) {
    .main__result {
      padding-top: calc(
                2.5rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__result {
    padding-top: 2.5rem;
  }
}
@media (min-width: 76.25em) {
  .main__result {
    padding-bottom: 8.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 3.75rem , 1.6942771084rem  +  8.4337349398vw , 8.125rem )) {
    .main__result {
      padding-bottom: clamp( 3.75rem , 1.6942771084rem  +  8.4337349398vw , 8.125rem );
    }
  }
  @supports not (padding-bottom: clamp( 3.75rem , 1.6942771084rem  +  8.4337349398vw , 8.125rem )) {
    .main__result {
      padding-bottom: calc(
                3.75rem + 4.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__result {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 76.25em) {
  .main__presentation {
    padding-top: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 2.5rem , 2.2063253012rem  +  1.2048192771vw , 3.125rem )) {
    .main__presentation {
      padding-top: clamp( 2.5rem , 2.2063253012rem  +  1.2048192771vw , 3.125rem );
    }
  }
  @supports not (padding-top: clamp( 2.5rem , 2.2063253012rem  +  1.2048192771vw , 3.125rem )) {
    .main__presentation {
      padding-top: calc(
                2.5rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__presentation {
    padding-top: 2.5rem;
  }
}
@media (min-width: 76.25em) {
  .main__presentation {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem )) {
    .main__presentation {
      padding-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem );
    }
  }
  @supports not (padding-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem )) {
    .main__presentation {
      padding-bottom: calc(
                2.8125rem + 0.9375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__presentation {
    padding-bottom: 2.8125rem;
  }
}
@media (min-width: 76.25em) {
  .main__gifts {
    margin-bottom: 5.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 4.375rem , 3.7876506024rem  +  2.4096385542vw , 5.625rem )) {
    .main__gifts {
      margin-bottom: clamp( 4.375rem , 3.7876506024rem  +  2.4096385542vw , 5.625rem );
    }
  }
  @supports not (margin-bottom: clamp( 4.375rem , 3.7876506024rem  +  2.4096385542vw , 5.625rem )) {
    .main__gifts {
      margin-bottom: calc(
                4.375rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__gifts {
    margin-bottom: 4.375rem;
  }
}
@media (min-width: 76.25em) {
  .main__start-testdrive {
    margin-bottom: 8.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 4.375rem , 2.3192771084rem  +  8.4337349398vw , 8.75rem )) {
    .main__start-testdrive {
      margin-bottom: clamp( 4.375rem , 2.3192771084rem  +  8.4337349398vw , 8.75rem );
    }
  }
  @supports not (margin-bottom: clamp( 4.375rem , 2.3192771084rem  +  8.4337349398vw , 8.75rem )) {
    .main__start-testdrive {
      margin-bottom: calc(
                4.375rem + 4.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .main__start-testdrive {
    margin-bottom: 4.375rem;
  }
}

.container {
  padding: 0 1.25rem;
  max-width: 76.25rem;
  margin: 0 auto;
}

.wide-container {
  padding: 0 1.25rem;
  max-width: 90rem;
  margin: 0 auto;
}

._by-parts[hidden] {
  display: none;
}

._full-price[hidden] {
  display: none;
}

img[data-src] {
  transition: all 0.3s;
}
img[data-src]._arkn-lazy, ._arkn-lazy img[data-src] {
  opacity: 0;
  visibility: hidden;
}

._img-skeleton {
  background-image: linear-gradient(to right, var(--theme-bg-hard-planks) 0%, var(--theme-bg-harder-input) 15%, var(--theme-bg-hard-planks) 30%, var(--theme-bg-hard-planks) 100%);
  background-size: 200% 100%;
  animation: bgAnimate 1.2s linear infinite;
}

@keyframes bgAnimate {
  0% {
    background-position: 50% 0;
  }
  100% {
    background-position: -150% 0;
  }
}
/* Blocks */
.theme-switcher {
  cursor: pointer;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.625rem;
}
.theme-switcher__checkbox {
  cursor: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 3.25rem;
  height: 1.3125rem;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.5019607843);
  padding: 0.125rem 0;
  position: relative;
  transition: color 0.15s, border 0.15s, background 0.15s;
}
.theme-switcher--modile .theme-switcher__checkbox {
  width: 5.1875rem;
  height: 2.125rem;
  padding: 0.25rem 0;
}
.theme-switcher__checkbox::before {
  content: "";
  position: absolute;
  left: 0.125rem;
  width: 0.9375rem;
  height: 0.9375rem;
  background: #feef67 url("/img/icons/sun.svg") 50% 50%/0.6875rem 0.6875rem no-repeat;
  border-radius: 50%;
  transition: left 0.15s, transform 0.15s, background 0.15s;
}
.theme-switcher--modile .theme-switcher__checkbox::before {
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.125rem 1.125rem;
  left: 0.25rem;
}
.theme-switcher__checkbox:checked {
  border: 1px solid #323843;
  background: var(--theme-bg-hardest);
}
.theme-switcher__checkbox:checked::before {
  left: calc(100% - 0.125rem - 0.9375rem);
  background-image: url("/img/icons/moon.svg");
  background-color: var(--theme-accent-green-hard);
}
.theme-switcher--modile .theme-switcher__checkbox:checked::before {
  left: calc(100% - 0.25rem - 1.5rem);
}
.theme-switcher__checkbox:checked + .theme-switcher__text ._dark {
  display: inline;
}
.theme-switcher__checkbox:checked + .theme-switcher__text ._light {
  display: none;
}
.theme-switcher__text ._dark {
  display: none;
}
.theme-switcher__text ._light {
  display: inline;
}
.theme-switcher--modile .theme-switcher__text {
  display: none;
}

.arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-bg-hard);
  border-radius: 50%;
  transition: all var(--duration);
}
@media (min-width: 76.25em) {
  .arrow {
    width: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem )) {
    .arrow {
      width: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem );
    }
  }
  @supports not (width: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem )) {
    .arrow {
      width: calc(
                2.5rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .arrow {
    width: 2.5rem;
  }
}
@media (min-width: 76.25em) {
  .arrow {
    height: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem )) {
    .arrow {
      height: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem );
    }
  }
  @supports not (height: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem )) {
    .arrow {
      height: calc(
                2.5rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .arrow {
    height: 2.5rem;
  }
}
.arrow svg {
  max-width: 24%;
}
.arrow path {
  transition: all var(--duration);
}
.arrow--prev {
  padding-right: 0.125rem;
}
.arrow--next {
  padding-left: 0.125rem;
}
@media (any-hover: hover) {
  .arrow:hover {
    background: var(--theme-bg-soft);
  }
  .arrow:hover path {
    stroke: var(--theme-bg-hardest);
  }
}
.arrow:active {
  background: var(--theme-bg-soft);
}
.arrow:active path {
  stroke: var(--theme-bg-hardest);
}

.burger {
  position: relative;
}
@media (max-width: 47.99875rem) {
  .burger__nav {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
    color: var(--theme-text-hardest);
    padding: 0.9375rem 1.25rem;
    margin-top: 0.25rem;
    background-color: var(--theme-bg-harder-input);
    border: 1px solid var(--theme-border-hardest);
    border-radius: calc(var(--border-radius) / 2);
    width: -moz-max-content;
    width: max-content;
    text-align: right;
    transform: translateY(-20%);
    opacity: 0;
    visibility: hidden;
    transition: all var(--duration);
  }
  .opened-menu .burger__nav {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
.burger__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 0.625rem;
}
@media (min-width: 76.25em) {
  .burger__list {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports ((-moz-column-gap: clamp( 0.9375rem , -1.7173672566rem  +  5.5309734513vw , 2.5rem )) or (column-gap: clamp( 0.9375rem , -1.7173672566rem  +  5.5309734513vw , 2.5rem ))) {
    .burger__list {
      -moz-column-gap: clamp( 0.9375rem , -1.7173672566rem  +  5.5309734513vw , 2.5rem );
           column-gap: clamp( 0.9375rem , -1.7173672566rem  +  5.5309734513vw , 2.5rem );
    }
  }
  @supports not ((-moz-column-gap: clamp( 0.9375rem , -1.7173672566rem  +  5.5309734513vw , 2.5rem )) or (column-gap: clamp( 0.9375rem , -1.7173672566rem  +  5.5309734513vw , 2.5rem ))) {
    .burger__list {
      -moz-column-gap: calc(
                0.9375rem + 1.5625 * (100vw - 48rem) / 28.25
            );
           column-gap: calc(
                0.9375rem + 1.5625 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .burger__list {
    -moz-column-gap: 0.9375rem;
         column-gap: 0.9375rem;
  }
}
.burger__list a {
  --duration: 0.3s;
  display: block;
  padding: 0.375rem 0;
  position: relative;
}
@media (max-width: 47.99875rem) {
  .burger__list a {
    padding: 0.375rem 0.5rem;
    text-align: center;
    border: 1px solid var(--theme-border-hardest);
    border-radius: calc(var(--border-radius) / 4);
  }
}
.burger__list a::before {
  content: "";
  position: absolute;
  left: 100%;
  right: 100%;
  bottom: 0;
  height: 1px;
  background: var(--theme-text-hardest);
  transition: right 0s var(--duration), left var(--duration);
}
.theme-dark .burger__list a::before, .theme-dark-permanently .burger__list a::before {
  background: rgba(242, 243, 247, 0.6980392157);
}
@media (any-hover: hover) {
  .burger__list a:hover::before {
    left: 0;
    right: 0;
    transition: right var(--duration);
  }
}
@media (max-width: 47.99875rem) {
  .burger__list {
    align-items: stretch;
    flex-direction: column;
    row-gap: 0.5rem;
  }
}
.burger__btn {
  --width: 1.1875rem;
  --line-height: 0.0625rem;
  --spacing: 0.3125rem;
  --color: var(--light-text-softest);
  --radius: 0.25rem;
  width: 2.8125rem;
  height: 2.8125rem;
  background: var(--theme-bg-softer);
  border: 1px solid var(--theme-night-border);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 15;
  display: none;
}
.opened-menu .burger__btn {
  background: var(--theme-accent-green-hard);
}
.opened-menu.theme-dark .burger__btn, .opened-menu.theme-dark-permanently .burger__btn {
  background: var(--theme-night-border);
}
@media (max-width: 47.99875rem) {
  .burger__btn {
    display: flex;
  }
}
.burger__icon {
  position: relative;
  width: var(--width);
  height: var(--line-height);
  background-color: var(--color);
  border-radius: var(--radius);
  transition: background-color var(--duration);
}
.opened-menu .burger__icon {
  background-color: var(--theme-text-hardest);
}
.burger__icon::before, .burger__icon::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: var(--width);
  height: var(--line-height);
  border-radius: var(--radius);
  background-color: var(--color);
  transition: background-color var(--duration);
}
.opened-menu .burger__icon::before, .opened-menu .burger__icon::after {
  background-color: var(--theme-text-hardest);
}
.burger__icon::before {
  top: calc(-1 * (var(--line-height) + var(--spacing)));
}
.burger__icon::after {
  top: calc(var(--line-height) + var(--spacing));
}
.burger__switcher {
  display: none;
  margin-top: 1.25rem;
  justify-content: center;
}
@media (max-width: 47.99875rem) {
  .burger__switcher {
    display: flex;
  }
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.9375rem;
  font-family: var(--font-accent);
  color: var(--theme-text-hard);
  font-weight: 700;
  line-height: 1.4;
  background: var(--theme-accent-green-hard);
  border-radius: calc(var(--border-radius) / 2);
  transition: background var(--duration);
}
@media (min-width: 76.25em) {
  .btn {
    height: 4.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 3.125rem , 2.5963855422rem  +  2.1686746988vw , 4.25rem )) {
    .btn {
      height: clamp( 3.125rem , 2.5963855422rem  +  2.1686746988vw , 4.25rem );
    }
  }
  @supports not (height: clamp( 3.125rem , 2.5963855422rem  +  2.1686746988vw , 4.25rem )) {
    .btn {
      height: calc(
                3.125rem + 1.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .btn {
    height: 3.125rem;
  }
}
@media (min-width: 76.25em) {
  .btn {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem )) {
    .btn {
      font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem )) {
    .btn {
      font-size: calc(
                0.875rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .btn {
    font-size: 0.875rem;
  }
}
.theme-dark .btn, .theme-dark-permanently .btn {
  color: var(--light-text-hard);
}
@media (any-hover: hover) {
  .btn:hover {
    background: #e5ffa5;
  }
}
.btn:active {
  background: #caf267;
}

.btn-mini {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.125rem;
  background: var(--theme-bg-softest);
  border-radius: 0.375rem;
  padding: 0 0.9375rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--theme-text-softest);
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 500;
  transition: background var(--duration), color var(--duration);
}
@media (any-hover: hover) {
  .btn-mini:hover {
    color: var(--theme-text-hardest);
    background: var(--theme-accent-green-hard);
  }
  .btn-mini:hover path {
    fill: var(--theme-text-hardest);
  }
  .theme-dark .btn-mini:hover, .theme-dark-permanently .btn-mini:hover {
    color: var(--light-text-hard);
    background: var(--theme-bg-hover);
  }
  .theme-dark .btn-mini:hover path, .theme-dark-permanently .btn-mini:hover path {
    fill: var(--theme-text-hardest);
  }
}
.btn-mini:active {
  color: var(--theme-text-hardest);
  background: #caf267;
}
.btn-mini:active path {
  fill: var(--theme-text-hardest);
}
.theme-dark .btn-mini:active, .theme-dark-permanently .btn-mini:active {
  color: var(--light-text-hard);
  background: #dadada;
}
.theme-dark .btn-mini:active path, .theme-dark-permanently .btn-mini:active path {
  fill: var(--light-text-hard);
}
.btn-mini svg {
  display: none;
  width: 20px;
  height: 20px;
}
.btn-mini path {
  fill: var(--theme-text-softest);
  transition: fill var(--duration);
}
.btn-mini--loading {
  pointer-events: none;
  position: relative;
}
.btn-mini--loading svg {
  display: inline;
}

.logo {
  display: block;
  width: 3.75rem;
  flex: 0 0 auto;
}
.logo img {
  width: 100%;
}

.speech {
  font-family: var(--font-accent);
  color: var(--theme-text-hardest);
  line-height: 1.77;
  font-weight: 400;
  min-height: 8.75rem;
  padding: 1.25rem;
  border-radius: var(--border-radius);
  border-bottom-left-radius: 1.75rem;
  background: var(--theme-bg-hard-planks);
  border: 1px solid var(--theme-night-border);
  position: relative;
}
@media (max-width: 37.49875rem) {
  .speech {
    border-radius: calc(var(--border-radius) / 2);
  }
}
.speech__title {
  font-family: var(--font);
  color: var(--theme-text-hardest);
  line-height: 1.4;
  font-weight: 500;
}
@media (min-width: 76.25em) {
  .speech__title {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .speech__title {
      font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .speech__title {
      font-size: calc(
                1.125rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .speech__title {
    font-size: 1.125rem;
  }
}
@media (min-width: 76.25em) {
  .speech__title {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .speech__title {
      margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .speech__title {
      margin-bottom: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .speech__title {
    margin-bottom: 0.625rem;
  }
}
.speech::before {
  content: url("/img/decor/tail.svg");
  position: absolute;
  left: -2.0625rem;
  bottom: -0.5rem;
  z-index: -1;
}
.theme-dark .speech::before, .theme-dark-permanently .speech::before {
  content: none;
}
.speech--right::before {
  transform: scaleX(-1);
  left: auto;
  right: -2.0625rem;
}
@media (max-width: 37.49875rem) {
  .speech::before {
    content: "«";
    position: static;
  }
  .speech::after {
    content: "»";
  }
  .speech p {
    display: inline;
  }
}

.title {
  color: var(--theme-text-hard);
  font-family: var(--font-accent);
  line-height: 1.3;
  font-weight: 700;
}
@media (min-width: 76.25em) {
  .title {
    font-size: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.5rem , 1.0301204819rem  +  1.9277108434vw , 2.5rem )) {
    .title {
      font-size: clamp( 1.5rem , 1.0301204819rem  +  1.9277108434vw , 2.5rem );
    }
  }
  @supports not (font-size: clamp( 1.5rem , 1.0301204819rem  +  1.9277108434vw , 2.5rem )) {
    .title {
      font-size: calc(
                1.5rem + 1 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .title {
    font-size: 1.5rem;
  }
}

#small_preview_salebot {
  height: auto !important;
}

.imgsvg_salebot_messengers {
  height: 60px !important;
}
.imgsvg_salebot_messengers svg {
  width: 20px;
  height: 20px;
}
.imgsvg_salebot_messengers path {
  stroke: #313742;
}

.price-type {
  width: 100%;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
}
.price-type.swiper {
  overflow: visible;
  margin: 0;
}
.price-type__wrapper.swiper-wrapper {
  background: var(--theme-bg-hard-planks);
  border-radius: calc(var(--border-radius) / 2);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.price-type__label.swiper-slide {
  padding: 0.1875rem;
  display: flex;
}
.price-type__label.swiper-slide > :not(input) {
  width: 100%;
}
.price-type__label.swiper-slide input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.price-type__custom {
  cursor: pointer;
  padding: 0.625rem;
  background: var(--theme-bg-hard-planks);
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  border-radius: calc(var(--border-radius) / 2 - 0.1875rem);
  transition: background var(--duration);
}
@media (any-hover: hover) {
  .price-type__custom:hover {
    background: var(--theme-bg-type-hover);
  }
}
:checked + .price-type__custom {
  background: var(--theme-bg-harder-input);
}
.theme-dark :checked + .price-type__custom, .theme-dark-permanently :checked + .price-type__custom {
  border: 1px solid var(--theme-accent-green-hard);
}
.price-type__hint {
  font-size: inherit;
  width: 1.2em;
  height: 1.2em;
}
.price-type__hint svg {
  width: 100%;
  height: 100%;
}
.price-type__hint path {
  fill: var(--theme-bg-hint);
  transition: fill var(--duration);
}
@media (any-hover: hover) {
  .price-type__hint:hover path {
    fill: var(--theme-text-hard);
  }
}

.dynamic-inviting {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  color: var(--dark-text-hard);
  background: var(--dark-bg-hard-planks);
  border: 1px solid var(--dark-border-hardest);
  padding: 0.9375rem 0.9375rem 1.25rem;
  border-radius: 1.5625rem 1.5625rem 0 0;
  transition: translate 0.5s, opacity 0.5s;
}
@media (any-hover: none) and (max-width: 47.99875rem) {
  .dynamic-inviting {
    display: block;
  }
}
.dynamic-inviting[data-inviting=hidden] {
  translate: 0 100%;
}
.dynamic-inviting[data-inviting=showed] {
  translate: 0 0;
}
.dynamic-inviting__body {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin-bottom: 0.9375rem;
}
.dynamic-inviting__discount {
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 0 0.5625rem;
  border-radius: 99px;
  background: var(--theme-accent-green-hard);
  color: var(--light-text-hard);
}

.testdrive-price {
  font-family: var(--font-third);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem 0.9375rem;
  font-size: 1rem;
}
@media (max-width: 47.99875rem) {
  .testdrive-price {
    justify-content: center;
  }
}
.testdrive-price__price {
  font-size: 1.3125rem;
  line-height: 0;
  border-radius: 99px;
  border: 1px solid var(--theme-text-hard);
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 24.375em) {
  .testdrive-price__price {
    width: 9.0625rem;
  }
}
@media (min-width: 20em) and (max-width: 24.375em) {
  @supports (width: clamp( 8.125rem , 3.8392857143rem  +  21.4285714286vw , 9.0625rem )) {
    .testdrive-price__price {
      width: clamp( 8.125rem , 3.8392857143rem  +  21.4285714286vw , 9.0625rem );
    }
  }
  @supports not (width: clamp( 8.125rem , 3.8392857143rem  +  21.4285714286vw , 9.0625rem )) {
    .testdrive-price__price {
      width: calc(
                8.125rem + 0.9375 * (100vw - 20rem) / 4.375
            );
    }
  }
}
@media (max-width: 20em) {
  .testdrive-price__price {
    width: 8.125rem;
  }
}
.testdrive-price__price--line-through {
  position: relative;
}
.testdrive-price__price--line-through::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 70%;
  height: 1px;
  background: var(--theme-accent-green-hard);
}
.testdrive-price__price--filled {
  background: var(--theme-text-hard);
  color: var(--theme-bg-hardest);
}
.testdrive-price__price--free {
  font-family: var(--font-accent);
  font-size: 1.0625rem;
}
.testdrive-price__price--line-through {
  border: 1px solid #fff;
  color: #fff;
}
.testdrive-price__price--filled {
  background: #fff;
  color: #000;
  border: none;
}
.testdrive-price__text {
  font-weight: 500;
  color: #fff;
}
.testdrive-price__price-container {
  display: flex;
  align-items: center;
}
@media (min-width: 76.25em) {
  .testdrive-price__price-container {
    gap: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (gap: clamp( 0.375rem , 0.0813253012rem  +  1.2048192771vw , 1rem )) {
    .testdrive-price__price-container {
      gap: clamp( 0.375rem , 0.0813253012rem  +  1.2048192771vw , 1rem );
    }
  }
  @supports not (gap: clamp( 0.375rem , 0.0813253012rem  +  1.2048192771vw , 1rem )) {
    .testdrive-price__price-container {
      gap: calc(
                0.375rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-price__price-container {
    gap: 0.375rem;
  }
}

/* Template */
.testdrive-row {
  background: linear-gradient(182deg, #28292c 0%, var(--theme-bg-soft) 100%);
  overflow: hidden;
  color: var(--theme-text-softest);
}
.testdrive-row--show {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.testdrive-row__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 0.6875rem 0 0.9375rem;
  position: relative;
}
.testdrive-row__inner::before {
  content: "";
  position: absolute;
  top: 106%;
  right: -3.3%;
  translate: 0 -50%;
  background: #6791fe;
  width: 26.875rem;
  height: 11.9375rem;
  border-radius: 100%;
  filter: blur(4.8125rem);
}
@media (max-width: 61.99875rem) {
  .testdrive-row__inner::before {
    right: 16.7%;
    width: 21.875rem;
    height: 8.125rem;
  }
}
@media (max-width: 35.99875rem) {
  .testdrive-row__inner::before {
    top: 0;
    right: 100%;
    translate: 50% -50%;
    width: 4.875rem;
    height: 7.125rem;
    filter: blur(2.8125rem);
  }
}
.testdrive-row__badge {
  grid-area: badge;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.2509803922);
  background: radial-gradient(circle, #35436d 20%, #131316 69%);
  border: 1px solid #5a5a5c;
  font-weight: 700;
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.3125rem;
  width: 100%;
  z-index: 1;
}
@media (min-width: 76.25em) {
  .testdrive-row__badge {
    border-radius: 0.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (border-radius: clamp( 0.3125rem , 0.1656626506rem  +  0.6024096386vw , 0.625rem )) {
    .testdrive-row__badge {
      border-radius: clamp( 0.3125rem , 0.1656626506rem  +  0.6024096386vw , 0.625rem );
    }
  }
  @supports not (border-radius: clamp( 0.3125rem , 0.1656626506rem  +  0.6024096386vw , 0.625rem )) {
    .testdrive-row__badge {
      border-radius: calc(
                0.3125rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-row__badge {
    border-radius: 0.3125rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-row__badge {
    font-size: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.625rem , 0.3606927711rem  +  1.0843373494vw , 1.1875rem )) {
    .testdrive-row__badge {
      font-size: clamp( 0.625rem , 0.3606927711rem  +  1.0843373494vw , 1.1875rem );
    }
  }
  @supports not (font-size: clamp( 0.625rem , 0.3606927711rem  +  1.0843373494vw , 1.1875rem )) {
    .testdrive-row__badge {
      font-size: calc(
                0.625rem + 0.5625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-row__badge {
    font-size: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-row__badge {
    height: 2.6875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 1.5rem , 0.9420180723rem  +  2.2891566265vw , 2.6875rem )) {
    .testdrive-row__badge {
      height: clamp( 1.5rem , 0.9420180723rem  +  2.2891566265vw , 2.6875rem );
    }
  }
  @supports not (height: clamp( 1.5rem , 0.9420180723rem  +  2.2891566265vw , 2.6875rem )) {
    .testdrive-row__badge {
      height: calc(
                1.5rem + 1.1875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-row__badge {
    height: 1.5rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-row__badge {
    max-width: 9.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (max-width: clamp( 5.4375rem , 3.3524096386rem  +  8.5542168675vw , 9.875rem )) {
    .testdrive-row__badge {
      max-width: clamp( 5.4375rem , 3.3524096386rem  +  8.5542168675vw , 9.875rem );
    }
  }
  @supports not (max-width: clamp( 5.4375rem , 3.3524096386rem  +  8.5542168675vw , 9.875rem )) {
    .testdrive-row__badge {
      max-width: calc(
                5.4375rem + 4.4375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-row__badge {
    max-width: 5.4375rem;
  }
}
.testdrive-row__badge--mobile {
  display: none;
}
@media (max-width: 35.99875rem) {
  .testdrive-row__badge {
    display: none;
  }
  .testdrive-row__badge--mobile {
    display: flex;
  }
}
.testdrive-row__badge img {
  flex-shrink: 0;
  width: 1.8421052632em;
  margin-left: -0.3505263158em;
}
.testdrive-row__content {
  display: grid;
  align-items: center;
  grid-template: repeat(2, auto)/repeat(2, auto);
  gap: 0.625rem 1.4375rem;
  grid-template-areas: "icon title" "icon text";
  position: relative;
  z-index: 1;
}
@media (max-width: 35.99875rem) {
  .testdrive-row__content {
    gap: 0.5rem 0.625rem;
    grid-template-areas: "title title" "badge text";
  }
}
.testdrive-row__icon {
  grid-area: icon;
  max-width: 3.4375rem;
  align-self: center;
}
@media (max-width: 35.99875rem) {
  .testdrive-row__icon {
    display: none;
  }
}
.testdrive-row__title {
  font-weight: 700;
  grid-area: title;
}
@media (min-width: 76.25em) {
  .testdrive-row__title {
    font-size: 1.0625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.8125rem , 0.6950301205rem  +  0.4819277108vw , 1.0625rem )) {
    .testdrive-row__title {
      font-size: clamp( 0.8125rem , 0.6950301205rem  +  0.4819277108vw , 1.0625rem );
    }
  }
  @supports not (font-size: clamp( 0.8125rem , 0.6950301205rem  +  0.4819277108vw , 1.0625rem )) {
    .testdrive-row__title {
      font-size: calc(
                0.8125rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-row__title {
    font-size: 0.8125rem;
  }
}
.testdrive-row__title ._mobile {
  display: none;
}
@media (max-width: 61.99875rem) {
  .testdrive-row__title ._desc {
    display: none;
  }
  .testdrive-row__title ._mobile {
    display: block;
  }
}
.testdrive-row__text {
  grid-area: text;
}
@media (min-width: 76.25em) {
  .testdrive-row__text {
    font-size: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.6875rem , 0.5406626506rem  +  0.6024096386vw , 1rem )) {
    .testdrive-row__text {
      font-size: clamp( 0.6875rem , 0.5406626506rem  +  0.6024096386vw , 1rem );
    }
  }
  @supports not (font-size: clamp( 0.6875rem , 0.5406626506rem  +  0.6024096386vw , 1rem )) {
    .testdrive-row__text {
      font-size: calc(
                0.6875rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-row__text {
    font-size: 0.6875rem;
  }
}
.testdrive-row__text ._mobile {
  display: none;
}
@media (max-width: 35.99875rem) {
  .testdrive-row__text ._desc {
    display: none;
  }
  .testdrive-row__text ._mobile {
    display: block;
  }
}
.testdrive-row__img {
  position: relative;
  z-index: 1;
  margin: 0 0.625rem;
}
@media (max-width: 61.99875rem) {
  .testdrive-row__img {
    display: none;
  }
}
.testdrive-row__link {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  background: #fff;
  transition: var(--duration);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 76.25em) {
  .testdrive-row__link {
    width: 3.3125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 3.3125rem , 4.2311746988rem  +  -1.2048192771vw , 3.9375rem )) {
    .testdrive-row__link {
      width: clamp( 3.3125rem , 4.2311746988rem  +  -1.2048192771vw , 3.9375rem );
    }
  }
  @supports not (width: clamp( 3.3125rem , 4.2311746988rem  +  -1.2048192771vw , 3.9375rem )) {
    .testdrive-row__link {
      width: calc(
                3.9375rem + -0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-row__link {
    width: 3.9375rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-row__link {
    height: 2.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 2.75rem , 4.9548192771rem  +  -2.8915662651vw , 4.25rem )) {
    .testdrive-row__link {
      height: clamp( 2.75rem , 4.9548192771rem  +  -2.8915662651vw , 4.25rem );
    }
  }
  @supports not (height: clamp( 2.75rem , 4.9548192771rem  +  -2.8915662651vw , 4.25rem )) {
    .testdrive-row__link {
      height: calc(
                4.25rem + -1.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-row__link {
    height: 4.25rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-row__link {
    border-radius: 0.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (border-radius: clamp( 0.1875rem , 0.0993975904rem  +  0.3614457831vw , 0.375rem )) {
    .testdrive-row__link {
      border-radius: clamp( 0.1875rem , 0.0993975904rem  +  0.3614457831vw , 0.375rem );
    }
  }
  @supports not (border-radius: clamp( 0.1875rem , 0.0993975904rem  +  0.3614457831vw , 0.375rem )) {
    .testdrive-row__link {
      border-radius: calc(
                0.1875rem + 0.1875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-row__link {
    border-radius: 0.1875rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-row__link svg {
    width: 2rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 2rem , 2.2296686747rem  +  -0.3012048193vw , 2.15625rem )) {
    .testdrive-row__link svg {
      width: clamp( 2rem , 2.2296686747rem  +  -0.3012048193vw , 2.15625rem );
    }
  }
  @supports not (width: clamp( 2rem , 2.2296686747rem  +  -0.3012048193vw , 2.15625rem )) {
    .testdrive-row__link svg {
      width: calc(
                2.15625rem + -0.15625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-row__link svg {
    width: 2.15625rem;
  }
}
.testdrive-row__link path {
  fill: var(--theme-bg-soft);
  transition: var(--duration);
}
@media (any-hover: hover) {
  .testdrive-row__link:hover {
    background: #000;
  }
  .testdrive-row__link:hover path {
    fill: var(--theme-text-softest);
  }
}

.new-year-banner {
  padding: 8px 0 9px;
  font-family: "Evolventa", sans-serif;
}
.new-year-banner__hero {
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: linear-gradient(150deg, #1e221e 0%, #356b47 46.12%, #1e221e 100%);
  border-radius: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 16px;
  z-index: 16;
}
@media (max-width: 800px) {
  .new-year-banner__hero {
    border-radius: 26px;
    padding: 9px 5px 12px;
    height: 51px;
  }
}
.new-year-banner__text {
  font-size: 18px;
  margin-right: 65px;
  color: var(--light-text-softest);
  position: relative;
  z-index: 1;
  font-weight: 600;
}
@media (max-width: 800px) {
  .new-year-banner__text {
    margin-right: 20px;
    font-size: 14px;
    max-width: 188px;
    text-align: center;
  }
}
@media (max-width: 430px) {
  .new-year-banner__text {
    margin-left: 18vw;
  }
}
@media (max-width: 360px) {
  .new-year-banner__text {
    margin-left: 5vw;
  }
}
.new-year-banner__button {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
  border: 0.83px solid rgba(255, 255, 255, 0.2);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  font-size: 15px;
  color: #000;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}
@media (max-width: 800px) {
  .new-year-banner__button {
    font-size: 10px;
    padding: 4px 11px;
    border-radius: 3px;
  }
}
.new-year-banner__button-mobile {
  display: none;
}
@media (max-width: 800px) {
  .new-year-banner__button-mobile {
    display: block;
  }
}
@media (max-width: 800px) {
  .new-year-banner__button-desc {
    display: none;
  }
}
.new-year-banner__button-ball {
  display: none;
  position: absolute;
  bottom: -16.5px;
  left: -54px;
}
@media (max-width: 1050px) {
  .new-year-banner__button-ball {
    display: block;
  }
}
@media (max-width: 800px) {
  .new-year-banner__button-ball {
    bottom: -15.5px;
    left: -46px;
  }
}
.new-year-banner__decor {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: end;
}
.new-year-banner__decor--right {
  left: auto;
  right: 0;
}
@media (max-width: 1050px) {
  .new-year-banner__decor--right {
    display: none;
  }
}
.new-year-banner__decor--right .new-year-banner__decor-img:first-child {
  margin-right: 11px;
}
.new-year-banner__decor--right .new-year-banner__decor-img:nth-child(2) {
  margin-right: 30px;
  margin-bottom: 13px;
}
@media (max-width: 1300px) {
  .new-year-banner__decor--right .new-year-banner__decor-img:nth-child(2) {
    display: none;
  }
}
@media (max-width: 360px) {
  .new-year-banner__decor--left {
    left: 12px;
  }
}
@media (max-width: 1050px) {
  .new-year-banner__decor--left .new-year-banner__decor-img {
    display: none;
  }
}
@media (max-width: 1300px) {
  .new-year-banner__decor--left .new-year-banner__decor-img:nth-child(2) {
    display: none;
  }
}
.new-year-banner__decor--left .new-year-banner__decor-img--mobile {
  display: none;
}
@media (max-width: 1050px) {
  .new-year-banner__decor--left .new-year-banner__decor-img--mobile {
    display: block;
  }
}
@media (max-width: 360px) {
  .new-year-banner__decor--left .new-year-banner__decor-img--mobile {
    display: none;
  }
}
.new-year-banner__decor--left .new-year-banner__decor-img--small--mobile {
  display: none;
  width: 46px;
  height: 34px;
}
@media (max-width: 360px) {
  .new-year-banner__decor--left .new-year-banner__decor-img--small--mobile {
    display: block;
  }
}
.new-year-banner__decor-img {
  flex-shrink: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.new-year-banner__garland {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
}
@media (max-width: 800px) {
  .new-year-banner__garland {
    bottom: -17px;
  }
}
.new-year-banner__garland img {
  width: 100%;
}
@media (max-width: 500px) {
  .new-year-banner__garland-img {
    display: none;
  }
}
.new-year-banner__garland-img--mobile {
  display: none;
}
@media (max-width: 500px) {
  .new-year-banner__garland-img--mobile {
    display: block;
  }
}

.header {
  background: var(--theme-bg-harder);
  border-bottom: 1px solid var(--theme-border);
  color: var(--theme-text-hardest);
  transform: translateY(-80%);
  opacity: 0;
  visibility: hidden;
  transition: all var(--duration);
}
@media (min-width: 76.25em) {
  .header {
    padding-top: 0.9375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem )) {
    .header {
      padding-top: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem );
    }
  }
  @supports not (padding-top: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem )) {
    .header {
      padding-top: calc(
                0.625rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .header {
    padding-top: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .header {
    padding-bottom: 0.9375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.9375rem , 1.3968373494rem  +  -0.6024096386vw , 1.25rem )) {
    .header {
      padding-bottom: clamp( 0.9375rem , 1.3968373494rem  +  -0.6024096386vw , 1.25rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.9375rem , 1.3968373494rem  +  -0.6024096386vw , 1.25rem )) {
    .header {
      padding-bottom: calc(
                1.25rem + -0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .header {
    padding-bottom: 1.25rem;
  }
}
.header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
}
.header--border-hidden {
  border-color: rgba(0, 0, 0, 0);
  top: 88px;
}
@media (max-width: 780px) {
  .header--border-hidden {
    top: 72px;
  }
}
.header--show {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.header__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
}
@media (min-width: 47.99875em) {
  .header__row {
    display: grid;
    grid-template-columns: auto auto max-content max-content;
    justify-content: stretch;
  }
}
.header__logo {
  width: 2.5rem;
}
.theme-dark .header__logo ._light, .theme-dark-permanently .header__logo ._light {
  display: none;
}
.header__logo ._dark {
  display: none;
}
.theme-dark .header__logo ._dark, .theme-dark-permanently .header__logo ._dark {
  display: inline;
}
@media (max-width: 47.99875rem) {
  .header__burger {
    order: 1;
  }
}
@media (max-width: 47.99875rem) {
  .header__switcher {
    display: none;
  }
}
.header__socials {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 1.1875rem;
}
@media (max-width: 47.99875rem) {
  .header__socials {
    display: none;
  }
}
.header__social-light-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.9375rem;
  height: 1.9375rem;
}
.header__social-light-link svg {
  max-width: 100%;
}
.header__social-light-link path:first-child {
  fill: #010102;
  transition: fill var(--duration);
}
@media (any-hover: hover) {
  .header__social-light-link:hover path:first-child {
    fill: #494949;
  }
}
.theme-dark .header__social-light-link, .theme-dark-permanently .header__social-light-link {
  display: none;
}
.header__social-dark-link {
  display: none;
  align-items: center;
  justify-content: center;
  background: var(--light-text-softest);
  border-radius: 50%;
  width: 1.5625rem;
  height: 1.5625rem;
  transition: background var(--duration);
}
@media (any-hover: hover) {
  .header__social-dark-link:hover {
    background: var(--theme-accent-green-hard);
  }
}
.header__social-dark-link svg {
  max-width: 65%;
}
.theme-dark .header__social-dark-link, .theme-dark-permanently .header__social-dark-link {
  display: flex;
}

.footer {
  color: rgba(244, 244, 244, 0.5);
  background-color: var(--theme-bg-softer);
  padding-bottom: 4.5rem;
  line-height: 1.4;
}
@media (min-width: 76.25em) {
  .footer {
    padding-top: 4.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.6875rem , 0.5421686747rem  +  4.6987951807vw , 4.125rem )) {
    .footer {
      padding-top: clamp( 1.6875rem , 0.5421686747rem  +  4.6987951807vw , 4.125rem );
    }
  }
  @supports not (padding-top: clamp( 1.6875rem , 0.5421686747rem  +  4.6987951807vw , 4.125rem )) {
    .footer {
      padding-top: calc(
                1.6875rem + 2.4375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .footer {
    padding-top: 1.6875rem;
  }
}
@media (max-width: 47.99875rem) {
  .footer {
    padding-bottom: 8.75rem;
  }
}
.footer__body {
  display: grid;
  justify-content: space-between;
  grid-template-columns: minmax(auto, 15.3125rem) minmax(auto, max-content) minmax(auto, 11.25rem) minmax(auto, max-content);
  row-gap: 2.5rem;
  -moz-column-gap: 1.875rem;
       column-gap: 1.875rem;
  margin-bottom: 3.5rem;
}
@media (max-width: 61.99875rem) {
  .footer__body {
    grid-template-columns: minmax(auto, max-content) minmax(auto, 11.25rem) minmax(auto, max-content);
  }
}
@media (max-width: 47.99875rem) {
  .footer__body {
    grid-template-columns: none;
    row-gap: 1.25rem;
  }
}
@media (max-width: 61.99875rem) {
  .footer__col:first-child {
    grid-column: 1/-1;
  }
}
@media (max-width: 47.99875rem) {
  .footer__col:first-child {
    order: 1;
    grid-column: auto;
    padding-top: 0.625rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
  }
}
.footer__logo {
  margin-bottom: 1.8125rem;
}
@media (max-width: 47.99875rem) {
  .footer__logo {
    margin-bottom: 0;
  }
}
.footer__text {
  max-width: 15.3125rem;
}
@media (max-width: 61.99875rem) {
  .footer__text {
    max-width: none;
  }
}
.footer__title {
  color: var(--light-text-softest);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
}
@media (min-width: 76.25em) {
  .footer__title {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 1.0662650602rem  +  0.2409638554vw , 1.25rem )) {
    .footer__title {
      font-size: clamp( 1.125rem , 1.0662650602rem  +  0.2409638554vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 1.0662650602rem  +  0.2409638554vw , 1.25rem )) {
    .footer__title {
      font-size: calc(
                1.125rem + 0.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .footer__title {
    font-size: 1.125rem;
  }
}
.footer__list {
  line-height: 1.1;
}
@media (max-width: 47.99875rem) {
  .footer__list {
    display: flex;
    row-gap: 0.625rem;
    flex-wrap: wrap;
  }
}
@media (max-width: 47.99875rem) and (min-width: 48em) {
  .footer__list {
    -moz-column-gap: 3.125rem;
         column-gap: 3.125rem;
  }
}
@media (max-width: 47.99875rem) and (min-width: 24.375em) and (max-width: 48em) {
  @supports ((-moz-column-gap: clamp( 1.25rem , -0.6845238095rem  +  7.9365079365vw , 3.125rem )) or (column-gap: clamp( 1.25rem , -0.6845238095rem  +  7.9365079365vw , 3.125rem ))) {
    .footer__list {
      -moz-column-gap: clamp( 1.25rem , -0.6845238095rem  +  7.9365079365vw , 3.125rem );
           column-gap: clamp( 1.25rem , -0.6845238095rem  +  7.9365079365vw , 3.125rem );
    }
  }
  @supports not ((-moz-column-gap: clamp( 1.25rem , -0.6845238095rem  +  7.9365079365vw , 3.125rem )) or (column-gap: clamp( 1.25rem , -0.6845238095rem  +  7.9365079365vw , 3.125rem ))) {
    .footer__list {
      -moz-column-gap: calc(
                1.25rem + 1.875 * (100vw - 24.375rem) / 23.625
            );
           column-gap: calc(
                1.25rem + 1.875 * (100vw - 24.375rem) / 23.625
            );
    }
  }
}
@media (max-width: 47.99875rem) and (max-width: 24.375em) {
  .footer__list {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}
.footer__item:not(:last-child) {
  margin-bottom: 0.5rem;
}
.footer__link {
  transition: color var(--duration);
}
@media (any-hover: hover) {
  .footer__link:hover {
    color: var(--theme-accent-green-hard);
  }
}
.footer__bottom {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.875rem;
}
.footer__copy {
  color: var(--light-text-softest);
  font-size: 1rem;
}
.footer__socials {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 31.24875rem) {
  .footer__socials {
    display: none;
  }
}
.footer__social-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light-text-softest);
  border-radius: 50%;
  width: 1.9375rem;
  height: 1.9375rem;
  transition: background var(--duration);
}
@media (any-hover: hover) {
  .footer__social-item a:hover {
    background: var(--theme-accent-green-hard);
  }
}
.footer__social-item svg {
  max-width: 100%;
}

.connect {
  position: fixed;
  z-index: 16;
  left: 0;
  right: 0;
  bottom: 0;
}
.connect__trigger {
  position: fixed;
  z-index: -1;
  right: 1.5625rem;
  bottom: 5.9375rem;
}
@media (min-width: 35.99875rem) {
  .connect__trigger {
    right: 2.5rem;
    bottom: 2.375rem;
  }
}
.connect__panel {
  position: fixed;
  inset: 0;
  transition: scale 0.4s, translate 0.4s, opacity 0.4s, visibility 0.4s;
}
.connect__panel[data-connect-panel=hidden] {
  opacity: 0;
  visibility: hidden;
  translate: 0 10%;
  scale: 0.97;
  transition: scale 0.2s, translate 0.2s, opacity 0.2s, visibility 0.2s;
}
.connect__panel[data-connect-panel=showed] {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
  scale: 1;
}

.connect-trigger {
  background: var(--theme-accent-green-hard);
  border: 1px solid var(--light-text-hard);
  box-shadow: 0 0 0 0 var(--theme-text-softer-old);
  border-radius: 50%;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pulse 2s 1s infinite;
}
@media (min-width: 35.99875rem) {
  .connect-trigger {
    width: 61px;
    height: 61px;
  }
}
.connect-trigger svg {
  width: 1.4375rem;
  height: 1.4375rem;
}
@media (min-width: 35.99875rem) {
  .connect-trigger svg {
    width: 37px;
    height: 32px;
  }
}
.connect-trigger path {
  fill: var(--light-text-hard);
}

@keyframes pulse {
  80%, 100% {
    box-shadow: 0 0 0 0.9375rem rgba(255, 255, 255, 0);
  }
}
.connect-panel::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: -999px;
  background: rgba(0, 0, 0, 0.6352941176);
}
.theme-dark .connect-panel::before, .theme-dark-permanently .connect-panel::before {
  background: rgba(0, 0, 0, 0);
}
@media (min-width: 35.99875rem) {
  .connect-panel::before {
    background: rgba(0, 0, 0, 0);
  }
}
.connect-panel__body {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--theme-accent-green-hard);
}
@media (min-width: 35.99875rem) {
  .connect-panel__body {
    bottom: 29px;
    left: auto;
    right: 27px;
    border-radius: 25px;
    max-width: 383px;
    width: 100%;
  }
}
.connect-panel__head {
  color: var(--light-text-hard);
  padding: 0.625rem 1.5625rem 0.9375rem;
  display: flex;
  justify-content: space-between;
  gap: 0.9375rem;
}
.connect-panel__desc {
  display: grid;
  gap: 0.3125rem;
}
.connect-panel__desc img {
  max-width: 0.75rem;
}
.connect-panel__close {
  width: 1.625rem;
  height: 1.625rem;
  background: var(--light-text-hard);
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.connect-panel__close img {
  margin-top: 2px;
}
.connect-panel__socials {
  color: var(--dark-text-hard);
  background: var(--dark-bg-hard-planks);
  border: 1px solid var(--dark-border-hardest);
  border-radius: 1.5625rem 1.5625rem 0 0;
  padding: 1.25rem 1.25rem 3.4375rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.9375rem 1.375rem;
}
@media (min-width: 35.99875rem) {
  .connect-panel__socials {
    border-radius: 25px;
    width: calc(100% + 2px);
    transform: translate(-1px, 1px);
    padding: 1.25rem;
  }
}
.connect-panel__item-link {
  background: var(--dark-bg-hard-badge);
  border: 1px solid var(--dark-border-hardest);
  border-radius: 0.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.4375rem 0.9375rem;
  transition: background var(--duration);
}
.connect-panel__item-link:active {
  background: var(--dark-border-hardest);
}
.connect-panel__item-icon {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}

.result {
  width: 100%;
  max-width: 48.75rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.875rem;
}
@media (min-width: 76.25em) {
  .result svg {
    width: 6.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 4.125rem , 3.0677710843rem  +  4.3373493976vw , 6.375rem )) {
    .result svg {
      width: clamp( 4.125rem , 3.0677710843rem  +  4.3373493976vw , 6.375rem );
    }
  }
  @supports not (width: clamp( 4.125rem , 3.0677710843rem  +  4.3373493976vw , 6.375rem )) {
    .result svg {
      width: calc(
                4.125rem + 2.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .result svg {
    width: 4.125rem;
  }
}
.result path, .result circle {
  stroke: var(--theme-text-hard);
}
.theme-dark .result path, .theme-dark-permanently .result path, .theme-dark .result circle, .theme-dark-permanently .result circle {
  stroke: var(--theme-accent-green-hard);
}
.result__title {
  color: var(--theme-text-hard);
  text-align: center;
  font-family: var(--font-accent);
  font-weight: 700;
  line-height: 1.3;
  max-width: 29.0625rem;
}
@media (min-width: 76.25em) {
  .result__title {
    font-size: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.5rem , 1.0301204819rem  +  1.9277108434vw , 2.5rem )) {
    .result__title {
      font-size: clamp( 1.5rem , 1.0301204819rem  +  1.9277108434vw , 2.5rem );
    }
  }
  @supports not (font-size: clamp( 1.5rem , 1.0301204819rem  +  1.9277108434vw , 2.5rem )) {
    .result__title {
      font-size: calc(
                1.5rem + 1 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .result__title {
    font-size: 1.5rem;
  }
}
.result__text {
  color: var(--theme-text-hard);
  text-align: center;
}
@media (min-width: 76.25em) {
  .result__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .result__text {
      font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .result__text {
      font-size: calc(
                1rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .result__text {
    font-size: 1rem;
  }
}
.result__btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem 1.875rem;
}
@media (max-width: 35.99875rem) {
  .result__btns {
    flex-direction: column;
  }
}
.result__go-back {
  transition: color var(--duration);
}
@media (min-width: 76.25em) {
  .result__go-back {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .result__go-back {
      font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .result__go-back {
      font-size: calc(
                1rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .result__go-back {
    font-size: 1rem;
  }
}
.result__go-back:hover {
  color: var(--theme-accent-green-hard);
}
.result__btn {
  min-width: 6.875rem;
  width: auto;
}

/* Pages */
.hero {
  line-height: 1.4;
}
@media (min-width: 76.25em) {
  .hero {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem )) {
    .hero {
      font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem )) {
    .hero {
      font-size: calc(
                1rem + 0.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero {
    font-size: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 61.9375em) {
  @supports (padding-top: clamp( 2.5rem , 0.877703827rem  +  6.6555740433vw , 5rem )) {
    .hero {
      padding-top: clamp( 2.5rem , 0.877703827rem  +  6.6555740433vw , 5rem );
    }
  }
  @supports not (padding-top: clamp( 2.5rem , 0.877703827rem  +  6.6555740433vw , 5rem )) {
    .hero {
      padding-top: calc(
                2.5rem + 2.5 * (100vw - 24.375rem) / 37.5625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero {
    padding-top: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 61.9375em) {
  @supports (margin-top: clamp( -5rem , -0.877703827rem  +  -6.6555740433vw , -2.5rem )) {
    .hero__ticket {
      margin-top: clamp( -5rem , -0.877703827rem  +  -6.6555740433vw , -2.5rem );
    }
  }
  @supports not (margin-top: clamp( -5rem , -0.877703827rem  +  -6.6555740433vw , -2.5rem )) {
    .hero__ticket {
      margin-top: calc(
                -2.5rem + -2.5 * (100vw - 24.375rem) / 37.5625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero__ticket {
    margin-top: -2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 61.9375em) {
  @supports (margin-bottom: clamp( 2.5rem , 1.2832778702rem  +  4.9916805324vw , 4.375rem )) {
    .hero__ticket {
      margin-bottom: clamp( 2.5rem , 1.2832778702rem  +  4.9916805324vw , 4.375rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.5rem , 1.2832778702rem  +  4.9916805324vw , 4.375rem )) {
    .hero__ticket {
      margin-bottom: calc(
                2.5rem + 1.875 * (100vw - 24.375rem) / 37.5625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero__ticket {
    margin-bottom: 2.5rem;
  }
}
.hero__inner {
  display: grid;
  align-items: center;
  row-gap: 1.875rem;
}
@media (min-width: 61.99875rem) {
  .hero__inner {
    grid-template-columns: 1.1fr 1fr;
  }
}
.hero__title {
  color: var(--theme-text-hardest);
  font-family: var(--font-accent);
  line-height: 1.2;
  font-weight: 700;
}
@media (min-width: 76.25em) {
  .hero__title {
    font-size: 2.8125rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 2.1875rem , -0.5171943231rem  +  4.3668122271vw , 2.8125rem )) {
    .hero__title {
      font-size: clamp( 2.1875rem , -0.5171943231rem  +  4.3668122271vw , 2.8125rem );
    }
  }
  @supports not (font-size: clamp( 2.1875rem , -0.5171943231rem  +  4.3668122271vw , 2.8125rem )) {
    .hero__title {
      font-size: calc(
                2.1875rem + 0.625 * (100vw - 61.9375rem) / 14.3125
            );
    }
  }
}
@media (min-width: 24.375em) and (max-width: 61.9375em) {
  @supports (font-size: clamp( 1.5625rem , 1.1569259567rem  +  1.6638935108vw , 2.1875rem )) {
    .hero__title {
      font-size: clamp( 1.5625rem , 1.1569259567rem  +  1.6638935108vw , 2.1875rem );
    }
  }
  @supports not (font-size: clamp( 1.5625rem , 1.1569259567rem  +  1.6638935108vw , 2.1875rem )) {
    .hero__title {
      font-size: calc(
                1.5625rem + 0.625 * (100vw - 24.375rem) / 37.5625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero__title {
    font-size: 1.5625rem;
  }
}
@media (min-width: 76.25em) {
  .hero__title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .hero__title {
      margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .hero__title {
      margin-bottom: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero__title {
    margin-bottom: 1.25rem;
  }
}
.hero__title span {
  color: var(--theme-accent-green-hard);
}
@media (max-width: 61.99875rem) {
  .hero__title {
    text-align: center;
    max-width: 31.875rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.hero__text {
  color: var(--theme-text-hardest);
  font-family: var(--font-accent);
  line-height: 1.4;
  margin-bottom: 2.5rem;
}
@media (min-width: 76.25em) {
  .hero__text {
    font-size: 1.375rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.25rem , 0.7090611354rem  +  0.8733624454vw , 1.375rem )) {
    .hero__text {
      font-size: clamp( 1.25rem , 0.7090611354rem  +  0.8733624454vw , 1.375rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , 0.7090611354rem  +  0.8733624454vw , 1.375rem )) {
    .hero__text {
      font-size: calc(
                1.25rem + 0.125 * (100vw - 61.9375rem) / 14.3125
            );
    }
  }
}
@media (min-width: 24.375em) and (max-width: 61.9375em) {
  @supports (font-size: clamp( 1.125rem , 1.0438851913rem  +  0.3327787022vw , 1.25rem )) {
    .hero__text {
      font-size: clamp( 1.125rem , 1.0438851913rem  +  0.3327787022vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 1.0438851913rem  +  0.3327787022vw , 1.25rem )) {
    .hero__text {
      font-size: calc(
                1.125rem + 0.125 * (100vw - 24.375rem) / 37.5625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero__text {
    font-size: 1.125rem;
  }
}
@media (max-width: 61.99875rem) {
  .hero__text {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 31.25rem;
  }
}
@media (max-width: 35.4375rem) {
  .hero__text {
    font-size: 3.6vw;
  }
}
@media (min-width: 76.25em) {
  .hero__btn {
    max-width: 30rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (max-width: clamp( 25rem , 22.6506024096rem  +  9.6385542169vw , 30rem )) {
    .hero__btn {
      max-width: clamp( 25rem , 22.6506024096rem  +  9.6385542169vw , 30rem );
    }
  }
  @supports not (max-width: clamp( 25rem , 22.6506024096rem  +  9.6385542169vw , 30rem )) {
    .hero__btn {
      max-width: calc(
                25rem + 5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero__btn {
    max-width: 25rem;
  }
}
@media (max-width: 61.99875rem) {
  .hero__btn {
    margin: 0 auto;
  }
}
@media (max-width: 37.49875rem) {
  .hero__btn {
    max-width: none;
  }
}
.hero__testimonials {
  --duration: 90s;
  --gap: 1.875rem;
  display: flex;
  gap: var(--gap);
  overflow: hidden;
  position: relative;
  padding: 1.875rem 0;
}
@media (min-width: 61.99875rem) {
  .hero__testimonials {
    flex-direction: column;
    height: 40.9375rem;
    padding: 0 2.3125rem;
  }
  .hero__testimonials::before, .hero__testimonials::after {
    content: "";
    height: 8.75rem;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
  }
  .hero__testimonials::before {
    top: 0;
    background: linear-gradient(var(--theme-bg-hardest), rgba(0, 0, 0, 0));
  }
  .hero__testimonials::after {
    bottom: 0;
    background: linear-gradient(0deg, var(--theme-bg-hardest), rgba(0, 0, 0, 0));
  }
}
@media (max-width: 61.99875rem) {
  .hero__testimonials {
    margin: 0 -1.25rem;
  }
}
.hero__testimonials-list {
  display: flex;
  flex-shrink: 0;
  gap: var(--gap);
  animation: y-scroll var(--duration) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .hero__testimonials-list {
    animation-play-state: paused;
  }
}
@media (min-width: 61.99875rem) {
  .hero__testimonials-list {
    flex-direction: column;
  }
}
@media (max-width: 61.99875rem) {
  .hero__testimonials-list {
    animation: x-scroll var(--duration) linear infinite;
  }
}
@keyframes y-scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-100% - var(--gap)));
  }
}
@keyframes x-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
@media (max-width: 61.99875rem) {
  .hero__testimonial {
    max-width: 70vw;
  }
}
@media (max-width: 37.49875rem) {
  .hero__testimonial {
    max-width: 90vw;
  }
}
@media (max-width: 61.99875rem) {
  .hero__testimonial.hero-testimonial--flip .hero-testimonial__inner {
    flex-direction: row;
  }
}
@media (max-width: 61.99875rem) {
  .hero__testimonial.hero-testimonial--flip .hero-testimonial__speech::before {
    left: 0%;
  }
}
.hero__gif {
  filter: grayscale(1);
}
.hero__gif img {
  max-width: 100%;
  margin-bottom: -10%;
}
@media (max-width: 47.99875rem) {
  .hero__gif {
    max-width: 15.625rem;
  }
}
.hero__row {
  text-align: center;
  color: var(--theme-text-hard);
  line-height: 1;
  font-weight: 400;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem 1.25rem;
}
.hero__row span {
  font-weight: 300;
}
@media (max-width: 37.49875rem) {
  .hero__row {
    grid-template-columns: none;
  }
}
.hero__col {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 0.3333333333em;
  height: 6.1875rem;
  border-radius: calc(var(--border-radius) / 2);
  padding: 0.625rem 0.9375rem;
  border: 1px solid var(--theme-border);
}
@media (min-width: 76.25em) {
  .hero__col {
    height: 6.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 3.75rem , 2.6046686747rem  +  4.6987951807vw , 6.1875rem )) {
    .hero__col {
      height: clamp( 3.75rem , 2.6046686747rem  +  4.6987951807vw , 6.1875rem );
    }
  }
  @supports not (height: clamp( 3.75rem , 2.6046686747rem  +  4.6987951807vw , 6.1875rem )) {
    .hero__col {
      height: calc(
                3.75rem + 2.4375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero__col {
    height: 3.75rem;
  }
}
@media (min-width: 37.49875rem) and (max-width: 47.99875rem) {
  .hero__col {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.friday-ticket {
  font-family: var(--font-accent);
  color: var(--theme-text-softest);
  display: flex;
  background: var(--theme-bg-soft);
  border-radius: 0 calc(var(--border-radius) / 2) calc(var(--border-radius) / 2) 0;
}
@media (max-width: 35.4375rem) {
  .friday-ticket {
    border-radius: 0 0.1875rem 0.1875rem 0;
  }
}
.friday-ticket__ticket {
  --ticket-border-size: 0.625rem;
  color: var(--theme-accent-green-hard);
  line-height: 1.2;
  font-weight: 700;
  flex: 0 0 auto;
  background: url("/img/decor/friday/left-border.svg") 0 50%/auto 110.5% no-repeat, url("/img/decor/friday/right-border.svg") 100% 50%/auto 124% no-repeat;
}
@media (min-width: 76.25em) {
  .friday-ticket__ticket {
    font-size: 2.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.5rem , 0.9713855422rem  +  2.1686746988vw , 2.625rem )) {
    .friday-ticket__ticket {
      font-size: clamp( 1.5rem , 0.9713855422rem  +  2.1686746988vw , 2.625rem );
    }
  }
  @supports not (font-size: clamp( 1.5rem , 0.9713855422rem  +  2.1686746988vw , 2.625rem )) {
    .friday-ticket__ticket {
      font-size: calc(
                1.5rem + 1.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .friday-ticket__ticket {
    font-size: 1.5rem;
  }
}
@media (min-width: 76.25em) {
  .friday-ticket__ticket {
    padding-top: 1.0625rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.625rem , -0.1183628319rem  +  1.5486725664vw , 1.0625rem )) {
    .friday-ticket__ticket {
      padding-top: clamp( 0.625rem , -0.1183628319rem  +  1.5486725664vw , 1.0625rem );
    }
  }
  @supports not (padding-top: clamp( 0.625rem , -0.1183628319rem  +  1.5486725664vw , 1.0625rem )) {
    .friday-ticket__ticket {
      padding-top: calc(
                0.625rem + 0.4375 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .friday-ticket__ticket {
    padding-top: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .friday-ticket__ticket {
    padding-left: 2.1875rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.0625rem , -0.8490044248rem  +  3.982300885vw , 2.1875rem )) {
    .friday-ticket__ticket {
      padding-left: clamp( 1.0625rem , -0.8490044248rem  +  3.982300885vw , 2.1875rem );
    }
  }
  @supports not (padding-left: clamp( 1.0625rem , -0.8490044248rem  +  3.982300885vw , 2.1875rem )) {
    .friday-ticket__ticket {
      padding-left: calc(
                1.0625rem + 1.125 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .friday-ticket__ticket {
    padding-left: 1.0625rem;
  }
}
@media (min-width: 76.25em) {
  .friday-ticket__ticket {
    padding-right: 2.8125rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 1.4375rem , -0.8987831858rem  +  4.8672566372vw , 2.8125rem )) {
    .friday-ticket__ticket {
      padding-right: clamp( 1.4375rem , -0.8987831858rem  +  4.8672566372vw , 2.8125rem );
    }
  }
  @supports not (padding-right: clamp( 1.4375rem , -0.8987831858rem  +  4.8672566372vw , 2.8125rem )) {
    .friday-ticket__ticket {
      padding-right: calc(
                1.4375rem + 1.375 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .friday-ticket__ticket {
    padding-right: 1.4375rem;
  }
}
@media (min-width: 76.25em) {
  .friday-ticket__ticket {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.625rem , -0.4369469027rem  +  2.2123893805vw , 1.25rem )) {
    .friday-ticket__ticket {
      padding-bottom: clamp( 0.625rem , -0.4369469027rem  +  2.2123893805vw , 1.25rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.625rem , -0.4369469027rem  +  2.2123893805vw , 1.25rem )) {
    .friday-ticket__ticket {
      padding-bottom: calc(
                0.625rem + 0.625 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .friday-ticket__ticket {
    padding-bottom: 0.625rem;
  }
}
@media (max-width: 35.4375rem) {
  .friday-ticket__ticket {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .friday-ticket__ticket span {
    font-size: 1.008125rem;
    color: var(--theme-text-softest);
  }
}
.friday-ticket__body {
  display: flex;
}
@media (min-width: 35.4375rem) {
  .friday-ticket__body {
    flex: 1 0 auto;
  }
}
@media (max-width: 35.4375rem) {
  .friday-ticket__body {
    flex-wrap: wrap;
    align-items: center;
    padding: 0.5rem 0.625rem 0.5rem 0.1875rem;
    gap: 0.4375rem 0.75rem;
    background: url("/img/decor/friday/balloons-two.png") 100% calc(100% + 20px) no-repeat;
  }
}
.friday-ticket__text {
  width: 100%;
  display: flex;
  align-items: center;
  line-height: 1.005;
  font-weight: 400;
  padding: 0 0.9375rem 0 0;
}
@media (min-width: 76.25em) {
  .friday-ticket__text {
    font-size: 1.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.5836875rem , 0.2118659639rem  +  1.5254216867vw , 1.375rem )) {
    .friday-ticket__text {
      font-size: clamp( 0.5836875rem , 0.2118659639rem  +  1.5254216867vw , 1.375rem );
    }
  }
  @supports not (font-size: clamp( 0.5836875rem , 0.2118659639rem  +  1.5254216867vw , 1.375rem )) {
    .friday-ticket__text {
      font-size: calc(
                0.5836875rem + 0.7913125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .friday-ticket__text {
    font-size: 0.5836875rem;
  }
}
@media (min-width: 76.25em) {
  .friday-ticket__text {
    padding-left: 4.375rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.5625rem , -3.2162610619rem  +  9.9557522124vw , 4.375rem )) {
    .friday-ticket__text {
      padding-left: clamp( 1.5625rem , -3.2162610619rem  +  9.9557522124vw , 4.375rem );
    }
  }
  @supports not (padding-left: clamp( 1.5625rem , -3.2162610619rem  +  9.9557522124vw , 4.375rem )) {
    .friday-ticket__text {
      padding-left: calc(
                1.5625rem + 2.8125 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .friday-ticket__text {
    padding-left: 1.5625rem;
  }
}
@media (min-width: 35.4375rem) {
  .friday-ticket__text {
    background: url("/img/decor/friday/balloons-three.png") 96% 2%/44% no-repeat;
  }
}
@media (max-width: 35.4375rem) {
  .friday-ticket__text {
    font-weight: 700;
    padding: 0;
  }
  .friday-ticket__text br {
    display: none;
  }
}
.friday-ticket__badge {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0.125rem 0;
  border-left: 1px solid #fff;
  text-align: center;
}
@media (min-width: 76.25em) {
  .friday-ticket__badge {
    padding-left: 2.0625rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.625rem , -1.8174778761rem  +  5.0884955752vw , 2.0625rem )) {
    .friday-ticket__badge {
      padding-left: clamp( 0.625rem , -1.8174778761rem  +  5.0884955752vw , 2.0625rem );
    }
  }
  @supports not (padding-left: clamp( 0.625rem , -1.8174778761rem  +  5.0884955752vw , 2.0625rem )) {
    .friday-ticket__badge {
      padding-left: calc(
                0.625rem + 1.4375 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .friday-ticket__badge {
    padding-left: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .friday-ticket__badge {
    padding-right: 2.0625rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.625rem , -1.8174778761rem  +  5.0884955752vw , 2.0625rem )) {
    .friday-ticket__badge {
      padding-right: clamp( 0.625rem , -1.8174778761rem  +  5.0884955752vw , 2.0625rem );
    }
  }
  @supports not (padding-right: clamp( 0.625rem , -1.8174778761rem  +  5.0884955752vw , 2.0625rem )) {
    .friday-ticket__badge {
      padding-right: calc(
                0.625rem + 1.4375 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .friday-ticket__badge {
    padding-right: 0.625rem;
  }
}
@media (max-width: 35.4375rem) {
  .friday-ticket__badge {
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: var(--theme-bg-soft);
  }
}
.friday-ticket__badge-title {
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 76.25em) {
  .friday-ticket__badge-title {
    font-size: 0.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.4439375rem , 0.2413900602rem  +  0.8309638554vw , 0.875rem )) {
    .friday-ticket__badge-title {
      font-size: clamp( 0.4439375rem , 0.2413900602rem  +  0.8309638554vw , 0.875rem );
    }
  }
  @supports not (font-size: clamp( 0.4439375rem , 0.2413900602rem  +  0.8309638554vw , 0.875rem )) {
    .friday-ticket__badge-title {
      font-size: calc(
                0.4439375rem + 0.4310625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .friday-ticket__badge-title {
    font-size: 0.4439375rem;
  }
}
@media (max-width: 35.4375rem) {
  .friday-ticket__badge-title {
    font-weight: 700;
  }
}
.friday-ticket__badge-value {
  color: var(--theme-accent-green-hard);
}
@media (min-width: 76.25em) {
  .friday-ticket__badge-value {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.6341875rem , 0.3448298193rem  +  1.1871084337vw , 1.25rem )) {
    .friday-ticket__badge-value {
      font-size: clamp( 0.6341875rem , 0.3448298193rem  +  1.1871084337vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 0.6341875rem , 0.3448298193rem  +  1.1871084337vw , 1.25rem )) {
    .friday-ticket__badge-value {
      font-size: calc(
                0.6341875rem + 0.6158125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .friday-ticket__badge-value {
    font-size: 0.6341875rem;
  }
}

.hero-testimonial {
  transition: transform 0.3s;
}
.hero-testimonial:hover {
  transform: scale(1.03);
}
.hero-testimonial__inner {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.hero-testimonial--flip .hero-testimonial__inner {
  flex-direction: row-reverse;
}
.hero-testimonial__img {
  flex-shrink: 0;
  width: 7.0625rem;
  height: 7.0625rem;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid var(--theme-night-border);
}
@media (max-width: 37.49875rem) {
  .hero-testimonial__img {
    display: none;
  }
}
.hero-testimonial__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.hero-testimonial__speech {
  color: var(--theme-text-hardest);
  line-height: 1.2;
  border-radius: 1.25rem;
  padding: 1.25rem 1.25rem 1.875rem;
  background: var(--theme-bg-harder);
  border: 1px solid var(--theme-night-border);
  filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.1019607843));
}
@media (min-width: 37.49875rem) {
  .hero-testimonial__speech {
    position: relative;
  }
  .hero-testimonial__speech::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    z-index: -1;
    transform: translate(-50%, -50%) rotate(45deg) skew(-5deg, -5deg);
    width: 1.25rem;
    height: 1.25rem;
    background: var(--theme-bg-harder);
    border-radius: 0 0.5rem 0 0.5rem;
  }
  .theme-dark .hero-testimonial__speech::before, .theme-dark-permanently .hero-testimonial__speech::before {
    content: none;
  }
  .hero-testimonial--flip .hero-testimonial__speech::before {
    left: 100%;
  }
}
@media (min-width: 37.49875rem) and (max-width: 61.99875rem) {
  .hero__testimonial.hero-testimonial--flip .hero-testimonial__speech::before {
    left: 0%;
  }
}
.hero-testimonial__name {
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 0.3333333333em;
}
.hero-testimonial__plan {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.3;
  padding: 0 0.25rem;
  border-radius: 0.3125rem;
  border: 1px solid var(--theme-night-border);
  background: var(--theme-bg-hard-badge);
  margin-bottom: 1.25rem;
}
.hero-testimonial__text {
  font-size: 0.875rem;
}

.founder__inner {
  display: grid;
  grid-template: repeat(3, auto)/minmax(auto, 0.91fr) 1fr;
  align-items: center;
}
@media (min-width: 76.25em) {
  .founder__inner {
    row-gap: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (row-gap: clamp( 1.875rem , 1.5813253012rem  +  1.2048192771vw , 2.5rem )) {
    .founder__inner {
      row-gap: clamp( 1.875rem , 1.5813253012rem  +  1.2048192771vw , 2.5rem );
    }
  }
  @supports not (row-gap: clamp( 1.875rem , 1.5813253012rem  +  1.2048192771vw , 2.5rem )) {
    .founder__inner {
      row-gap: calc(
                1.875rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .founder__inner {
    row-gap: 1.875rem;
  }
}
@media (min-width: 76.25em) {
  .founder__inner {
    -moz-column-gap: 4.625rem;
         column-gap: 4.625rem;
  }
}
@media (min-width: 37.5em) and (max-width: 76.25em) {
  @supports ((-moz-column-gap: clamp( 2.5rem , 0.4435483871rem  +  5.4838709677vw , 4.625rem )) or (column-gap: clamp( 2.5rem , 0.4435483871rem  +  5.4838709677vw , 4.625rem ))) {
    .founder__inner {
      -moz-column-gap: clamp( 2.5rem , 0.4435483871rem  +  5.4838709677vw , 4.625rem );
           column-gap: clamp( 2.5rem , 0.4435483871rem  +  5.4838709677vw , 4.625rem );
    }
  }
  @supports not ((-moz-column-gap: clamp( 2.5rem , 0.4435483871rem  +  5.4838709677vw , 4.625rem )) or (column-gap: clamp( 2.5rem , 0.4435483871rem  +  5.4838709677vw , 4.625rem ))) {
    .founder__inner {
      -moz-column-gap: calc(
                2.5rem + 2.125 * (100vw - 37.5rem) / 38.75
            );
           column-gap: calc(
                2.5rem + 2.125 * (100vw - 37.5rem) / 38.75
            );
    }
  }
}
@media (max-width: 37.5em) {
  .founder__inner {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}
@media (max-width: 37.49875rem) {
  .founder__inner {
    grid-template: none;
  }
}
.founder__gif {
  overflow: hidden;
  border-radius: var(--border-radius);
  grid-row: 1/-1;
  height: 100%;
}
.founder__gif img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 61.99875rem) {
  .founder__gif {
    grid-row: 1/3;
  }
}
@media (max-width: 47.99875rem) {
  .founder__gif {
    align-self: end;
    grid-row: 2/3;
  }
}
@media (max-width: 37.49875rem) {
  .founder__gif {
    max-width: 22.5rem;
    justify-self: center;
    order: 2;
  }
}
.founder__title {
  font-family: var(--font-accent);
  color: var(--theme-text-hard);
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}
.founder__title span {
  display: block;
  font-size: 4rem;
  font-weight: 700;
}
@media (max-width: 47.99875rem) {
  .founder__title {
    grid-column: 1/-1;
  }
}
@media (max-width: 37.49875rem) {
  .founder__title {
    order: 1;
  }
}
@media (max-width: 37.49875rem) {
  .founder__speech {
    order: 3;
  }
}
.founder__achievements {
  display: grid;
  grid-template: repeat(2, auto)/repeat(3, 1fr);
  gap: 1.5625rem 1.4375rem;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media (min-width: 76.25em) {
  .founder__achievements {
    row-gap: 1.5625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (row-gap: clamp( 1.25rem , 1.1031626506rem  +  0.6024096386vw , 1.5625rem )) {
    .founder__achievements {
      row-gap: clamp( 1.25rem , 1.1031626506rem  +  0.6024096386vw , 1.5625rem );
    }
  }
  @supports not (row-gap: clamp( 1.25rem , 1.1031626506rem  +  0.6024096386vw , 1.5625rem )) {
    .founder__achievements {
      row-gap: calc(
                1.25rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .founder__achievements {
    row-gap: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .founder__achievements {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .founder__achievements {
      font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .founder__achievements {
      font-size: calc(
                1rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .founder__achievements {
    font-size: 1rem;
  }
}
@media (max-width: 61.99875rem) {
  .founder__achievements {
    grid-column: 1/-1;
  }
}
@media (max-width: 37.49875rem) {
  .founder__achievements {
    grid-template: repeat(3, auto)/repeat(2, 1fr);
    order: 4;
  }
}
.founder__achievements-value {
  color: var(--theme-text-soft);
  font-weight: 600;
  margin-bottom: 0.3125rem;
}
@media (min-width: 76.25em) {
  .founder__achievements-value {
    font-size: 2rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem )) {
    .founder__achievements-value {
      font-size: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem )) {
    .founder__achievements-value {
      font-size: calc(
                1.25rem + 0.75 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .founder__achievements-value {
    font-size: 1.25rem;
  }
}
.founder__achievements-sector {
  color: var(--theme-text-softer);
}
.founder__achievements-link {
  display: flex;
  align-items: center;
  gap: 0.25em;
  transition: color var(--duration);
}
.founder__achievements-link svg {
  width: 0.85em;
}
.founder__achievements-link path {
  transition: fill var(--duration);
  fill: var(--theme-text-softer);
}
@media (any-hover: hover) {
  .founder__achievements-link:hover {
    color: var(--theme-text-soft);
  }
  .founder__achievements-link:hover path {
    fill: var(--theme-text-soft);
  }
}

.test-drive {
  font-family: var(--font-third);
  padding: 100px 0;
  padding-bottom: 75px;
  background: linear-gradient(177deg, #151515 0%, #362f60 46.12%, #151515 100%);
  margin-bottom: 83px;
}
@media (max-width: 61.99875rem) {
  .test-drive {
    padding: 0;
  }
}
@media (max-width: 47.99875rem) {
  .test-drive {
    padding-top: 2.5rem;
    margin-bottom: 60px;
  }
}
.test-drive .wide-container {
  max-width: 85rem;
}
@media (max-width: 61.99875rem) {
  .test-drive .wide-container {
    padding: 0;
  }
}
@media (min-width: 61.99875rem) {
  .test-drive .test-drive__wrapper {
    padding-bottom: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
  }
}
.test-drive__inner {
  display: grid;
  gap: 2.5rem;
}
.test-drive__head {
  display: grid;
  gap: 2.1875rem;
}
@media (max-width: 61.99875rem) {
  .test-drive__head {
    align-items: center;
    grid-template-columns: repeat(2, auto);
    justify-content: space-between;
  }
}
.test-drive__logo {
  width: 2.1875rem;
  height: 2.1875rem;
}
.test-drive__subtitle {
  font-size: 1.125rem;
}
@media (max-width: 61.99875rem) {
  .test-drive__subtitle {
    text-align: end;
  }
}
.test-drive__body {
  display: grid;
  align-items: end;
  grid-template-columns: 1.25fr 1fr;
  gap: 3.125rem;
}
@media (max-width: 61.99875rem) {
  .test-drive__body {
    grid-template-columns: 1fr 1fr;
    padding: 2.5rem 1.5625rem;
    gap: 1.875rem;
    background: transparent;
    border: none;
    border-radius: 0;
  }
}
@media (max-width: 61.99875rem) and (min-width: 76.25em) {
  .test-drive__body {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 61.99875rem) and (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem )) {
    .test-drive__body {
      margin-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem )) {
    .test-drive__body {
      margin-bottom: calc(
                2.8125rem + 0.9375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 61.99875rem) and (max-width: 24.375em) {
  .test-drive__body {
    margin-bottom: 2.8125rem;
  }
}
@media (max-width: 47.99875rem) {
  .test-drive__body {
    grid-template: none;
    justify-items: center;
  }
}
@media (max-width: 23.125rem) {
  .test-drive__body {
    padding: 0;
  }
}
@media (max-width: 47.99875rem) {
  .test-drive__content {
    display: grid;
    justify-items: center;
    text-align: center;
  }
}
.test-drive__title {
  color: #fff;
  font-weight: 700;
  margin-bottom: 1.875rem;
  width: 18.4ch;
}
@media (min-width: 76.25em) {
  .test-drive__title {
    font-size: 3rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.5625rem , -4.6912112973rem  +  10.0868344882vw , 3rem )) {
    .test-drive__title {
      font-size: clamp( 1.5625rem , -4.6912112973rem  +  10.0868344882vw , 3rem );
    }
  }
  @supports not (font-size: clamp( 1.5625rem , -4.6912112973rem  +  10.0868344882vw , 3rem )) {
    .test-drive__title {
      font-size: calc(
                1.5625rem + 1.4375 * (100vw - 61.99875rem) / 14.25125
            );
    }
  }
}
@media (max-width: 61.99875em) {
  .test-drive__title {
    font-size: 1.5625rem;
  }
}
@media (max-width: 29.99875rem) {
  .test-drive__title {
    margin-bottom: 1.5625rem;
  }
}
@media (max-width: 26.31125rem) {
  .test-drive__title {
    font-size: 1.4375rem;
  }
}
.test-drive__text {
  max-width: 31.25rem;
  line-height: 1.5;
  margin-bottom: 2.8125rem;
  color: #fff;
}
@media (min-width: 76.25em) {
  .test-drive__text {
    font-size: 1.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.875rem , 0.7575301205rem  +  0.4819277108vw , 1.125rem )) {
    .test-drive__text {
      font-size: clamp( 0.875rem , 0.7575301205rem  +  0.4819277108vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 0.875rem , 0.7575301205rem  +  0.4819277108vw , 1.125rem )) {
    .test-drive__text {
      font-size: calc(
                0.875rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .test-drive__text {
    font-size: 0.875rem;
  }
}
@media (max-width: 29.99875rem) {
  .test-drive__text {
    margin-bottom: 2.1875rem;
  }
}
.test-drive__price {
  margin-bottom: 1.875rem;
}
.test-drive__btn {
  width: 100%;
  max-width: 34.375rem;
}
@media (max-width: 47.99875rem) {
  .test-drive__btn {
    max-width: 100%;
  }
}
.test-drive__demo {
  display: grid;
  align-items: center;
  gap: 0.9375rem;
  position: relative;
  top: 30px;
}
@media (max-width: 47.99875rem) {
  .test-drive__demo {
    width: 100%;
    max-width: 25rem;
  }
}
.test-drive__img-caption {
  justify-self: center;
}
@media (min-width: 61.99875rem) {
  .test-drive__img-caption {
    position: absolute;
    bottom: calc(100% + 0.9375rem);
  }
}
.test-drive__img-caption picture,
.test-drive__img-caption img {
  width: 100%;
}
.test-drive__img {
  position: relative;
  padding-bottom: 71%;
  overflow: hidden;
  border-radius: calc(var(--border-radius) / 2);
}
.test-drive__img picture,
.test-drive__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.test-drive-features {
  font-family: var(--font-third);
  line-height: 1.4;
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
  gap: 2.5rem 1.875rem;
}
@media (max-width: 47.99875rem) {
  .test-drive-features {
    gap: 1.25rem 1.875rem;
  }
}
.test-drive-features__item {
  font-size: 1rem;
  border: 1px solid var(--theme-text-softer-old);
  border-radius: var(--border-radius);
  height: 5.3125rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 0 0.9375rem;
}
.test-drive-features__item--big-text {
  font-size: 1.5625rem;
}

@media (min-width: 76.25em) {
  .profession__heading {
    margin-bottom: 5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 2.1875rem , 0.8659638554rem  +  5.421686747vw , 5rem )) {
    .profession__heading {
      margin-bottom: clamp( 2.1875rem , 0.8659638554rem  +  5.421686747vw , 5rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.1875rem , 0.8659638554rem  +  5.421686747vw , 5rem )) {
    .profession__heading {
      margin-bottom: calc(
                2.1875rem + 2.8125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__heading {
    margin-bottom: 2.1875rem;
  }
}
.profession__title {
  margin-bottom: 0.9375rem;
}
.profession__desc {
  line-height: 1.3;
}
@media (min-width: 76.25em) {
  .profession__desc {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .profession__desc {
      font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .profession__desc {
      font-size: calc(
                1rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__desc {
    font-size: 1rem;
  }
}
.profession__subtitle {
  font-family: var(--font-accent);
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 1.6666666667em;
}
@media (min-width: 76.25em) {
  .profession__subtitle {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .profession__subtitle {
      font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .profession__subtitle {
      font-size: calc(
                1.125rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__subtitle {
    font-size: 1.125rem;
  }
}
.profession__advantages {
  list-style: none;
  counter-reset: item;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 0.9375rem;
       column-gap: 0.9375rem;
  font-size: 1rem;
  line-height: 140%;
}
@media (min-width: 76.25em) {
  .profession__advantages {
    row-gap: 1.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (row-gap: clamp( 1.25rem , 1.015060241rem  +  0.9638554217vw , 1.75rem )) {
    .profession__advantages {
      row-gap: clamp( 1.25rem , 1.015060241rem  +  0.9638554217vw , 1.75rem );
    }
  }
  @supports not (row-gap: clamp( 1.25rem , 1.015060241rem  +  0.9638554217vw , 1.75rem )) {
    .profession__advantages {
      row-gap: calc(
                1.25rem + 0.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__advantages {
    row-gap: 1.25rem;
  }
}
@media (max-width: 47.99875rem) {
  .profession__advantages {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 31.24875rem) {
  .profession__advantages {
    grid-template-columns: auto;
  }
}
.profession__advantage {
  counter-increment: item;
  display: flex;
  align-items: center;
  gap: 0.75em;
}
.profession__advantage::before {
  content: counter(item);
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-text-hardest);
  font-family: var(--font-accent);
  font-weight: 400;
  line-height: 1.3;
  border: 1px solid #989ca1;
  border-radius: 50%;
}
@media (min-width: 76.25em) {
  .profession__advantage::before {
    width: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 3.125rem , 2.8313253012rem  +  1.2048192771vw , 3.75rem )) {
    .profession__advantage::before {
      width: clamp( 3.125rem , 2.8313253012rem  +  1.2048192771vw , 3.75rem );
    }
  }
  @supports not (width: clamp( 3.125rem , 2.8313253012rem  +  1.2048192771vw , 3.75rem )) {
    .profession__advantage::before {
      width: calc(
                3.125rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__advantage::before {
    width: 3.125rem;
  }
}
@media (min-width: 76.25em) {
  .profession__advantage::before {
    height: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 3.125rem , 2.8313253012rem  +  1.2048192771vw , 3.75rem )) {
    .profession__advantage::before {
      height: clamp( 3.125rem , 2.8313253012rem  +  1.2048192771vw , 3.75rem );
    }
  }
  @supports not (height: clamp( 3.125rem , 2.8313253012rem  +  1.2048192771vw , 3.75rem )) {
    .profession__advantage::before {
      height: calc(
                3.125rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__advantage::before {
    height: 3.125rem;
  }
}
@media (min-width: 76.25em) {
  .profession__advantage::before {
    font-size: 1.5625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.25rem , 1.1031626506rem  +  0.6024096386vw , 1.5625rem )) {
    .profession__advantage::before {
      font-size: clamp( 1.25rem , 1.1031626506rem  +  0.6024096386vw , 1.5625rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , 1.1031626506rem  +  0.6024096386vw , 1.5625rem )) {
    .profession__advantage::before {
      font-size: calc(
                1.25rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__advantage::before {
    font-size: 1.25rem;
  }
}
.profession__inner {
  display: flex;
  align-items: end;
  row-gap: 1.8125rem;
}
@media (min-width: 76.25em) {
  .profession__inner {
    -moz-column-gap: 4.0625rem;
         column-gap: 4.0625rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports ((-moz-column-gap: clamp( 0.9375rem , -4.3722345133rem  +  11.0619469027vw , 4.0625rem )) or (column-gap: clamp( 0.9375rem , -4.3722345133rem  +  11.0619469027vw , 4.0625rem ))) {
    .profession__inner {
      -moz-column-gap: clamp( 0.9375rem , -4.3722345133rem  +  11.0619469027vw , 4.0625rem );
           column-gap: clamp( 0.9375rem , -4.3722345133rem  +  11.0619469027vw , 4.0625rem );
    }
  }
  @supports not ((-moz-column-gap: clamp( 0.9375rem , -4.3722345133rem  +  11.0619469027vw , 4.0625rem )) or (column-gap: clamp( 0.9375rem , -4.3722345133rem  +  11.0619469027vw , 4.0625rem ))) {
    .profession__inner {
      -moz-column-gap: calc(
                0.9375rem + 3.125 * (100vw - 48rem) / 28.25
            );
           column-gap: calc(
                0.9375rem + 3.125 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .profession__inner {
    -moz-column-gap: 0.9375rem;
         column-gap: 0.9375rem;
  }
}
@media (max-width: 47.99875rem) {
  .profession__inner {
    align-items: stretch;
    flex-direction: column-reverse;
  }
}
.profession__values {
  display: grid;
  -moz-column-gap: 1.875rem;
       column-gap: 1.875rem;
  line-height: 1.4;
  max-width: 14.375rem;
}
@media (min-width: 76.25em) {
  .profession__values {
    row-gap: 4.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (row-gap: clamp( 0.5rem , -1.3207831325rem  +  7.4698795181vw , 4.375rem )) {
    .profession__values {
      row-gap: clamp( 0.5rem , -1.3207831325rem  +  7.4698795181vw , 4.375rem );
    }
  }
  @supports not (row-gap: clamp( 0.5rem , -1.3207831325rem  +  7.4698795181vw , 4.375rem )) {
    .profession__values {
      row-gap: calc(
                0.5rem + 3.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__values {
    row-gap: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .profession__values {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .profession__values {
      font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .profession__values {
      font-size: calc(
                1rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__values {
    font-size: 1rem;
  }
}
@media (max-width: 47.99875rem) {
  .profession__values {
    max-width: none;
    grid-template-columns: repeat(2, 1fr);
  }
}
.profession__value--mobile {
  display: none;
}
@media (max-width: 47.99875rem) {
  .profession__value--mobile {
    display: block;
  }
}
.profession__value-num {
  color: var(--theme-text-soft);
  font-weight: 600;
}
@media (min-width: 76.25em) {
  .profession__value-num {
    font-size: 2rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem )) {
    .profession__value-num {
      font-size: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem )) {
    .profession__value-num {
      font-size: calc(
                1.25rem + 0.75 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__value-num {
    font-size: 1.25rem;
  }
}
.profession__value-category {
  color: var(--theme-text-softer);
}
.profession__salary {
  width: 100%;
  display: grid;
  grid-template: repeat(2, 1fr) minmax(14.5625rem, 1.8fr)/repeat(3, 1fr);
  gap: 1.25rem;
  line-height: 1.4;
}
@media (min-width: 76.25em) {
  .profession__salary {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .profession__salary {
      font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .profession__salary {
      font-size: calc(
                1rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__salary {
    font-size: 1rem;
  }
}
@media (max-width: 61.99875rem) {
  .profession__salary {
    grid-template: repeat(2, 1fr) minmax(11.25rem, 1.8fr)/repeat(3, 1fr);
  }
}
@media (max-width: 47.99875rem) {
  .profession__salary {
    grid-template: repeat(2, 1fr) 1.8fr/repeat(3, 1fr);
  }
}
@media (max-width: 37.49875rem) {
  .profession__salary {
    grid-template: repeat(2, minmax(8.625rem, 1fr))/repeat(2, 1fr);
  }
}
.profession__salary-category {
  display: flex;
  gap: 0.9375rem;
  flex-direction: column;
  justify-content: space-between;
  border-radius: var(--border-radius);
  background: var(--light-bg-hard);
  color: var(--light-text-soft);
  padding: 0 1.25rem;
  grid-row-end: -1;
}
@media (min-width: 76.25em) {
  .profession__salary-category {
    padding-top: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.9375rem , 0.4969879518rem  +  1.8072289157vw , 1.875rem )) {
    .profession__salary-category {
      padding-top: clamp( 0.9375rem , 0.4969879518rem  +  1.8072289157vw , 1.875rem );
    }
  }
  @supports not (padding-top: clamp( 0.9375rem , 0.4969879518rem  +  1.8072289157vw , 1.875rem )) {
    .profession__salary-category {
      padding-top: calc(
                0.9375rem + 0.9375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__salary-category {
    padding-top: 0.9375rem;
  }
}
@media (min-width: 76.25em) {
  .profession__salary-category {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.9375rem , 0.4969879518rem  +  1.8072289157vw , 1.875rem )) {
    .profession__salary-category {
      padding-bottom: clamp( 0.9375rem , 0.4969879518rem  +  1.8072289157vw , 1.875rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.9375rem , 0.4969879518rem  +  1.8072289157vw , 1.875rem )) {
    .profession__salary-category {
      padding-bottom: calc(
                0.9375rem + 0.9375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .profession__salary-category {
    padding-bottom: 0.9375rem;
  }
}
.profession__salary-category:nth-child(2) {
  grid-row-start: -3;
}
.profession__salary-category:nth-child(3) {
  grid-row-start: -4;
}
.profession__salary-category--accent {
  background: var(--theme-accent-green-hard);
}
@media (max-width: 37.49875rem) {
  .profession__salary-category {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    grid-row-end: auto;
  }
  .profession__salary-category:nth-child(2) {
    grid-row-start: auto;
  }
  .profession__salary-category:nth-child(3) {
    grid-row-start: auto;
    grid-column: 1/-1;
  }
}
.profession__salary-num {
  font-weight: 600;
}
@media (min-width: 76.25em) {
  .profession__salary-num {
    font-size: 2rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.25rem , -0.0243362832rem  +  2.6548672566vw , 2rem )) {
    .profession__salary-num {
      font-size: clamp( 1.25rem , -0.0243362832rem  +  2.6548672566vw , 2rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , -0.0243362832rem  +  2.6548672566vw , 2rem )) {
    .profession__salary-num {
      font-size: calc(
                1.25rem + 0.75 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .profession__salary-num {
    font-size: 1.25rem;
  }
}

.knowledge__title {
  margin-bottom: 1.5em;
}
.knowledge__list {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(2, 0.43fr);
  -moz-column-gap: 1.875rem;
       column-gap: 1.875rem;
}
@media (min-width: 76.25em) {
  .knowledge__list {
    row-gap: 6.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (row-gap: clamp( 2.875rem , 1.2891566265rem  +  6.5060240964vw , 6.25rem )) {
    .knowledge__list {
      row-gap: clamp( 2.875rem , 1.2891566265rem  +  6.5060240964vw , 6.25rem );
    }
  }
  @supports not (row-gap: clamp( 2.875rem , 1.2891566265rem  +  6.5060240964vw , 6.25rem )) {
    .knowledge__list {
      row-gap: calc(
                2.875rem + 3.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .knowledge__list {
    row-gap: 2.875rem;
  }
}
@media (max-width: 47.99875rem) {
  .knowledge__list {
    grid-template-columns: auto;
  }
}
.knowledge__item {
  position: relative;
}
@media (min-width: 76.25em) {
  .knowledge__item {
    padding-left: 4.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.875rem , 0.7003012048rem  +  4.8192771084vw , 4.375rem )) {
    .knowledge__item {
      padding-left: clamp( 1.875rem , 0.7003012048rem  +  4.8192771084vw , 4.375rem );
    }
  }
  @supports not (padding-left: clamp( 1.875rem , 0.7003012048rem  +  4.8192771084vw , 4.375rem )) {
    .knowledge__item {
      padding-left: calc(
                1.875rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .knowledge__item {
    padding-left: 1.875rem;
  }
}
@media (min-width: 76.25em) {
  .knowledge__item {
    padding-top: 0.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.0000000625rem , -0.2055721973rem  +  0.8433733735vw , 0.4375rem )) {
    .knowledge__item {
      padding-top: clamp( 0.0000000625rem , -0.2055721973rem  +  0.8433733735vw , 0.4375rem );
    }
  }
  @supports not (padding-top: clamp( 0.0000000625rem , -0.2055721973rem  +  0.8433733735vw , 0.4375rem )) {
    .knowledge__item {
      padding-top: calc(
                0.0000000625rem + 0.4374999375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .knowledge__item {
    padding-top: 0.0000000625rem;
  }
}
.knowledge__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: #1E1F1A url("/img/icons/check.svg") 50% 50%/50% no-repeat;
  border-radius: 50%;
  flex: 0 0 auto;
}
@media (min-width: 76.25em) {
  .knowledge__item::before {
    width: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .knowledge__item::before {
      width: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (width: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .knowledge__item::before {
      width: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .knowledge__item::before {
    width: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .knowledge__item::before {
    height: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .knowledge__item::before {
      height: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (height: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .knowledge__item::before {
      height: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .knowledge__item::before {
    height: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .knowledge__item::before {
    margin-right: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-right: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem )) {
    .knowledge__item::before {
      margin-right: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem );
    }
  }
  @supports not (margin-right: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem )) {
    .knowledge__item::before {
      margin-right: calc(
                0.625rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .knowledge__item::before {
    margin-right: 0.625rem;
  }
}
.knowledge__item-title {
  font-family: var(--font-accent);
  line-height: 1.3;
  font-weight: 700;
}
@media (min-width: 76.25em) {
  .knowledge__item-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .knowledge__item-title {
      font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .knowledge__item-title {
      font-size: calc(
                1.125rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .knowledge__item-title {
    font-size: 1.125rem;
  }
}
@media (min-width: 76.25em) {
  .knowledge__item-title {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .knowledge__item-title {
      margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .knowledge__item-title {
      margin-bottom: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .knowledge__item-title {
    margin-bottom: 0.625rem;
  }
}
.knowledge__item-desc {
  font-weight: 500;
  line-height: 1.545;
}
@media (min-width: 76.25em) {
  .knowledge__item-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.9412650602rem  +  0.2409638554vw , 1.125rem )) {
    .knowledge__item-desc {
      font-size: clamp( 1rem , 0.9412650602rem  +  0.2409638554vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.9412650602rem  +  0.2409638554vw , 1.125rem )) {
    .knowledge__item-desc {
      font-size: calc(
                1rem + 0.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .knowledge__item-desc {
    font-size: 1rem;
  }
}
@media (max-width: 47.99875rem) {
  .knowledge__item-desc {
    font-weight: 300;
  }
}

.payback {
  color: var(--theme-text-softest);
}
.payback__inner {
  border-radius: var(--border-radius);
  background: var(--theme-bg-soft);
}
@media (min-width: 76.25em) {
  .payback__inner {
    padding-top: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.5625rem , 1.1219879518rem  +  1.8072289157vw , 2.5rem )) {
    .payback__inner {
      padding-top: clamp( 1.5625rem , 1.1219879518rem  +  1.8072289157vw , 2.5rem );
    }
  }
  @supports not (padding-top: clamp( 1.5625rem , 1.1219879518rem  +  1.8072289157vw , 2.5rem )) {
    .payback__inner {
      padding-top: calc(
                1.5625rem + 0.9375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__inner {
    padding-top: 1.5625rem;
  }
}
@media (min-width: 76.25em) {
  .payback__inner {
    padding-right: 4.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.625rem , -1.2545180723rem  +  7.7108433735vw , 4.625rem )) {
    .payback__inner {
      padding-right: clamp( 0.625rem , -1.2545180723rem  +  7.7108433735vw , 4.625rem );
    }
  }
  @supports not (padding-right: clamp( 0.625rem , -1.2545180723rem  +  7.7108433735vw , 4.625rem )) {
    .payback__inner {
      padding-right: calc(
                0.625rem + 4 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__inner {
    padding-right: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .payback__inner {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .payback__inner {
      padding-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .payback__inner {
      padding-bottom: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__inner {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .payback__inner {
    padding-left: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.625rem , -0.843373494rem  +  6.0240963855vw , 3.75rem )) {
    .payback__inner {
      padding-left: clamp( 0.625rem , -0.843373494rem  +  6.0240963855vw , 3.75rem );
    }
  }
  @supports not (padding-left: clamp( 0.625rem , -0.843373494rem  +  6.0240963855vw , 3.75rem )) {
    .payback__inner {
      padding-left: calc(
                0.625rem + 3.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__inner {
    padding-left: 0.625rem;
  }
}
.payback__title {
  color: inherit;
}
@media (min-width: 76.25em) {
  .payback__title {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .payback__title {
      margin-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .payback__title {
      margin-bottom: calc(
                1.25rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__title {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 31.24875rem) {
  .payback__title {
    padding-left: 0.625rem;
  }
}
.payback__body {
  display: flex;
}
@media (min-width: 76.25em) {
  .payback__body {
    gap: 3.4375rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 76.25em) {
  @supports (gap: clamp( 1.875rem , -4.8867358079rem  +  10.9170305677vw , 3.4375rem )) {
    .payback__body {
      gap: clamp( 1.875rem , -4.8867358079rem  +  10.9170305677vw , 3.4375rem );
    }
  }
  @supports not (gap: clamp( 1.875rem , -4.8867358079rem  +  10.9170305677vw , 3.4375rem )) {
    .payback__body {
      gap: calc(
                1.875rem + 1.5625 * (100vw - 61.9375rem) / 14.3125
            );
    }
  }
}
@media (max-width: 61.9375em) {
  .payback__body {
    gap: 1.875rem;
  }
}
@media (max-width: 61.99875rem) {
  .payback__body {
    flex-direction: column;
  }
}
.payback__time {
  color: var(--theme-text-hard);
  width: 100%;
  border-radius: var(--border-radius);
  background: var(--theme-accent-green-hard);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 76.25em) {
  .payback__time {
    max-width: 23.75rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 76.25em) {
  @supports (max-width: clamp( 18.75rem , -2.8875545852rem  +  34.9344978166vw , 23.75rem )) {
    .payback__time {
      max-width: clamp( 18.75rem , -2.8875545852rem  +  34.9344978166vw , 23.75rem );
    }
  }
  @supports not (max-width: clamp( 18.75rem , -2.8875545852rem  +  34.9344978166vw , 23.75rem )) {
    .payback__time {
      max-width: calc(
                18.75rem + 5 * (100vw - 61.9375rem) / 14.3125
            );
    }
  }
}
@media (max-width: 61.9375em) {
  .payback__time {
    max-width: 18.75rem;
  }
}
@media (min-width: 76.25em) {
  .payback__time {
    padding-top: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .payback__time {
      padding-top: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (padding-top: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .payback__time {
      padding-top: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__time {
    padding-top: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .payback__time {
    padding-right: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .payback__time {
      padding-right: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (padding-right: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .payback__time {
      padding-right: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__time {
    padding-right: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .payback__time {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .payback__time {
      padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .payback__time {
      padding-bottom: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__time {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .payback__time {
    padding-left: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .payback__time {
      padding-left: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (padding-left: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .payback__time {
      padding-left: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__time {
    padding-left: 1.25rem;
  }
}
@media (max-width: 61.99875rem) {
  .payback__time {
    max-width: none;
    min-height: 10rem;
  }
}
.payback__text {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.545;
}
.payback__days {
  font-family: var(--font-accent);
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 76.25em) {
  .payback__days {
    font-size: 2rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.5rem , 1.265060241rem  +  0.9638554217vw , 2rem )) {
    .payback__days {
      font-size: clamp( 1.5rem , 1.265060241rem  +  0.9638554217vw , 2rem );
    }
  }
  @supports not (font-size: clamp( 1.5rem , 1.265060241rem  +  0.9638554217vw , 2rem )) {
    .payback__days {
      font-size: calc(
                1.5rem + 0.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__days {
    font-size: 1.5rem;
  }
}
.payback__students {
  text-align: center;
  display: grid;
  width: 100%;
  justify-content: space-between;
  grid-template-columns: repeat(3, 0.3fr);
  gap: 1.25rem 0.9375rem;
}
@media (max-width: 37.49875rem) {
  .payback__students {
    grid-template-columns: auto;
    text-align: left;
  }
}
@media (max-width: 37.49875rem) {
  .payback__student {
    display: grid;
    grid-template: repeat(2, auto)/auto 1fr;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    padding: 0 0.625rem;
  }
}
.payback__img {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 0.9375rem;
  position: relative;
}
@media (min-width: 76.25em) {
  .payback__img {
    width: 10.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 6.25rem , 4.1942771084rem  +  8.4337349398vw , 10.625rem )) {
    .payback__img {
      width: clamp( 6.25rem , 4.1942771084rem  +  8.4337349398vw , 10.625rem );
    }
  }
  @supports not (width: clamp( 6.25rem , 4.1942771084rem  +  8.4337349398vw , 10.625rem )) {
    .payback__img {
      width: calc(
                6.25rem + 4.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__img {
    width: 6.25rem;
  }
}
@media (min-width: 76.25em) {
  .payback__img {
    height: 10.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 6.25rem , 4.1942771084rem  +  8.4337349398vw , 10.625rem )) {
    .payback__img {
      height: clamp( 6.25rem , 4.1942771084rem  +  8.4337349398vw , 10.625rem );
    }
  }
  @supports not (height: clamp( 6.25rem , 4.1942771084rem  +  8.4337349398vw , 10.625rem )) {
    .payback__img {
      height: calc(
                6.25rem + 4.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__img {
    height: 6.25rem;
  }
}
.payback__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.payback__img svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 76.25em) {
  .payback__img svg {
    width: 2.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 1.5625rem , 1.2688253012rem  +  1.2048192771vw , 2.1875rem )) {
    .payback__img svg {
      width: clamp( 1.5625rem , 1.2688253012rem  +  1.2048192771vw , 2.1875rem );
    }
  }
  @supports not (width: clamp( 1.5625rem , 1.2688253012rem  +  1.2048192771vw , 2.1875rem )) {
    .payback__img svg {
      width: calc(
                1.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__img svg {
    width: 1.5625rem;
  }
}
.payback__img path {
  transition: fill var(--duration);
}
@media (any-hover: hover) {
  .payback__img:hover path {
    fill: var(--theme-accent-green-hard);
  }
}
@media (max-width: 37.49875rem) {
  .payback__img {
    border-radius: calc(var(--border-radius) / 2);
    grid-row: 1/-1;
    margin: 0;
  }
}
.payback__name {
  font-weight: 600;
  line-height: 1.545;
  margin-bottom: 0.625rem;
}
@media (min-width: 76.25em) {
  .payback__name {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 1.0662650602rem  +  0.2409638554vw , 1.25rem )) {
    .payback__name {
      font-size: clamp( 1.125rem , 1.0662650602rem  +  0.2409638554vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 1.0662650602rem  +  0.2409638554vw , 1.25rem )) {
    .payback__name {
      font-size: calc(
                1.125rem + 0.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payback__name {
    font-size: 1.125rem;
  }
}
@media (max-width: 37.49875rem) {
  .payback__name {
    align-self: end;
  }
}
.payback__desc {
  line-height: 1.185;
}
.payback__desc span {
  color: var(--theme-accent-green-hard);
}

@media (min-width: 76.25em) {
  .features__title {
    margin-bottom: 3.9375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.875rem , 0.905873494rem  +  3.9759036145vw , 3.9375rem )) {
    .features__title {
      margin-bottom: clamp( 1.875rem , 0.905873494rem  +  3.9759036145vw , 3.9375rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , 0.905873494rem  +  3.9759036145vw , 3.9375rem )) {
    .features__title {
      margin-bottom: calc(
                1.875rem + 2.0625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .features__title {
    margin-bottom: 1.875rem;
  }
}
.features__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media (min-width: 120em) {
  .features__list {
    padding-left: 0.0000000625rem;
  }
}
@media (min-width: 76.25em) and (max-width: 120em) {
  @supports (padding-left: clamp( 0.0000000625rem , 5.1428570339rem  +  -4.2857141429vw , 1.875rem )) {
    .features__list {
      padding-left: clamp( 0.0000000625rem , 5.1428570339rem  +  -4.2857141429vw , 1.875rem );
    }
  }
  @supports not (padding-left: clamp( 0.0000000625rem , 5.1428570339rem  +  -4.2857141429vw , 1.875rem )) {
    .features__list {
      padding-left: calc(
                1.875rem + -1.8749999375 * (100vw - 76.25rem) / 43.75
            );
    }
  }
}
@media (max-width: 76.25em) {
  .features__list {
    padding-left: 1.875rem;
  }
}
@media (min-width: 120em) {
  .features__list {
    padding-right: 0.0000000625rem;
  }
}
@media (min-width: 76.25em) and (max-width: 120em) {
  @supports (padding-right: clamp( 0.0000000625rem , 5.1428570339rem  +  -4.2857141429vw , 1.875rem )) {
    .features__list {
      padding-right: clamp( 0.0000000625rem , 5.1428570339rem  +  -4.2857141429vw , 1.875rem );
    }
  }
  @supports not (padding-right: clamp( 0.0000000625rem , 5.1428570339rem  +  -4.2857141429vw , 1.875rem )) {
    .features__list {
      padding-right: calc(
                1.875rem + -1.8749999375 * (100vw - 76.25rem) / 43.75
            );
    }
  }
}
@media (max-width: 76.25em) {
  .features__list {
    padding-right: 1.875rem;
  }
}
@media (max-width: 47.99875rem) {
  .features__list {
    display: none;
  }
}
.features__speech:not(:last-child) {
  margin-bottom: 2.6875rem;
}
.features__speech p {
  max-width: 30.3125rem;
}
.features__slider {
  color: var(--theme-text-hardest);
  line-height: 1.4;
}
.features__slider.swiper {
  display: none;
  overflow: visible;
}
@media (max-width: 47.99875rem) {
  .features__slider.swiper {
    display: block;
  }
}
.features__slider-slide {
  border-radius: var(--border-radius);
  background: var(--theme-bg-hard);
  padding: 1.25rem;
}
.features__slider-slide p {
  font-size: 1rem;
}
.features__slider-slide.swiper-slide {
  height: auto;
}
.features__slider-title {
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 0.625rem;
}

.contact {
  line-height: 1.4;
}
.contact__inner {
  border-radius: var(--border-radius);
  background: var(--theme-bg-hard);
}
@media (min-width: 76.25em) {
  .contact__inner {
    padding-top: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .contact__inner {
      padding-top: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (padding-top: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .contact__inner {
      padding-top: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact__inner {
    padding-top: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .contact__inner {
    padding-right: 5.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 1.25rem , -0.5707831325rem  +  7.4698795181vw , 5.125rem )) {
    .contact__inner {
      padding-right: clamp( 1.25rem , -0.5707831325rem  +  7.4698795181vw , 5.125rem );
    }
  }
  @supports not (padding-right: clamp( 1.25rem , -0.5707831325rem  +  7.4698795181vw , 5.125rem )) {
    .contact__inner {
      padding-right: calc(
                1.25rem + 3.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact__inner {
    padding-right: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .contact__inner {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .contact__inner {
      padding-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .contact__inner {
      padding-bottom: calc(
                1.25rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact__inner {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .contact__inner {
    padding-left: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .contact__inner {
      padding-left: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem );
    }
  }
  @supports not (padding-left: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .contact__inner {
      padding-left: calc(
                1.25rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact__inner {
    padding-left: 1.25rem;
  }
}
.theme-dark .contact__inner, .theme-dark-permanently .contact__inner {
  border: 1px solid var(--theme-accent-green-hard);
}
.contact--accent .contact__inner {
  background: linear-gradient(166deg, var(--theme-accent-green-hard) 0%, var(--theme-accent-green-soft) 100%);
}
.theme-dark .contact--accent .contact__inner, .theme-dark-permanently .contact--accent .contact__inner {
  background: var(--theme-bg-hard-planks);
}
.contact__title {
  margin-bottom: 1.25rem;
}
.contact__text {
  color: var(--theme-text-soft);
}
@media (min-width: 76.25em) {
  .contact__text {
    font-size: 1.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.5737951807rem  +  0.7228915663vw , 1.125rem )) {
    .contact__text {
      font-size: clamp( 0.75rem , 0.5737951807rem  +  0.7228915663vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.5737951807rem  +  0.7228915663vw , 1.125rem )) {
    .contact__text {
      font-size: calc(
                0.75rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact__text {
    font-size: 0.75rem;
  }
}
@media (min-width: 76.25em) {
  .contact__text {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .contact__text {
      margin-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .contact__text {
      margin-bottom: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact__text {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .contact__form {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .contact__form {
      margin-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .contact__form {
      margin-bottom: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact__form {
    margin-bottom: 1.25rem;
  }
}
.contact__form-inner {
  display: flex;
  gap: 1.25rem;
}
@media (min-width: 76.25em) {
  .contact__form-inner {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .contact__form-inner {
      margin-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .contact__form-inner {
      margin-bottom: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact__form-inner {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .contact__form-inner {
    -moz-column-gap: 3.125rem;
         column-gap: 3.125rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 76.25em) {
  @supports ((-moz-column-gap: clamp( 0.9375rem , -8.528930131rem  +  15.2838427948vw , 3.125rem )) or (column-gap: clamp( 0.9375rem , -8.528930131rem  +  15.2838427948vw , 3.125rem ))) {
    .contact__form-inner {
      -moz-column-gap: clamp( 0.9375rem , -8.528930131rem  +  15.2838427948vw , 3.125rem );
           column-gap: clamp( 0.9375rem , -8.528930131rem  +  15.2838427948vw , 3.125rem );
    }
  }
  @supports not ((-moz-column-gap: clamp( 0.9375rem , -8.528930131rem  +  15.2838427948vw , 3.125rem )) or (column-gap: clamp( 0.9375rem , -8.528930131rem  +  15.2838427948vw , 3.125rem ))) {
    .contact__form-inner {
      -moz-column-gap: calc(
                0.9375rem + 2.1875 * (100vw - 61.9375rem) / 14.3125
            );
           column-gap: calc(
                0.9375rem + 2.1875 * (100vw - 61.9375rem) / 14.3125
            );
    }
  }
}
@media (max-width: 61.9375em) {
  .contact__form-inner {
    -moz-column-gap: 0.9375rem;
         column-gap: 0.9375rem;
  }
}
@media (max-width: 47.99875rem) {
  .contact__form-inner {
    align-items: center;
    flex-direction: column;
  }
}
.contact__label {
  color: var(--theme-text-soft);
  font-size: 1.125rem;
  font-weight: 500;
}
.contact .iti {
  max-width: 16.875rem;
  width: 100%;
  position: relative;
}
@media (max-width: 61.99875rem) {
  .contact .iti {
    height: 2.5rem;
  }
}
@media (max-width: 47.99875rem) {
  .contact .iti {
    max-width: none;
  }
}
.contact .iti__country-list {
  border-radius: 0.375rem;
}
.theme-dark .contact .iti__country-list, .theme-dark-permanently .contact .iti__country-list {
  border: 1px solid var(--theme-border);
  background: var(--theme-bg-hard-planks);
}
.contact .iti:not(.iti--loaded) {
  position: relative;
}
.contact .iti:not(.iti--loaded)::before {
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  z-index: 1;
  transform: translateY(-50%);
  display: block;
  border-top: 0.1875rem solid rgba(50, 56, 67, 0.4);
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-bottom: 0.1875rem solid transparent;
  border-radius: 100%;
  animation: spin 0.6s ease-out infinite;
}
@keyframes spin {
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
.contact__input {
  height: 3.125rem;
  display: block;
  border-radius: 0.375rem;
  border: 1px solid var(--theme-border);
  background: var(--theme-bg-harder-input);
  width: 100%;
  max-width: 16.875rem;
  font-size: 1rem;
  font-weight: 300;
  padding: 0 0.625rem;
}
@media (min-width: 76.25em) {
  .contact__input {
    padding-left: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .contact__input {
      padding-left: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (padding-left: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .contact__input {
      padding-left: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact__input {
    padding-left: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .contact__input {
    padding-right: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .contact__input {
      padding-right: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (padding-right: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .contact__input {
      padding-right: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact__input {
    padding-right: 0.625rem;
  }
}
.contact__input::-moz-placeholder {
  color: var(--theme-text-softer-old);
}
.contact__input::placeholder {
  color: var(--theme-text-softer-old);
}
@media (max-width: 61.99875rem) {
  .contact__input {
    height: 2.5rem;
  }
}
@media (max-width: 47.99875rem) {
  .contact__input {
    max-width: none;
  }
}
.contact__button {
  max-width: 16.875rem;
  margin: 0;
}
@media (any-hover: hover) {
  .contact__button:hover {
    color: var(--dark-text-hard);
    background: var(--dark-bg-hard-planks);
  }
}
.contact__button:active {
  color: var(--dark-text-hard);
  background: var(--dark-bg-hard-planks);
}
.theme-dark .contact__button, .theme-dark-permanently .contact__button {
  color: var(--light-text-hard);
  background: var(--theme-accent-green-hard);
}
@media (any-hover: hover) {
  .theme-dark .contact__button:hover, .theme-dark-permanently .contact__button:hover {
    color: var(--light-text-softest);
    background: var(--light-bg-softest);
  }
}
.theme-dark .contact__button:active, .theme-dark-permanently .contact__button:active {
  color: var(--light-text-softest);
  background: var(--light-bg-softest);
}
@media (max-width: 61.99875rem) {
  .contact__button {
    height: 2.5rem;
  }
}
@media (max-width: 47.99875rem) {
  .contact__button {
    max-width: none;
  }
}
.contact__form-text {
  max-width: 45.3125rem;
}
@media (min-width: 76.25em) {
  .contact__form-text {
    font-size: 0.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.625rem , 0.5075301205rem  +  0.4819277108vw , 0.875rem )) {
    .contact__form-text {
      font-size: clamp( 0.625rem , 0.5075301205rem  +  0.4819277108vw , 0.875rem );
    }
  }
  @supports not (font-size: clamp( 0.625rem , 0.5075301205rem  +  0.4819277108vw , 0.875rem )) {
    .contact__form-text {
      font-size: calc(
                0.625rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact__form-text {
    font-size: 0.625rem;
  }
}
.contact__form-text a {
  color: #4b7ad8;
}
@media (any-hover: hover) {
  .contact__form-text a:hover {
    text-decoration: underline;
  }
}
.contact .err {
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  border: 1px solid rgba(240, 104, 104, 0.6784313725);
  height: 3.125rem;
  grid-column: 1/-1;
}
@media (min-width: 76.25em) {
  .contact .err {
    padding-left: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .contact .err {
      padding-left: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (padding-left: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .contact .err {
      padding-left: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact .err {
    padding-left: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .contact .err {
    padding-right: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .contact .err {
      padding-right: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (padding-right: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .contact .err {
      padding-right: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .contact .err {
    padding-right: 0.625rem;
  }
}
@media (max-width: 61.99875rem) {
  .contact .err {
    height: 2.5rem;
  }
}

@media (min-width: 76.25em) {
  .freelance__title {
    margin-bottom: 3.0625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.875rem , 1.3170180723rem  +  2.2891566265vw , 3.0625rem )) {
    .freelance__title {
      margin-bottom: clamp( 1.875rem , 1.3170180723rem  +  2.2891566265vw , 3.0625rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , 1.3170180723rem  +  2.2891566265vw , 3.0625rem )) {
    .freelance__title {
      margin-bottom: calc(
                1.875rem + 1.1875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .freelance__title {
    margin-bottom: 1.875rem;
  }
}
.freelance__slider.swiper {
  overflow: visible;
}
@media (min-width: 47.99875rem) {
  .freelance__slider-wrapper {
    row-gap: 1.25rem;
  }
  .freelance__slider-wrapper.swiper-wrapper {
    flex-wrap: wrap;
  }
}
.freelance__slide {
  gap: 1.25rem 3.75rem;
  border-radius: calc(var(--border-radius) / 2);
  border: 1px solid rgba(0, 0, 0, 0.3);
}
@media (min-width: 48em) {
  .freelance__slide {
    padding-top: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 48em) {
  @supports (padding-top: clamp( 1.25rem , 0.6051587302rem  +  2.6455026455vw , 1.875rem )) {
    .freelance__slide {
      padding-top: clamp( 1.25rem , 0.6051587302rem  +  2.6455026455vw , 1.875rem );
    }
  }
  @supports not (padding-top: clamp( 1.25rem , 0.6051587302rem  +  2.6455026455vw , 1.875rem )) {
    .freelance__slide {
      padding-top: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 23.625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .freelance__slide {
    padding-top: 1.25rem;
  }
}
@media (min-width: 48em) {
  .freelance__slide {
    padding-right: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 48em) {
  @supports (padding-right: clamp( 1.25rem , 0.6051587302rem  +  2.6455026455vw , 1.875rem )) {
    .freelance__slide {
      padding-right: clamp( 1.25rem , 0.6051587302rem  +  2.6455026455vw , 1.875rem );
    }
  }
  @supports not (padding-right: clamp( 1.25rem , 0.6051587302rem  +  2.6455026455vw , 1.875rem )) {
    .freelance__slide {
      padding-right: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 23.625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .freelance__slide {
    padding-right: 1.25rem;
  }
}
@media (min-width: 48em) {
  .freelance__slide {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 48em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.6051587302rem  +  2.6455026455vw , 1.875rem )) {
    .freelance__slide {
      padding-bottom: clamp( 1.25rem , 0.6051587302rem  +  2.6455026455vw , 1.875rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.6051587302rem  +  2.6455026455vw , 1.875rem )) {
    .freelance__slide {
      padding-bottom: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 23.625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .freelance__slide {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 48em) {
  .freelance__slide {
    padding-left: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 48em) {
  @supports (padding-left: clamp( 1.25rem , -1.3293650794rem  +  10.582010582vw , 3.75rem )) {
    .freelance__slide {
      padding-left: clamp( 1.25rem , -1.3293650794rem  +  10.582010582vw , 3.75rem );
    }
  }
  @supports not (padding-left: clamp( 1.25rem , -1.3293650794rem  +  10.582010582vw , 3.75rem )) {
    .freelance__slide {
      padding-left: calc(
                1.25rem + 2.5 * (100vw - 24.375rem) / 23.625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .freelance__slide {
    padding-left: 1.25rem;
  }
}
.freelance__slide.swiper-slide {
  display: flex;
}
@media (max-width: 47.99875rem) {
  .freelance__slide {
    flex-direction: column;
  }
}
.freelance__slide-title {
  color: var(--theme-text-hard);
  font-weight: 500;
  line-height: 1.3;
  width: 100%;
  max-width: 17.5rem;
}
@media (min-width: 76.25em) {
  .freelance__slide-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .freelance__slide-title {
      font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .freelance__slide-title {
      font-size: calc(
                1.125rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .freelance__slide-title {
    font-size: 1.125rem;
  }
}
.freelance__text {
  color: #000;
  line-height: 1.4;
}
@media (min-width: 76.25em) {
  .freelance__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem )) {
    .freelance__text {
      font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem )) {
    .freelance__text {
      font-size: calc(
                0.875rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .freelance__text {
    font-size: 0.875rem;
  }
}

.cases {
  line-height: 1.4;
}
@media (min-width: 76.25em) {
  .cases__title {
    margin-bottom: 5.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1rem , -1.0850903614rem  +  8.5542168675vw , 5.4375rem )) {
    .cases__title {
      margin-bottom: clamp( 1rem , -1.0850903614rem  +  8.5542168675vw , 5.4375rem );
    }
  }
  @supports not (margin-bottom: clamp( 1rem , -1.0850903614rem  +  8.5542168675vw , 5.4375rem )) {
    .cases__title {
      margin-bottom: calc(
                1rem + 4.4375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .cases__title {
    margin-bottom: 1rem;
  }
}
.cases__list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.78125rem -0.625rem;
}
.cases__item {
  flex: 0 0 33.333%;
  transition: flex-basis 0s, opacity var(--duration);
  overflow: hidden;
}
@media (max-width: 61.99875rem) {
  .cases__item {
    flex: 0 0 50%;
  }
}
@media (max-width: 35.99875rem) {
  .cases__item {
    flex: 0 0 100%;
  }
}
@media (min-width: 35.99875rem) {
  .cases__item._hidden {
    opacity: 0;
    flex-basis: 0%;
  }
}
.cases__item-inner {
  min-height: 100%;
  display: flex;
  padding: 0.78125rem 0.625rem;
  transition: padding var(--duration);
}
._hidden .cases__item-inner {
  padding: 0 0.625rem;
}
.cases__link {
  width: 100%;
  display: block;
  border-radius: var(--border-radius);
  border: 1px solid var(--theme-night-border);
  overflow: hidden;
  position: relative;
  padding-bottom: 55%;
  transition: padding-bottom var(--duration), scale var(--duration);
}
@media (any-hover: hover) {
  .cases__link:hover {
    scale: 1.015;
  }
}
@media (max-width: 35.99875rem) {
  ._hidden .cases__link {
    padding-bottom: 0%;
  }
}
.cases__link img,
.cases__link picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.cases__load-more {
  overflow: hidden;
  display: flex;
  position: relative;
  border-radius: var(--border-radius);
  border: 1px solid var(--theme-night-border);
  background: var(--theme-bg-hard-badge);
  width: 100%;
  min-height: 100%;
  padding-bottom: 55%;
  color: inherit;
  font-size: 1.5625rem;
  line-height: 130%;
  font-family: var(--font-accent);
  transition: background var(--duration), opacity var(--duration), visibility var(--duration), padding-bottom var(--duration);
}
@media (max-width: 35.99875rem) {
  .cases__load-more {
    padding-bottom: 19%;
    border-radius: calc(var(--border-radius) / 2);
  }
}
.cases__load-more span {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  gap: 0.4em;
}
@media (any-hover: hover) {
  .cases__load-more:hover {
    background: var(--theme-bg-harder-hover);
  }
}
._hidden .cases__load-more {
  opacity: 0;
  visibility: hidden;
  padding-bottom: 0%;
}
.cases__plus {
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  background: var(--theme-bg-soft-plus);
  flex-shrink: 0;
  position: relative;
}
.cases__plus::before, .cases__plus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 50%;
  height: 1px;
  background: var(--light-text-softest);
}
.cases__plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.process {
  border-top: 1px solid var(--theme-night-border);
  border-bottom: 1px solid var(--theme-night-border);
  color: var(--light-text-softest);
  background: var(--theme-bg-softer);
  padding: 3.75rem 0;
}
.process--in-testdrive {
  border: none;
  background: #0e0e0e;
}
@media (max-width: 35.4375rem) {
  .process {
    padding: 1.5625rem 0 1.875rem;
  }
}
.process__title {
  color: inherit;
}
@media (min-width: 76.25em) {
  .process__title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .process__title {
      margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .process__title {
      margin-bottom: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .process__title {
    margin-bottom: 1.25rem;
  }
}
.process__video {
  position: relative;
  padding-bottom: 51%;
  overflow: hidden;
  border: 0.625rem solid #3f3f3f;
}
@media (min-width: 76.25em) {
  .process__video {
    border-radius: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (border-radius: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem )) {
    .process__video {
      border-radius: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem );
    }
  }
  @supports not (border-radius: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem )) {
    .process__video {
      border-radius: calc(
                0.625rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .process__video {
    border-radius: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .process__video {
    margin-bottom: 4.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.875rem , 0.7003012048rem  +  4.8192771084vw , 4.375rem )) {
    .process__video {
      margin-bottom: clamp( 1.875rem , 0.7003012048rem  +  4.8192771084vw , 4.375rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , 0.7003012048rem  +  4.8192771084vw , 4.375rem )) {
    .process__video {
      margin-bottom: calc(
                1.875rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .process__video {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 35.4375rem) {
  .process__video {
    border: 0.3125rem solid #3f3f3f;
  }
}
.process__video video,
.process__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.process__play-button {
  position: absolute;
  top: 48%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 0.625rem;
  background: var(--theme-accent-green-hard);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--duration), visibility --duration;
}
@media (min-width: 76.25em) {
  .process__play-button {
    width: 7.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 3.4375rem , 1.5286144578rem  +  7.8313253012vw , 7.5rem )) {
    .process__play-button {
      width: clamp( 3.4375rem , 1.5286144578rem  +  7.8313253012vw , 7.5rem );
    }
  }
  @supports not (width: clamp( 3.4375rem , 1.5286144578rem  +  7.8313253012vw , 7.5rem )) {
    .process__play-button {
      width: calc(
                3.4375rem + 4.0625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .process__play-button {
    width: 3.4375rem;
  }
}
@media (min-width: 76.25em) {
  .process__play-button {
    height: 4.6875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 2.1875rem , 1.0128012048rem  +  4.8192771084vw , 4.6875rem )) {
    .process__play-button {
      height: clamp( 2.1875rem , 1.0128012048rem  +  4.8192771084vw , 4.6875rem );
    }
  }
  @supports not (height: clamp( 2.1875rem , 1.0128012048rem  +  4.8192771084vw , 4.6875rem )) {
    .process__play-button {
      height: calc(
                2.1875rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .process__play-button {
    height: 2.1875rem;
  }
}
.process__play-button--hidden {
  opacity: 0;
  visibility: hidden;
}
.process__play-button svg {
  width: 21.4876033058%;
}
.process__button {
  font-weight: 400;
  max-width: 27.5rem;
  margin: 0 auto;
}

@media (min-width: 76.25em) {
  .testimonials__title {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .testimonials__title {
      margin-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .testimonials__title {
      margin-bottom: calc(
                1.875rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testimonials__title {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 76.25em) {
  .testimonials__video {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 2.125rem , 1.3614457831rem  +  3.1325301205vw , 3.75rem )) {
    .testimonials__video {
      margin-bottom: clamp( 2.125rem , 1.3614457831rem  +  3.1325301205vw , 3.75rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.125rem , 1.3614457831rem  +  3.1325301205vw , 3.75rem )) {
    .testimonials__video {
      margin-bottom: calc(
                2.125rem + 1.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testimonials__video {
    margin-bottom: 2.125rem;
  }
}
.testimonials__video-slide.swiper-slide {
  height: auto;
}
.testimonials__video-nav {
  margin-top: 1.875rem;
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}
@media (max-width: 31.24875rem) {
  .testimonials__video-nav {
    display: none;
  }
}
@media (max-width: 47.99875rem) {
  .testimonials__video.swiper {
    overflow: visible;
  }
}
.testimonials__messages-nav {
  margin-top: 1.875rem;
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}
@media (max-width: 31.24875rem) {
  .testimonials__messages-nav {
    display: none;
  }
}

.video-slide {
  color: var(--theme-text-hard);
  line-height: 1.3;
  border-radius: var(--border-radius);
  background: var(--theme-bg-hard-planks);
  border: 1px solid var(--theme-night-border);
}
@media (max-width: 37.49875rem) {
  .video-slide {
    border-radius: calc(var(--border-radius) / 2);
  }
}
.video-slide__link {
  display: block;
  border-radius: var(--border-radius);
  overflow: hidden;
  position: relative;
  padding-bottom: 132%;
  margin-bottom: 0.625rem;
}
.video-slide__link._img-skeleton {
  background-image: linear-gradient(to right, #dedfe1 0%, var(--theme-bg-harder-input) 15%, #dedfe1 30%, #dedfe1 100%);
}
.theme-dark .video-slide__link._img-skeleton, .theme-dark-permanently .video-slide__link._img-skeleton {
  background-image: linear-gradient(to right, #2c2c2c 0%, var(--theme-bg-harder-input) 15%, #2c2c2c 30%, #2c2c2c 100%);
}
.video-slide__link img,
.video-slide__link picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-slide__link svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 76.25em) {
  .video-slide__link svg {
    width: 3.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 1.875rem , 1.0527108434rem  +  3.3734939759vw , 3.625rem )) {
    .video-slide__link svg {
      width: clamp( 1.875rem , 1.0527108434rem  +  3.3734939759vw , 3.625rem );
    }
  }
  @supports not (width: clamp( 1.875rem , 1.0527108434rem  +  3.3734939759vw , 3.625rem )) {
    .video-slide__link svg {
      width: calc(
                1.875rem + 1.75 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .video-slide__link svg {
    width: 1.875rem;
  }
}
.video-slide__link path {
  transition: fill var(--duration);
}
@media (any-hover: hover) {
  .video-slide__link:hover path {
    fill: var(--theme-accent-green-hard);
  }
}
@media (max-width: 37.49875rem) {
  .video-slide__link {
    border-radius: calc(var(--border-radius) / 2);
  }
}
@media (min-width: 76.25em) {
  .video-slide__info {
    padding-left: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .video-slide__info {
      padding-left: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (padding-left: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .video-slide__info {
      padding-left: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .video-slide__info {
    padding-left: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .video-slide__info {
    padding-right: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .video-slide__info {
      padding-right: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (padding-right: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .video-slide__info {
      padding-right: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .video-slide__info {
    padding-right: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .video-slide__info {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .video-slide__info {
      padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .video-slide__info {
      padding-bottom: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .video-slide__info {
    padding-bottom: 1.25rem;
  }
}
.video-slide__name {
  margin-bottom: 0.625rem;
}
@media (min-width: 76.25em) {
  .video-slide__name {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .video-slide__name {
      font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .video-slide__name {
      font-size: calc(
                1.125rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .video-slide__name {
    font-size: 1.125rem;
  }
}
@media (min-width: 76.25em) {
  .video-slide__text {
    font-size: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .video-slide__text {
      font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .video-slide__text {
      font-size: calc(
                0.75rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .video-slide__text {
    font-size: 0.75rem;
  }
}
.video-slide__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.message-slide {
  color: var(--theme-text-hard);
  line-height: 1.3;
  padding-left: 7.6875rem;
  border-radius: var(--border-radius);
  background: var(--theme-bg-hard);
  justify-content: space-between;
  gap: 1.875rem 0.9375rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 76.25em) {
  .message-slide {
    padding-top: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .message-slide {
      padding-top: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (padding-top: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .message-slide {
      padding-top: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .message-slide {
    padding-top: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .message-slide {
    padding-right: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .message-slide {
      padding-right: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem );
    }
  }
  @supports not (padding-right: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .message-slide {
      padding-right: calc(
                1.25rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .message-slide {
    padding-right: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .message-slide {
    padding-bottom: 2.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.515813253rem  +  3.0120481928vw , 2.8125rem )) {
    .message-slide {
      padding-bottom: clamp( 1.25rem , 0.515813253rem  +  3.0120481928vw , 2.8125rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.515813253rem  +  3.0120481928vw , 2.8125rem )) {
    .message-slide {
      padding-bottom: calc(
                1.25rem + 1.5625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .message-slide {
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 37.49875rem) {
  .message-slide {
    border-radius: calc(var(--border-radius) / 2);
  }
}
.message-slide.swiper-slide {
  display: grid;
}
@media (max-width: 37.49875rem) {
  .message-slide {
    grid-template-columns: auto;
    padding-left: 1.25rem;
  }
}
.message-slide__user {
  position: relative;
}
@media (max-width: 37.49875rem) {
  .message-slide__user {
    display: grid;
    grid-template: repeat(2, auto)/max-content auto;
    justify-items: start;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    order: 1;
  }
}
.message-slide__img {
  position: absolute;
  top: 0;
  left: -5.75rem;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  overflow: hidden;
}
.message-slide__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 37.49875rem) {
  .message-slide__img {
    position: static;
    grid-row: 1/-1;
  }
}
.message-slide__name {
  margin-bottom: 0.625rem;
}
@media (min-width: 76.25em) {
  .message-slide__name {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .message-slide__name {
      font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .message-slide__name {
      font-size: calc(
                1.125rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .message-slide__name {
    font-size: 1.125rem;
  }
}
.message-slide__tariff {
  border-radius: 0.3125rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 0.125rem 0.4375rem;
  display: inline-block;
}
@media (min-width: 76.25em) {
  .message-slide__tariff {
    font-size: 1.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.875rem , 0.7575301205rem  +  0.4819277108vw , 1.125rem )) {
    .message-slide__tariff {
      font-size: clamp( 0.875rem , 0.7575301205rem  +  0.4819277108vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 0.875rem , 0.7575301205rem  +  0.4819277108vw , 1.125rem )) {
    .message-slide__tariff {
      font-size: calc(
                0.875rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .message-slide__tariff {
    font-size: 0.875rem;
  }
}
.message-slide__link {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.625rem;
  align-self: start;
  justify-self: end;
  color: rgba(26, 27, 22, 0.5);
  text-decoration: underline;
}
@media (min-width: 76.25em) {
  .message-slide__link {
    font-size: 1.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.5737951807rem  +  0.7228915663vw , 1.125rem )) {
    .message-slide__link {
      font-size: clamp( 0.75rem , 0.5737951807rem  +  0.7228915663vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.5737951807rem  +  0.7228915663vw , 1.125rem )) {
    .message-slide__link {
      font-size: calc(
                0.75rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .message-slide__link {
    font-size: 0.75rem;
  }
}
.message-slide__link img {
  flex: 0 0 auto;
}
@media (any-hover: hover) {
  .message-slide__link:hover {
    text-decoration: none;
  }
}
@media (max-width: 37.49875rem) {
  .message-slide__link {
    order: 3;
    flex-direction: row-reverse;
    justify-self: start;
  }
}
.message-slide__text {
  font-size: 16px;
  grid-column: 1/-1;
}
@media (max-width: 37.49875rem) {
  .message-slide__text {
    order: 2;
  }
}
@media (min-width: 76.25em) {
  .message-slide__text-content p:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .message-slide__text-content p:not(:last-child) {
      margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .message-slide__text-content p:not(:last-child) {
      margin-bottom: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .message-slide__text-content p:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
.message-slide__text-more {
  font-weight: 500;
}

@media (min-width: 76.25em) {
  .tg-testimonials__heading {
    margin-bottom: 5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 2.1875rem , 0.8659638554rem  +  5.421686747vw , 5rem )) {
    .tg-testimonials__heading {
      margin-bottom: clamp( 2.1875rem , 0.8659638554rem  +  5.421686747vw , 5rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.1875rem , 0.8659638554rem  +  5.421686747vw , 5rem )) {
    .tg-testimonials__heading {
      margin-bottom: calc(
                2.1875rem + 2.8125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .tg-testimonials__heading {
    margin-bottom: 2.1875rem;
  }
}
.tg-testimonials__title {
  margin-bottom: 0.9375rem;
}
.tg-testimonials__desc {
  line-height: 1.3;
}
@media (min-width: 76.25em) {
  .tg-testimonials__desc {
    font-size: 1.5625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.7356927711rem  +  1.0843373494vw , 1.5625rem )) {
    .tg-testimonials__desc {
      font-size: clamp( 1rem , 0.7356927711rem  +  1.0843373494vw , 1.5625rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.7356927711rem  +  1.0843373494vw , 1.5625rem )) {
    .tg-testimonials__desc {
      font-size: calc(
                1rem + 0.5625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .tg-testimonials__desc {
    font-size: 1rem;
  }
}
@media (min-width: 76.25em) {
  .tg-testimonials__swiper {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 2.125rem , 1.3614457831rem  +  3.1325301205vw , 3.75rem )) {
    .tg-testimonials__swiper {
      margin-bottom: clamp( 2.125rem , 1.3614457831rem  +  3.1325301205vw , 3.75rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.125rem , 1.3614457831rem  +  3.1325301205vw , 3.75rem )) {
    .tg-testimonials__swiper {
      margin-bottom: calc(
                2.125rem + 1.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .tg-testimonials__swiper {
    margin-bottom: 2.125rem;
  }
}
.tg-testimonials__swiper.swiper {
  overflow: visible;
}
.tg-testimonials__swiper-slide.swiper-slide {
  height: auto;
}
@media (min-width: 76.25em) {
  .tg-testimonials__swiper-slide.swiper-slide {
    width: 15.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 10.625rem , 8.2756024096rem  +  9.6385542169vw , 15.625rem )) {
    .tg-testimonials__swiper-slide.swiper-slide {
      width: clamp( 10.625rem , 8.2756024096rem  +  9.6385542169vw , 15.625rem );
    }
  }
  @supports not (width: clamp( 10.625rem , 8.2756024096rem  +  9.6385542169vw , 15.625rem )) {
    .tg-testimonials__swiper-slide.swiper-slide {
      width: calc(
                10.625rem + 5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .tg-testimonials__swiper-slide.swiper-slide {
    width: 10.625rem;
  }
}
.tg-testimonials__swiper-link {
  display: block;
  border-radius: 0.9375rem;
  border: 1px solid var(--theme-night-border);
  overflow: hidden;
  position: relative;
  padding-bottom: 219%;
  transition: scale var(--duration);
}
.tg-testimonials__swiper-link img,
.tg-testimonials__swiper-link picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
@media (any-hover: hover) {
  .tg-testimonials__swiper-link:hover {
    scale: 1.05;
  }
}
@media (any-hover: none) {
  .swiper-slide-active .tg-testimonials__swiper-link {
    scale: 1.05;
  }
}
.tg-testimonials__swiper-nav {
  margin-top: 1.875rem;
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}
@media (max-width: 31.24875rem) {
  .tg-testimonials__swiper-nav {
    display: none;
  }
}

.interviews {
  padding: 50px 0;
  background: var(--theme-bg-hard-planks);
  border-radius: 30px;
  font-family: var(--font-accent);
  position: relative;
  overflow: hidden;
}
.interviews::after {
  width: 190px;
  height: 150px;
  position: absolute;
  bottom: -25%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100%;
  filter: blur(140px);
  background: #fff;
}
@media (max-width: 36rem) {
  .interviews {
    border-radius: 10px;
    padding: 25px 0 40px;
  }
}
.interviews__heading {
  max-width: 1145px;
  margin-bottom: 35px;
}
@media (max-width: 36rem) {
  .interviews__heading {
    max-width: 350px;
  }
}
.interviews__heading-title {
  margin-bottom: 30px;
}
@media (max-width: 36rem) {
  .interviews__heading-title {
    margin-bottom: 10px;
  }
}
.interviews__heading-text {
  font-size: 24px;
  line-height: 1.3;
}
@media (max-width: 36rem) {
  .interviews__heading-text {
    font-size: 10px;
    max-width: 350px;
  }
}
.interviews__hero-wrapper {
  padding-left: max(30px, (100% - 1180px) / 2);
}
.interviews__slide {
  position: relative;
}
.interviews__slide-hero {
  width: 448px;
  height: 251px;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
@media (max-width: 36rem) {
  .interviews__slide-hero {
    width: 285px;
    height: 160px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 6px;
  }
}
.interviews__slide-img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.interviews__slide-play {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 2;
}
.interviews__slide-play-mobile {
  position: absolute;
  z-index: 1;
  width: 42px;
  height: 35px;
  border-radius: 5px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background: rgba(251, 251, 251, 0.2);
  display: none;
  align-items: center;
  justify-content: center;
  bottom: 10px;
  left: 10px;
}
@media (max-width: 36rem) {
  .interviews__slide-play-mobile {
    display: flex;
  }
}
.interviews__slide-result {
  display: flex;
  gap: 10px;
  font-size: 23px;
  line-height: 1.3;
}
@media (max-width: 36rem) {
  .interviews__slide-result {
    font-size: 15px;
    gap: 6px;
  }
}
.interviews__slide-result-name {
  border-radius: 7px;
  padding: 5px 11px;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  background: #141414;
}
@media (max-width: 36rem) {
  .interviews__slide-result-name {
    border-radius: 4px;
    padding: 4px 7px;
    font-weight: 400;
  }
}
.interviews__slide-result-award {
  border-radius: 7px;
  padding: 5px 15px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  background: #d2fe67;
  color: #000;
}
@media (max-width: 36rem) {
  .interviews__slide-result-award {
    border-radius: 5px;
    padding: 4px 9px;
  }
}
@media (hover: hover) {
  .interviews__slide:hover .interviews__slide-hover {
    opacity: 1;
    visibility: visible;
  }
}
.interviews__slide-hover {
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  padding: 40px;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--duration), visibility var(--duration);
}
@media (max-width: 36rem) {
  .interviews__slide-hover {
    display: none;
  }
}
.interviews__slide-hover-text {
  width: 100%;
  border-radius: 4px;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: rgba(251, 251, 251, 0.2);
  font-weight: 700;
  font-size: 23px;
  line-height: 1.3;
  color: #fff;
}
.interviews__slide-hover-text svg {
  margin-bottom: 4px;
}
.interviews__controller {
  margin-top: 40px;
}
@media (max-width: 36rem) {
  .interviews__controller {
    display: none;
  }
}
.interviews__navigation {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.interviews__navigation-button {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--theme-bg-hard);
  border: 1px solid #000;
  transition: background var(--duration);
}
.interviews__navigation-button:hover {
  background: var(--theme-bg-soft);
}
.interviews__navigation-button:hover path {
  stroke: var(--theme-bg-hardest);
}
.interviews__navigation-button path {
  transition: stroke var(--duration);
}

.theme-dark .interviews {
  border: 1px solid #515151;
}
@media (max-width: 36rem) {
  .theme-dark .interviews::after {
    content: "";
  }
}
.theme-dark .interviews__slide-result-name {
  background: #fbfbfb;
  color: #0e0e0e;
}
.theme-dark .interviews__slide-result-award {
  background: rgba(251, 251, 251, 0.3);
  color: #fff;
}

.interviews__hero .interviews__hero-swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
}

.interviews .interviews__hero .interviews__pagination {
  position: relative;
  background: rgba(0, 0, 0, 0.2);
}

.theme-dark .interviews .interviews__hero .interviews__pagination {
  background: rgba(255, 255, 255, 0.2);
}

.interviews .interviews__pagination .swiper-pagination-progressbar-fill {
  background: var(--theme-text-hard);
}

.program__inner {
  border: 2px solid var(--theme-border-hardest);
  border-radius: var(--border-radius);
  padding-top: 4.3125rem;
  position: relative;
}
@media (min-width: 76.25em) {
  .program__inner {
    padding-left: 6.25rem;
  }
}
@media (min-width: 37.5em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.25rem , -3.5887096774rem  +  12.9032258065vw , 6.25rem )) {
    .program__inner {
      padding-left: clamp( 1.25rem , -3.5887096774rem  +  12.9032258065vw , 6.25rem );
    }
  }
  @supports not (padding-left: clamp( 1.25rem , -3.5887096774rem  +  12.9032258065vw , 6.25rem )) {
    .program__inner {
      padding-left: calc(
                1.25rem + 5 * (100vw - 37.5rem) / 38.75
            );
    }
  }
}
@media (max-width: 37.5em) {
  .program__inner {
    padding-left: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .program__inner {
    padding-right: 6.25rem;
  }
}
@media (min-width: 37.5em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 1.25rem , -3.5887096774rem  +  12.9032258065vw , 6.25rem )) {
    .program__inner {
      padding-right: clamp( 1.25rem , -3.5887096774rem  +  12.9032258065vw , 6.25rem );
    }
  }
  @supports not (padding-right: clamp( 1.25rem , -3.5887096774rem  +  12.9032258065vw , 6.25rem )) {
    .program__inner {
      padding-right: calc(
                1.25rem + 5 * (100vw - 37.5rem) / 38.75
            );
    }
  }
}
@media (max-width: 37.5em) {
  .program__inner {
    padding-right: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .program__inner {
    padding-bottom: 4.75rem;
  }
}
@media (min-width: 37.5em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.875rem , -0.9072580645rem  +  7.4193548387vw , 4.75rem )) {
    .program__inner {
      padding-bottom: clamp( 1.875rem , -0.9072580645rem  +  7.4193548387vw , 4.75rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.875rem , -0.9072580645rem  +  7.4193548387vw , 4.75rem )) {
    .program__inner {
      padding-bottom: calc(
                1.875rem + 2.875 * (100vw - 37.5rem) / 38.75
            );
    }
  }
}
@media (max-width: 37.5em) {
  .program__inner {
    padding-bottom: 1.875rem;
  }
}
.program__inner::before {
  content: "";
  position: absolute;
  top: -0.125rem;
  right: -0.125rem;
  display: block;
  width: 4.59375rem;
  height: 4.34375rem;
  background: linear-gradient(43.5deg, var(--theme-border-hardest) 50%, var(--theme-bg-hardest) 51%);
  border-radius: 0 0 0 1.25rem;
}
@media (max-width: 31.24875rem) {
  .program__inner {
    border: none;
    padding: 0;
  }
  .program__inner::before {
    content: none;
  }
}
.program__head {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr max-content;
  margin-bottom: 2.5rem;
  gap: 2.5rem;
}
@media (max-width: 47.99875rem) {
  .program__head {
    grid-auto-flow: row;
    grid-template-columns: none;
  }
}
@media (max-width: 35.99875rem) {
  .program__head {
    margin-bottom: 1.25rem;
    gap: 1.25rem;
  }
}
.program__values {
  grid-column: span 2;
  font-family: var(--font-accent);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  line-height: 1.4;
}
@media (min-width: 76.25em) {
  .program__values {
    -moz-column-gap: 2.125rem;
         column-gap: 2.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports ((-moz-column-gap: clamp( 1.25rem , 0.8388554217rem  +  1.686746988vw , 2.125rem )) or (column-gap: clamp( 1.25rem , 0.8388554217rem  +  1.686746988vw , 2.125rem ))) {
    .program__values {
      -moz-column-gap: clamp( 1.25rem , 0.8388554217rem  +  1.686746988vw , 2.125rem );
           column-gap: clamp( 1.25rem , 0.8388554217rem  +  1.686746988vw , 2.125rem );
    }
  }
  @supports not ((-moz-column-gap: clamp( 1.25rem , 0.8388554217rem  +  1.686746988vw , 2.125rem )) or (column-gap: clamp( 1.25rem , 0.8388554217rem  +  1.686746988vw , 2.125rem ))) {
    .program__values {
      -moz-column-gap: calc(
                1.25rem + 0.875 * (100vw - 24.375rem) / 51.875
            );
           column-gap: calc(
                1.25rem + 0.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program__values {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .program__values {
    font-size: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.5444277108rem  +  0.843373494vw , 1.1875rem )) {
    .program__values {
      font-size: clamp( 0.75rem , 0.5444277108rem  +  0.843373494vw , 1.1875rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.5444277108rem  +  0.843373494vw , 1.1875rem )) {
    .program__values {
      font-size: calc(
                0.75rem + 0.4375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program__values {
    font-size: 0.75rem;
  }
}
@media (max-width: 47.99875rem) {
  .program__values {
    grid-column: auto;
  }
}
.program__value {
  display: flex;
  align-items: center;
  gap: 0.2631578947em;
}
.program__value svg {
  width: 0.9473684211em;
  height: 0.9473684211em;
}
.program__value path {
  fill: var(--theme-text-hard);
}
.theme-dark .program__value path, .theme-dark-permanently .program__value path {
  fill: var(--theme-accent-green-hard);
}
.program__button {
  font-family: var(--font-accent);
  color: var(--theme-text-hardest);
  background: var(--theme-bg-hardest);
  font-weight: 400;
  transition: var(--duration);
  border-radius: calc(var(--border-radius) / 2);
  padding: 0 1.875rem;
  border: 1px solid var(--theme-text-hardest);
}
@media (min-width: 76.25em) {
  .program__button {
    height: 3.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 2.5rem , 2.0594879518rem  +  1.8072289157vw , 3.4375rem )) {
    .program__button {
      height: clamp( 2.5rem , 2.0594879518rem  +  1.8072289157vw , 3.4375rem );
    }
  }
  @supports not (height: clamp( 2.5rem , 2.0594879518rem  +  1.8072289157vw , 3.4375rem )) {
    .program__button {
      height: calc(
                2.5rem + 0.9375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program__button {
    height: 2.5rem;
  }
}
@media (min-width: 76.25em) {
  .program__button {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .program__button {
      font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .program__button {
      font-size: calc(
                1.125rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program__button {
    font-size: 1.125rem;
  }
}
@media (any-hover: hover) {
  .program__button.btn-mini:hover {
    color: var(--theme-bg-hardest);
    background: var(--theme-text-hardest);
  }
  .program__button.btn-mini:hover path {
    fill: var(--theme-bg-hardest);
  }
}
.program__button.btn-mini:active {
  color: var(--theme-bg-hardest);
  background: var(--theme-text-hardest);
}
.program__button.btn-mini:active path {
  fill: var(--theme-bg-hardest);
}
@media (min-width: 76.25em) {
  .program__stages:not(:last-child) {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .program__stages:not(:last-child) {
      margin-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .program__stages:not(:last-child) {
      margin-bottom: calc(
                1.25rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program__stages:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .program__stage:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .program__stage:not(:last-child) {
      margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .program__stage:not(:last-child) {
      margin-bottom: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program__stage:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
.program__feature:not(:last-child) {
  margin-bottom: 3.125rem;
}
@media (max-width: 31.24875rem) {
  .program__feature:not(:last-child) {
    margin-bottom: 3.75rem;
  }
}

.program-stage__head {
  color: var(--theme-text-hard);
  line-height: 1.3;
  display: flex;
  align-items: center;
  border-radius: calc(var(--border-radius) / 2);
  border: 1px solid var(--theme-night-border);
  background: var(--theme-bg-hard-planks);
}
@media (min-width: 76.25em) {
  .program-stage__head {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem )) {
    .program-stage__head {
      font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem )) {
    .program-stage__head {
      font-size: calc(
                1rem + 0.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__head {
    font-size: 1rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__head {
    -moz-column-gap: 3.125rem;
         column-gap: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports ((-moz-column-gap: clamp( 0.625rem , -0.5496987952rem  +  4.8192771084vw , 3.125rem )) or (column-gap: clamp( 0.625rem , -0.5496987952rem  +  4.8192771084vw , 3.125rem ))) {
    .program-stage__head {
      -moz-column-gap: clamp( 0.625rem , -0.5496987952rem  +  4.8192771084vw , 3.125rem );
           column-gap: clamp( 0.625rem , -0.5496987952rem  +  4.8192771084vw , 3.125rem );
    }
  }
  @supports not ((-moz-column-gap: clamp( 0.625rem , -0.5496987952rem  +  4.8192771084vw , 3.125rem )) or (column-gap: clamp( 0.625rem , -0.5496987952rem  +  4.8192771084vw , 3.125rem ))) {
    .program-stage__head {
      -moz-column-gap: calc(
                0.625rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
           column-gap: calc(
                0.625rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__head {
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__head {
    padding-top: 1.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.75rem , 0.4269578313rem  +  1.3253012048vw , 1.4375rem )) {
    .program-stage__head {
      padding-top: clamp( 0.75rem , 0.4269578313rem  +  1.3253012048vw , 1.4375rem );
    }
  }
  @supports not (padding-top: clamp( 0.75rem , 0.4269578313rem  +  1.3253012048vw , 1.4375rem )) {
    .program-stage__head {
      padding-top: calc(
                0.75rem + 0.6875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__head {
    padding-top: 0.75rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__head {
    padding-right: 1.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 1.25rem , 1.0737951807rem  +  0.7228915663vw , 1.625rem )) {
    .program-stage__head {
      padding-right: clamp( 1.25rem , 1.0737951807rem  +  0.7228915663vw , 1.625rem );
    }
  }
  @supports not (padding-right: clamp( 1.25rem , 1.0737951807rem  +  0.7228915663vw , 1.625rem )) {
    .program-stage__head {
      padding-right: calc(
                1.25rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__head {
    padding-right: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__head {
    padding-bottom: 1.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.75rem , 0.4269578313rem  +  1.3253012048vw , 1.4375rem )) {
    .program-stage__head {
      padding-bottom: clamp( 0.75rem , 0.4269578313rem  +  1.3253012048vw , 1.4375rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.75rem , 0.4269578313rem  +  1.3253012048vw , 1.4375rem )) {
    .program-stage__head {
      padding-bottom: calc(
                0.75rem + 0.6875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__head {
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__head {
    padding-left: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .program-stage__head {
      padding-left: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem );
    }
  }
  @supports not (padding-left: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .program-stage__head {
      padding-left: calc(
                1.25rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__head {
    padding-left: 1.25rem;
  }
}
.program-stage__button {
  margin-left: auto;
  border-radius: 50%;
  background: var(--light-text-hard);
  flex-shrink: 0;
  position: relative;
}
@media (min-width: 76.25em) {
  .program-stage__button {
    width: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 1.625rem , 1.2138554217rem  +  1.686746988vw , 2.5rem )) {
    .program-stage__button {
      width: clamp( 1.625rem , 1.2138554217rem  +  1.686746988vw , 2.5rem );
    }
  }
  @supports not (width: clamp( 1.625rem , 1.2138554217rem  +  1.686746988vw , 2.5rem )) {
    .program-stage__button {
      width: calc(
                1.625rem + 0.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__button {
    width: 1.625rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__button {
    height: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 1.625rem , 1.2138554217rem  +  1.686746988vw , 2.5rem )) {
    .program-stage__button {
      height: clamp( 1.625rem , 1.2138554217rem  +  1.686746988vw , 2.5rem );
    }
  }
  @supports not (height: clamp( 1.625rem , 1.2138554217rem  +  1.686746988vw , 2.5rem )) {
    .program-stage__button {
      height: calc(
                1.625rem + 0.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__button {
    height: 1.625rem;
  }
}
.program-stage__button::before, .program-stage__button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  height: 1px;
  background: var(--light-text-softest);
}
@media (min-width: 76.25em) {
  .program-stage__button::before, .program-stage__button::after {
    width: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem )) {
    .program-stage__button::before, .program-stage__button::after {
      width: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem );
    }
  }
  @supports not (width: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem )) {
    .program-stage__button::before, .program-stage__button::after {
      width: calc(
                0.8125rem + 0.4375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__button::before, .program-stage__button::after {
    width: 0.8125rem;
  }
}
.program-stage__button::after {
  transition: all var(--duration);
}
[data-acc-progress=closed] .program-stage__button::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.program-stage__content {
  max-height: 0;
  overflow: hidden;
  transition: all var(--duration);
}
.program-stage__content-inner {
  color: var(--theme-text-hardest);
  line-height: 1.4;
  margin-top: 0.625rem;
  border-radius: calc(var(--border-radius) / 2);
  background: var(--theme-bg-hard-planks);
  border: 1px solid var(--theme-night-border);
}
@media (min-width: 76.25em) {
  .program-stage__content-inner {
    padding-top: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .program-stage__content-inner {
      padding-top: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (padding-top: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .program-stage__content-inner {
      padding-top: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__content-inner {
    padding-top: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__content-inner {
    padding-right: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .program-stage__content-inner {
      padding-right: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem );
    }
  }
  @supports not (padding-right: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .program-stage__content-inner {
      padding-right: calc(
                1.25rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__content-inner {
    padding-right: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__content-inner {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .program-stage__content-inner {
      padding-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .program-stage__content-inner {
      padding-bottom: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__content-inner {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__content-inner {
    padding-left: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .program-stage__content-inner {
      padding-left: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem );
    }
  }
  @supports not (padding-left: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .program-stage__content-inner {
      padding-left: calc(
                1.25rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__content-inner {
    padding-left: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .program-stage__text {
      font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .program-stage__text {
      font-size: calc(
                1rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__text {
    font-size: 1rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__text {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem )) {
    .program-stage__text {
      margin-bottom: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem )) {
    .program-stage__text {
      margin-bottom: calc(
                0.625rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__text {
    margin-bottom: 0.625rem;
  }
}
.program-stage__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}
.program-stage__list-title {
  font-size: 1.125rem;
  font-weight: 500;
}
@media (min-width: 76.25em) {
  .program-stage__list-title {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .program-stage__list-title {
      margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .program-stage__list-title {
      margin-bottom: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__list-title {
    margin-bottom: 0.625rem;
  }
}
.program-stage__list {
  font-size: 1rem;
}
.program-stage__item {
  display: flex;
}
@media (min-width: 76.25em) {
  .program-stage__item {
    gap: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (gap: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .program-stage__item {
      gap: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (gap: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .program-stage__item {
      gap: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__item {
    gap: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__item:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem )) {
    .program-stage__item:not(:last-child) {
      margin-bottom: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem )) {
    .program-stage__item:not(:last-child) {
      margin-bottom: calc(
                0.875rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__item:not(:last-child) {
    margin-bottom: 0.875rem;
  }
}
.program-stage__item::before {
  content: "";
  border-radius: 50%;
  background: var(--theme-bg-soft-plus) url("/img/icons/check.svg") 50% 50%/50% no-repeat;
  flex-shrink: 0;
}
@media (min-width: 76.25em) {
  .program-stage__item::before {
    width: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem )) {
    .program-stage__item::before {
      width: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem );
    }
  }
  @supports not (width: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem )) {
    .program-stage__item::before {
      width: calc(
                0.8125rem + 0.4375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__item::before {
    width: 0.8125rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__item::before {
    height: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem )) {
    .program-stage__item::before {
      height: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem );
    }
  }
  @supports not (height: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem )) {
    .program-stage__item::before {
      height: calc(
                0.8125rem + 0.4375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__item::before {
    height: 0.8125rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage__item::before {
    margin-top: 0.0625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-top: clamp( 0.0625rem , 0.4299698795rem  +  -0.4819277108vw , 0.3125rem )) {
    .program-stage__item::before {
      margin-top: clamp( 0.0625rem , 0.4299698795rem  +  -0.4819277108vw , 0.3125rem );
    }
  }
  @supports not (margin-top: clamp( 0.0625rem , 0.4299698795rem  +  -0.4819277108vw , 0.3125rem )) {
    .program-stage__item::before {
      margin-top: calc(
                0.3125rem + -0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage__item::before {
    margin-top: 0.3125rem;
  }
}

.teaching-feature {
  font-family: var(--font-accent);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem 0.9375rem;
  border: 1px solid var(--theme-border);
  border-radius: calc(var(--border-radius) / 2);
  padding: 1.25rem 3.75rem;
}
@media (max-width: 47.99875rem) {
  .teaching-feature {
    padding: 1.25rem;
    flex-direction: column;
  }
}
.teaching-feature__title {
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.9375rem;
}
@media (min-width: 76.25em) {
  .teaching-feature__title {
    font-size: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.5888554217rem  +  1.686746988vw , 1.875rem )) {
    .teaching-feature__title {
      font-size: clamp( 1rem , 0.5888554217rem  +  1.686746988vw , 1.875rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.5888554217rem  +  1.686746988vw , 1.875rem )) {
    .teaching-feature__title {
      font-size: calc(
                1rem + 0.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .teaching-feature__title {
    font-size: 1rem;
  }
}
@media (max-width: 35.99875rem) {
  .teaching-feature__title {
    margin-bottom: 1.25rem;
  }
}
.teaching-feature__caption {
  font-size: 0.875rem;
}
@media (max-width: 35.99875rem) {
  .teaching-feature__caption {
    font-size: 0.75rem;
  }
}
.teaching-feature__caption a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .teaching-feature__caption a:hover {
    text-decoration: none;
  }
}
.teaching-feature__img {
  flex-shrink: 0;
  max-width: 10rem;
}
.teaching-feature__img img,
.teaching-feature__img picture {
  width: 100%;
}
@media (max-width: 47.99875rem) {
  .teaching-feature__img {
    margin-right: 1.25rem;
  }
}

.program-result {
  font-family: var(--font-accent);
  display: flex;
  flex-direction: row-reverse;
  gap: 0 1.875rem;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-text-softest);
  padding: 3.125rem 6.25rem;
  background: var(--dark-bg-hard-planks);
  border: 1px solid var(--theme-night-border);
  border-radius: var(--border-radius);
  color: var(--dark-text-hard);
}
@media (max-width: 47.99875rem) {
  .program-result {
    flex-direction: column;
    padding: 2.5rem 2.8125rem;
  }
}
.program-result__img {
  position: relative;
  flex-shrink: 0;
  border-radius: calc(var(--border-radius) / 4);
  overflow: hidden;
  border: 1px solid var(--dark-border-hardest);
}
@media (min-width: 76.25em) {
  .program-result__img {
    width: 15.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 9.375rem , 6.438253012rem  +  12.0481927711vw , 15.625rem )) {
    .program-result__img {
      width: clamp( 9.375rem , 6.438253012rem  +  12.0481927711vw , 15.625rem );
    }
  }
  @supports not (width: clamp( 9.375rem , 6.438253012rem  +  12.0481927711vw , 15.625rem )) {
    .program-result__img {
      width: calc(
                9.375rem + 6.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-result__img {
    width: 9.375rem;
  }
}
@media (min-width: 76.25em) {
  .program-result__img {
    height: 20rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 13.75rem , 10.813253012rem  +  12.0481927711vw , 20rem )) {
    .program-result__img {
      height: clamp( 13.75rem , 10.813253012rem  +  12.0481927711vw , 20rem );
    }
  }
  @supports not (height: clamp( 13.75rem , 10.813253012rem  +  12.0481927711vw , 20rem )) {
    .program-result__img {
      height: calc(
                13.75rem + 6.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-result__img {
    height: 13.75rem;
  }
}
@media (max-width: 47.99875rem) {
  .program-result__img {
    margin-bottom: 1.875rem;
  }
}
.program-result__img picture,
.program-result__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.program-result__info {
  max-width: 24.375rem;
}
.program-result__title {
  font-weight: 700;
  line-height: 130%;
}
@media (min-width: 76.25em) {
  .program-result__title {
    font-size: 2.0625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.500753012rem  +  2.0481927711vw , 2.0625rem )) {
    .program-result__title {
      font-size: clamp( 1rem , 0.500753012rem  +  2.0481927711vw , 2.0625rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.500753012rem  +  2.0481927711vw , 2.0625rem )) {
    .program-result__title {
      font-size: calc(
                1rem + 1.0625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-result__title {
    font-size: 1rem;
  }
}
@media (min-width: 76.25em) {
  .program-result__title {
    margin-bottom: 0.9375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem )) {
    .program-result__title {
      margin-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem )) {
    .program-result__title {
      margin-bottom: calc(
                0.625rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-result__title {
    margin-bottom: 0.625rem;
  }
}
.program-result__text {
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
@media (min-width: 76.25em) {
  .program-result__text {
    font-size: 0.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.6912650602rem  +  0.2409638554vw , 0.875rem )) {
    .program-result__text {
      font-size: clamp( 0.75rem , 0.6912650602rem  +  0.2409638554vw , 0.875rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.6912650602rem  +  0.2409638554vw , 0.875rem )) {
    .program-result__text {
      font-size: calc(
                0.75rem + 0.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-result__text {
    font-size: 0.75rem;
  }
}
.program-result__button {
  max-width: 16.25rem;
  display: inline-flex;
  font-size: 0.8125rem;
  font-family: var(--font-accent);
  font-weight: 400;
  transition: var(--duration);
  color: var(--light-text-softest);
  background: var(--dark-bg-hard-badge);
  border: 1px solid var(--dark-border-hardest);
}
.program-result__button path {
  fill: var(--light-text-softest);
}
.program-result__button--mobile {
  display: none;
}
@media (any-hover: hover) {
  .program-result__button.btn-mini:hover {
    color: var(--light-text-softest);
    background: var(--dark-border-hardest);
  }
  .program-result__button.btn-mini:hover path {
    fill: var(--light-text-softest);
  }
}
.program-result__button.btn-mini:active {
  color: var(--light-text-softest);
  background: var(--dark-border-hardest);
}
.program-result__button.btn-mini:active path {
  fill: var(--light-text-softest);
}
@media (max-width: 47.99875rem) {
  .program-result__button {
    max-width: 24.375rem;
    display: none;
  }
  .program-result__button--mobile {
    display: inline-flex;
  }
}

.program-stage-career {
  color: var(--theme-text-hard);
  line-height: 1.3;
  display: flex;
  align-items: center;
  border-radius: calc(var(--border-radius) / 2);
  border: 1px solid var(--theme-accent-green-hard);
  background-color: var(--theme-accent-green-hard);
}
@media (min-width: 76.25em) {
  .program-stage-career {
    font-size: 1.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.5737951807rem  +  0.7228915663vw , 1.125rem )) {
    .program-stage-career {
      font-size: clamp( 0.75rem , 0.5737951807rem  +  0.7228915663vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.5737951807rem  +  0.7228915663vw , 1.125rem )) {
    .program-stage-career {
      font-size: calc(
                0.75rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage-career {
    font-size: 0.75rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage-career {
    -moz-column-gap: 2.6875rem;
         column-gap: 2.6875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports ((-moz-column-gap: clamp( 1.4375rem , 0.8501506024rem  +  2.4096385542vw , 2.6875rem )) or (column-gap: clamp( 1.4375rem , 0.8501506024rem  +  2.4096385542vw , 2.6875rem ))) {
    .program-stage-career {
      -moz-column-gap: clamp( 1.4375rem , 0.8501506024rem  +  2.4096385542vw , 2.6875rem );
           column-gap: clamp( 1.4375rem , 0.8501506024rem  +  2.4096385542vw , 2.6875rem );
    }
  }
  @supports not ((-moz-column-gap: clamp( 1.4375rem , 0.8501506024rem  +  2.4096385542vw , 2.6875rem )) or (column-gap: clamp( 1.4375rem , 0.8501506024rem  +  2.4096385542vw , 2.6875rem ))) {
    .program-stage-career {
      -moz-column-gap: calc(
                1.4375rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
           column-gap: calc(
                1.4375rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage-career {
    -moz-column-gap: 1.4375rem;
         column-gap: 1.4375rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage-career {
    padding-top: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.75rem , 0.515060241rem  +  0.9638554217vw , 1.25rem )) {
    .program-stage-career {
      padding-top: clamp( 0.75rem , 0.515060241rem  +  0.9638554217vw , 1.25rem );
    }
  }
  @supports not (padding-top: clamp( 0.75rem , 0.515060241rem  +  0.9638554217vw , 1.25rem )) {
    .program-stage-career {
      padding-top: calc(
                0.75rem + 0.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage-career {
    padding-top: 0.75rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage-career {
    padding-right: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 2.0625rem , 1.8569277108rem  +  0.843373494vw , 2.5rem )) {
    .program-stage-career {
      padding-right: clamp( 2.0625rem , 1.8569277108rem  +  0.843373494vw , 2.5rem );
    }
  }
  @supports not (padding-right: clamp( 2.0625rem , 1.8569277108rem  +  0.843373494vw , 2.5rem )) {
    .program-stage-career {
      padding-right: calc(
                2.0625rem + 0.4375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage-career {
    padding-right: 2.0625rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage-career {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.75rem , 0.515060241rem  +  0.9638554217vw , 1.25rem )) {
    .program-stage-career {
      padding-bottom: clamp( 0.75rem , 0.515060241rem  +  0.9638554217vw , 1.25rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.75rem , 0.515060241rem  +  0.9638554217vw , 1.25rem )) {
    .program-stage-career {
      padding-bottom: calc(
                0.75rem + 0.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage-career {
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage-career {
    padding-left: 2.3125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 2.0625rem , 1.9450301205rem  +  0.4819277108vw , 2.3125rem )) {
    .program-stage-career {
      padding-left: clamp( 2.0625rem , 1.9450301205rem  +  0.4819277108vw , 2.3125rem );
    }
  }
  @supports not (padding-left: clamp( 2.0625rem , 1.9450301205rem  +  0.4819277108vw , 2.3125rem )) {
    .program-stage-career {
      padding-left: calc(
                2.0625rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage-career {
    padding-left: 2.0625rem;
  }
}
.theme-dark .program-stage-career, .theme-dark-permanently .program-stage-career {
  background-color: transparent;
}
.program-stage-career__dollar {
  position: relative;
  z-index: 1;
  color: #000;
  font-weight: 700;
}
@media (min-width: 76.25em) {
  .program-stage-career__dollar {
    font-size: 1.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.3125rem , 1.077560241rem  +  0.9638554217vw , 1.8125rem )) {
    .program-stage-career__dollar {
      font-size: clamp( 1.3125rem , 1.077560241rem  +  0.9638554217vw , 1.8125rem );
    }
  }
  @supports not (font-size: clamp( 1.3125rem , 1.077560241rem  +  0.9638554217vw , 1.8125rem )) {
    .program-stage-career__dollar {
      font-size: calc(
                1.3125rem + 0.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage-career__dollar {
    font-size: 1.3125rem;
  }
}
.program-stage-career__dollar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #000;
}
@media (min-width: 76.25em) {
  .program-stage-career__dollar::before {
    width: 2.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 2rem , 1.6182228916rem  +  1.5662650602vw , 2.8125rem )) {
    .program-stage-career__dollar::before {
      width: clamp( 2rem , 1.6182228916rem  +  1.5662650602vw , 2.8125rem );
    }
  }
  @supports not (width: clamp( 2rem , 1.6182228916rem  +  1.5662650602vw , 2.8125rem )) {
    .program-stage-career__dollar::before {
      width: calc(
                2rem + 0.8125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage-career__dollar::before {
    width: 2rem;
  }
}
@media (min-width: 76.25em) {
  .program-stage-career__dollar::before {
    height: 2.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 2rem , 1.6182228916rem  +  1.5662650602vw , 2.8125rem )) {
    .program-stage-career__dollar::before {
      height: clamp( 2rem , 1.6182228916rem  +  1.5662650602vw , 2.8125rem );
    }
  }
  @supports not (height: clamp( 2rem , 1.6182228916rem  +  1.5662650602vw , 2.8125rem )) {
    .program-stage-career__dollar::before {
      height: calc(
                2rem + 0.8125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .program-stage-career__dollar::before {
    height: 2rem;
  }
}
.theme-dark .program-stage-career__dollar::before, .theme-dark-permanently .program-stage-career__dollar::before {
  background-color: var(--theme-accent-green-hard);
  border-color: var(--theme-accent-green-hard);
}
@media (max-width: 47.99875rem) {
  .program-stage-career__text span {
    display: none;
  }
}

.options__inner {
  position: relative;
}
.options__inner::before {
  content: "";
  position: absolute;
  top: -3.75rem;
  left: -4.0625rem;
  right: -4.0625rem;
  bottom: -3.75rem;
  z-index: -1;
  background: var(--theme-bg-hard-planks);
  border-radius: var(--border-radius);
  border: 1px solid var(--theme-night-border);
}
@media (max-width: 35.99875rem) {
  .options__inner::before {
    top: -2.5rem;
    bottom: -2.5rem;
  }
}
.options__heading {
  display: flex;
  justify-content: space-between;
  gap: 2.5rem 1.875rem;
}
@media (min-width: 76.25em) {
  .options__heading {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .options__heading {
      margin-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .options__heading {
      margin-bottom: calc(
                1.875rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .options__heading {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 56.24875rem) {
  .options__heading {
    flex-direction: column;
  }
}
.options__title {
  text-align: center;
}
@media (min-width: 76.25em) {
  .options__title {
    margin-bottom: 2.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.5625rem , 1.2688253012rem  +  1.2048192771vw , 2.1875rem )) {
    .options__title {
      margin-bottom: clamp( 1.5625rem , 1.2688253012rem  +  1.2048192771vw , 2.1875rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.5625rem , 1.2688253012rem  +  1.2048192771vw , 2.1875rem )) {
    .options__title {
      margin-bottom: calc(
                1.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .options__title {
    margin-bottom: 1.5625rem;
  }
}
.options__type {
  max-width: 32.1875rem;
}
@media (max-width: 56.24875rem) {
  .options__type {
    max-width: none;
  }
}
.options__type-label {
  cursor: pointer;
  padding: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--border-radius) / 2 - 0.1875rem);
  transition: background var(--duration);
}
@media (any-hover: hover) {
  .options__type-label:hover {
    background: rgba(255, 255, 255, 0.3490196078);
  }
}
.options__type-label:has(:checked) {
  background: #fff;
}
.options__type-radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.options__slider.swiper {
  overflow: visible;
  margin: 0;
}
@media (min-width: 76.25em) {
  .options__slider.swiper {
    margin-left: -1.09375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-left: clamp( -1.09375rem , -0.6344126506rem  +  -0.6024096386vw , -0.78125rem )) {
    .options__slider.swiper {
      margin-left: clamp( -1.09375rem , -0.6344126506rem  +  -0.6024096386vw , -0.78125rem );
    }
  }
  @supports not (margin-left: clamp( -1.09375rem , -0.6344126506rem  +  -0.6024096386vw , -0.78125rem )) {
    .options__slider.swiper {
      margin-left: calc(
                -0.78125rem + -0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .options__slider.swiper {
    margin-left: -0.78125rem;
  }
}
@media (min-width: 76.25em) {
  .options__slider.swiper {
    margin-right: -1.09375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-right: clamp( -1.09375rem , -0.6344126506rem  +  -0.6024096386vw , -0.78125rem )) {
    .options__slider.swiper {
      margin-right: clamp( -1.09375rem , -0.6344126506rem  +  -0.6024096386vw , -0.78125rem );
    }
  }
  @supports not (margin-right: clamp( -1.09375rem , -0.6344126506rem  +  -0.6024096386vw , -0.78125rem )) {
    .options__slider.swiper {
      margin-right: calc(
                -0.78125rem + -0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .options__slider.swiper {
    margin-right: -0.78125rem;
  }
}
.options__slider-wrapper.swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(19.375rem, 1fr));
}
@media (min-width: 76.25em) {
  .options__slide {
    padding-left: 1.09375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.3125rem , -0.0545933735rem  +  1.5060240964vw , 1.09375rem )) {
    .options__slide {
      padding-left: clamp( 0.3125rem , -0.0545933735rem  +  1.5060240964vw , 1.09375rem );
    }
  }
  @supports not (padding-left: clamp( 0.3125rem , -0.0545933735rem  +  1.5060240964vw , 1.09375rem )) {
    .options__slide {
      padding-left: calc(
                0.3125rem + 0.78125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .options__slide {
    padding-left: 0.3125rem;
  }
}
@media (min-width: 76.25em) {
  .options__slide {
    padding-right: 1.09375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.3125rem , -0.0545933735rem  +  1.5060240964vw , 1.09375rem )) {
    .options__slide {
      padding-right: clamp( 0.3125rem , -0.0545933735rem  +  1.5060240964vw , 1.09375rem );
    }
  }
  @supports not (padding-right: clamp( 0.3125rem , -0.0545933735rem  +  1.5060240964vw , 1.09375rem )) {
    .options__slide {
      padding-right: calc(
                0.3125rem + 0.78125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .options__slide {
    padding-right: 0.3125rem;
  }
}
.options__slide:not(.options__slide--includes-popular) {
  padding-top: 2.5rem;
}
@media (max-width: 35.99875rem) {
  .options__slide:not(.options__slide--includes-popular) {
    padding-top: 1.875rem;
  }
}
.options__option {
  height: 100%;
  width: 100%;
}

.option {
  font-size: 1rem;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
}
.option__body {
  border-radius: var(--border-radius);
  background: var(--theme-bg-hardest);
  flex: 1 1 auto;
  padding: 0.625rem;
}
@media (max-width: 47.99875rem) {
  .option__body {
    padding: 0.4375rem;
  }
}
@media (max-width: 35.99875rem) {
  .option__body {
    border-radius: 0.9375rem;
  }
}
.option__head {
  font-family: var(--font-accent);
  color: var(--theme-text-hard);
  padding: 1.25rem;
  background: var(--theme-bg-hard-badge);
  border-radius: 1.0625rem;
  border: 1px solid var(--theme-night-border);
}
@media (min-width: 76.25em) {
  .option__head {
    padding-right: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem )) {
    .option__head {
      padding-right: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem );
    }
  }
  @supports not (padding-right: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem )) {
    .option__head {
      padding-right: calc(
                0.9375rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__head {
    padding-right: 0.9375rem;
  }
}
.option--popular .option__head {
  color: var(--light-text-hard);
  background: var(--theme-accent-green-hard);
  border: none;
}
@media (max-width: 35.99875rem) {
  .option__head {
    padding: 0.625rem 0.9375rem;
    border-radius: 0.625rem;
  }
}
.option__popular-mark {
  color: var(--theme-text-hardest);
  line-height: 1.7;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 99px;
  text-align: center;
  padding: 0 0.625rem;
}
@media (min-width: 76.25em) {
  .option__popular-mark {
    margin-bottom: 0.9375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem )) {
    .option__popular-mark {
      margin-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem )) {
    .option__popular-mark {
      margin-bottom: calc(
                0.625rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__popular-mark {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .option__popular-mark {
    font-size: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .option__popular-mark {
      font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .option__popular-mark {
      font-size: calc(
                0.75rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__popular-mark {
    font-size: 0.75rem;
  }
}
.option--popular .option__popular-mark {
  color: var(--light-text-hard);
}
.option__head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
}
@media (min-width: 76.25em) {
  .option__head-top {
    margin-bottom: 0.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.125rem , -0.0218373494rem  +  0.6024096386vw , 0.4375rem )) {
    .option__head-top {
      margin-bottom: clamp( 0.125rem , -0.0218373494rem  +  0.6024096386vw , 0.4375rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.125rem , -0.0218373494rem  +  0.6024096386vw , 0.4375rem )) {
    .option__head-top {
      margin-bottom: calc(
                0.125rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__head-top {
    margin-bottom: 0.125rem;
  }
}
.option__title {
  font-family: var(--font-accent);
  font-weight: 400;
  letter-spacing: 0.03rem;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 76.25em) {
  .option__title {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem )) {
    .option__title {
      font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem )) {
    .option__title {
      font-size: calc(
                1rem + 0.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__title {
    font-size: 1rem;
  }
}
@media (max-width: 35.99875rem) {
  .option__title {
    margin-bottom: 0.9375rem;
  }
}
.option__discount {
  border-radius: 100px;
  color: var(--light-text-hard);
  background: var(--theme-bg-badge);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font);
}
@media (min-width: 76.25em) {
  .option__discount {
    font-size: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .option__discount {
      font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .option__discount {
      font-size: calc(
                0.75rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__discount {
    font-size: 0.75rem;
  }
}
@media (min-width: 76.25em) {
  .option__discount {
    min-width: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (min-width: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem )) {
    .option__discount {
      min-width: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem );
    }
  }
  @supports not (min-width: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem )) {
    .option__discount {
      min-width: calc(
                2.5rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__discount {
    min-width: 2.5rem;
  }
}
@media (min-width: 76.25em) {
  .option__discount {
    height: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .option__discount {
      height: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (height: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .option__discount {
      height: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__discount {
    height: 1.25rem;
  }
}
.option--popular .option__discount {
  color: var(--dark-text-hard);
  background: var(--light-bg-soft);
}
.option__price {
  font-weight: 700;
}
@media (min-width: 76.25em) {
  .option__price {
    font-size: 1.3125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.8531626506rem  +  0.6024096386vw , 1.3125rem )) {
    .option__price {
      font-size: clamp( 1rem , 0.8531626506rem  +  0.6024096386vw , 1.3125rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.8531626506rem  +  0.6024096386vw , 1.3125rem )) {
    .option__price {
      font-size: calc(
                1rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__price {
    font-size: 1rem;
  }
}
.option__current {
  display: inline;
  color: var(--theme-text-hard);
}
.option__current .option__multiplier {
  font-size: 0.6666666667em;
}
.option__current .option__multiplier span {
  font-size: 1.5em;
}
.option--popular .option__current {
  color: var(--light-text-hard);
}
.option__old {
  font-size: 0.7619047619em;
  font-weight: 400;
  display: inline;
  color: var(--theme-text-softer-old);
  vertical-align: text-top;
}
.option--popular .option__old {
  color: var(--light-text-softer-old);
}
.option__old > span {
  text-decoration: line-through;
}
.option__multiplier {
  display: inline;
}
.option__head-bottom {
  color: var(--theme-text-softer);
  font-weight: 400;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (min-width: 76.25em) {
  .option__head-bottom {
    font-size: 0.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.5rem , 0.4412650602rem  +  0.2409638554vw , 0.625rem )) {
    .option__head-bottom {
      font-size: clamp( 0.5rem , 0.4412650602rem  +  0.2409638554vw , 0.625rem );
    }
  }
  @supports not (font-size: clamp( 0.5rem , 0.4412650602rem  +  0.2409638554vw , 0.625rem )) {
    .option__head-bottom {
      font-size: calc(
                0.5rem + 0.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__head-bottom {
    font-size: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .option__head-bottom {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem )) {
    .option__head-bottom {
      margin-bottom: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem )) {
    .option__head-bottom {
      margin-bottom: calc(
                0.9375rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__head-bottom {
    margin-bottom: 0.9375rem;
  }
}
.option--popular .option__head-bottom {
  color: rgba(0, 0, 0, 0.6);
}
.option__head-list {
  max-width: 12rem;
}
.option__places {
  color: var(--theme-text-hardest);
  text-align: right;
}
.option__places span {
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.4em;
}
.option--popular .option__places {
  color: var(--light-text-hard);
}
.option__head-button {
  width: 100%;
  font-weight: 400;
}
@media (min-width: 76.25em) {
  .option__head-button {
    font-size: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .option__head-button {
      font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .option__head-button {
      font-size: calc(
                0.75rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__head-button {
    font-size: 0.75rem;
  }
}
@media (min-width: 76.25em) {
  .option__head-button {
    height: 2.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 2.1875rem , 1.8938253012rem  +  1.2048192771vw , 2.8125rem )) {
    .option__head-button {
      height: clamp( 2.1875rem , 1.8938253012rem  +  1.2048192771vw , 2.8125rem );
    }
  }
  @supports not (height: clamp( 2.1875rem , 1.8938253012rem  +  1.2048192771vw , 2.8125rem )) {
    .option__head-button {
      height: calc(
                2.1875rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__head-button {
    height: 2.1875rem;
  }
}
.option--popular .option__head-button {
  color: var(--dark-text-hard);
  background: var(--light-bg-softest);
}
@media (any-hover: hover) {
  .option--popular .option__head-button:hover {
    background: var(--dark-bg-hard-planks);
  }
}
.option__features {
  padding: 0 0.25rem;
  padding-top: 1.25rem;
}
@media (min-width: 76.25em) {
  .option__features {
    font-size: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .option__features {
      font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .option__features {
      font-size: calc(
                0.75rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__features {
    font-size: 0.75rem;
  }
}
@media (min-width: 76.25em) {
  .option__features {
    padding-bottom: 4.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.875rem , 0.7003012048rem  +  4.8192771084vw , 4.375rem )) {
    .option__features {
      padding-bottom: clamp( 1.875rem , 0.7003012048rem  +  4.8192771084vw , 4.375rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.875rem , 0.7003012048rem  +  4.8192771084vw , 4.375rem )) {
    .option__features {
      padding-bottom: calc(
                1.875rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__features {
    padding-bottom: 1.875rem;
  }
}
.option__features-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625em;
}
@media (min-width: 76.25em) {
  .option__features-item {
    margin-bottom: 0.9375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem )) {
    .option__features-item {
      margin-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem )) {
    .option__features-item {
      margin-bottom: calc(
                0.625rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__features-item {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .option__features-item {
    padding-bottom: 0.9375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem )) {
    .option__features-item {
      padding-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.625rem , 0.4781626506rem  +  0.6024096386vw , 0.9375rem )) {
    .option__features-item {
      padding-bottom: calc(
                0.625rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .option__features-item {
    padding-bottom: 0.625rem;
  }
}
.option__features-list--none .option__features-item {
  color: var(--theme-text-softer-old);
}
.option__features-list:last-child .option__features-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.option__features-list:last-child .option__features-item:last-child::after {
  content: none;
}
.option__features-item::before {
  content: "";
  display: inline-block;
  width: 1.4375em;
  height: 1.4375em;
  flex-shrink: 0;
}
.option__features-list--accent .option__features-item::before {
  background: url("/img/icons/accent-check.svg") 0 0/100% 100% no-repeat;
}
.option__features-list--default .option__features-item::before {
  background: url("/img/icons/star-check.svg") 0 0/100% 100% no-repeat;
}
.theme-dark .option__features-list--default .option__features-item::before, .theme-dark-permanently .option__features-list--default .option__features-item::before {
  background: url("/img/icons/star-check-dark.svg") 0 0/100% 100% no-repeat;
}
.option__features-list--none .option__features-item::before {
  background: url("/img/icons/circle-cross.svg") 0 0/100% 100% no-repeat;
}
.theme-dark .option__features-list--none .option__features-item::before, .theme-dark-permanently .option__features-list--none .option__features-item::before {
  background: url("/img/icons/circle-cross-dark.svg") 0 0/100% 100% no-repeat;
}
.option__features-list--prime .option__features-item::before {
  background: url("/img/icons/prime-star.png") 0 0/100% 100% no-repeat;
}
.option__features-item::after {
  content: "";
  position: absolute;
  left: 2.0625em;
  right: 0;
  bottom: 0;
  background: var(--theme-text-softer-underline);
  height: 1px;
}

@media (min-width: 76.25em) {
  .installment {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .installment {
      padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .installment {
      padding-bottom: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment {
    padding-bottom: 1.25rem;
  }
}
.installment__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 76.25em) {
  .installment__container {
    gap: 2rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (gap: clamp( 1.75rem , 1.6325301205rem  +  0.4819277108vw , 2rem )) {
    .installment__container {
      gap: clamp( 1.75rem , 1.6325301205rem  +  0.4819277108vw , 2rem );
    }
  }
  @supports not (gap: clamp( 1.75rem , 1.6325301205rem  +  0.4819277108vw , 2rem )) {
    .installment__container {
      gap: calc(
                1.75rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment__container {
    gap: 1.75rem;
  }
}
@media (max-width: 68.125rem) {
  .installment__container {
    justify-content: inherit;
    flex-direction: column;
  }
}
.installment__main-info {
  max-width: 698px;
}
.installment__head {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 30px;
}
@media (max-width: 35.99875rem) {
  .installment__title {
    line-height: 110%;
    flex: 0;
  }
}
@media (max-width: 35.99875rem) and (min-width: 25em) {
  .installment__title {
    font-size: 2rem;
  }
}
@media (max-width: 35.99875rem) and (min-width: 20em) and (max-width: 25em) {
  @supports (font-size: clamp( 1.625rem , 0.125rem  +  7.5vw , 2rem )) {
    .installment__title {
      font-size: clamp( 1.625rem , 0.125rem  +  7.5vw , 2rem );
    }
  }
  @supports not (font-size: clamp( 1.625rem , 0.125rem  +  7.5vw , 2rem )) {
    .installment__title {
      font-size: calc(
                1.625rem + 0.375 * (100vw - 20rem) / 5
            );
    }
  }
}
@media (max-width: 35.99875rem) and (max-width: 20em) {
  .installment__title {
    font-size: 1.625rem;
  }
}
.installment__duration {
  padding: 9px 22px 5px;
  color: var(--theme-text-hard);
  font-family: var(--font-accent);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  border: 1px solid var(--theme-installment-border);
  border-radius: 45px;
  background: rgba(0, 0, 0, 0.01);
}
@media (max-width: 61.99875rem) {
  .installment__duration {
    border-radius: 20px;
  }
}
@media (max-width: 35.99875rem) {
  .installment__duration {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 23px;
    line-height: 100%;
    padding-top: 10px;
    padding-bottom: 11px;
  }
}
@media (max-width: 35.99875rem) and (min-width: 24.375em) {
  .installment__duration {
    padding-left: 2.8125rem;
  }
}
@media (max-width: 35.99875rem) and (min-width: 20em) and (max-width: 24.375em) {
  @supports (padding-left: clamp( 1.5625rem , -4.1517857143rem  +  28.5714285714vw , 2.8125rem )) {
    .installment__duration {
      padding-left: clamp( 1.5625rem , -4.1517857143rem  +  28.5714285714vw , 2.8125rem );
    }
  }
  @supports not (padding-left: clamp( 1.5625rem , -4.1517857143rem  +  28.5714285714vw , 2.8125rem )) {
    .installment__duration {
      padding-left: calc(
                1.5625rem + 1.25 * (100vw - 20rem) / 4.375
            );
    }
  }
}
@media (max-width: 35.99875rem) and (max-width: 20em) {
  .installment__duration {
    padding-left: 1.5625rem;
  }
}
@media (max-width: 35.99875rem) and (min-width: 24.375em) {
  .installment__duration {
    padding-right: 2.8125rem;
  }
}
@media (max-width: 35.99875rem) and (min-width: 20em) and (max-width: 24.375em) {
  @supports (padding-right: clamp( 1.5625rem , -4.1517857143rem  +  28.5714285714vw , 2.8125rem )) {
    .installment__duration {
      padding-right: clamp( 1.5625rem , -4.1517857143rem  +  28.5714285714vw , 2.8125rem );
    }
  }
  @supports not (padding-right: clamp( 1.5625rem , -4.1517857143rem  +  28.5714285714vw , 2.8125rem )) {
    .installment__duration {
      padding-right: calc(
                1.5625rem + 1.25 * (100vw - 20rem) / 4.375
            );
    }
  }
}
@media (max-width: 35.99875rem) and (max-width: 20em) {
  .installment__duration {
    padding-right: 1.5625rem;
  }
}
@media (max-width: 35.99875rem) {
  .installment__duration span {
    font-weight: 700;
  }
}
@media (max-width: 35.99875rem) and (min-width: 24.375em) {
  .installment__duration span {
    font-size: 1.25rem;
  }
}
@media (max-width: 35.99875rem) and (min-width: 20em) and (max-width: 24.375em) {
  @supports (font-size: clamp( 1.125rem , 0.5535714286rem  +  2.8571428571vw , 1.25rem )) {
    .installment__duration span {
      font-size: clamp( 1.125rem , 0.5535714286rem  +  2.8571428571vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.5535714286rem  +  2.8571428571vw , 1.25rem )) {
    .installment__duration span {
      font-size: calc(
                1.125rem + 0.125 * (100vw - 20rem) / 4.375
            );
    }
  }
}
@media (max-width: 35.99875rem) and (max-width: 20em) {
  .installment__duration span {
    font-size: 1.125rem;
  }
}
.installment__text {
  font-family: var(--font-family);
  line-height: 140%;
  color: var(--theme-text-installment);
}
@media (min-width: 76.25em) {
  .installment__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem )) {
    .installment__text {
      font-size: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem )) {
    .installment__text {
      font-size: calc(
                0.9375rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment__text {
    font-size: 0.9375rem;
  }
}
.installment__text:not(:last-child) {
  margin-bottom: 30px;
}
.installment__list {
  list-style: none;
  padding: 17px 49px;
  counter-reset: installment;
}
@media (max-width: 35.99875rem) {
  .installment__list {
    padding: 11px 31px;
  }
}
.installment__item {
  display: flex;
  align-items: center;
}
@media (min-width: 76.25em) {
  .installment__item {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem )) {
    .installment__item {
      font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem )) {
    .installment__item {
      font-size: calc(
                0.875rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment__item {
    font-size: 0.875rem;
  }
}
@media (min-width: 76.25em) {
  .installment__item {
    gap: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (gap: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem )) {
    .installment__item {
      gap: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem );
    }
  }
  @supports not (gap: clamp( 0.8125rem , 0.6069277108rem  +  0.843373494vw , 1.25rem )) {
    .installment__item {
      gap: calc(
                0.8125rem + 0.4375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment__item {
    gap: 0.8125rem;
  }
}
@media (min-width: 76.25em) {
  .installment__item:not(:last-child) {
    margin-bottom: 0.3125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.125rem , 0.0368975904rem  +  0.3614457831vw , 0.3125rem )) {
    .installment__item:not(:last-child) {
      margin-bottom: clamp( 0.125rem , 0.0368975904rem  +  0.3614457831vw , 0.3125rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.125rem , 0.0368975904rem  +  0.3614457831vw , 0.3125rem )) {
    .installment__item:not(:last-child) {
      margin-bottom: calc(
                0.125rem + 0.1875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment__item:not(:last-child) {
    margin-bottom: 0.125rem;
  }
}
.installment__item::before {
  counter-increment: installment;
  content: counter(installment) ". ";
}
.installment__partners {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 6px 41px 8px;
}
@media (min-width: 76.25em) {
  .installment__partners-text {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .installment__partners-text {
      font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .installment__partners-text {
      font-size: calc(
                1rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment__partners-text {
    font-size: 1rem;
  }
}
@media (max-width: 35.99875rem) {
  .installment__partners {
    padding: 8px 31px 7px;
  }
}
.installment__logo-t-bank {
  width: 43px;
  height: 51px;
}
@media (max-width: 48rem) {
  .installment__logo-t-bank {
    width: 34px;
    height: 40px;
  }
}
.installment__logo-sber {
  width: 44px;
  height: 44px;
}
@media (max-width: 48rem) {
  .installment__logo-sber {
    width: 35px;
    height: 35px;
  }
}
.installment__info {
  font-family: var(--font-family);
  line-height: 140%;
  color: var(--theme-text-hard);
  background: var(--theme-bg-hard-planks);
  border-radius: 10px;
  border: 1px solid var(--theme-night-border);
}
@media (max-width: 35.99875rem) {
  .installment__info {
    border-radius: 5px;
  }
}
.installment__info:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 35.99875rem) {
  .installment__info:not(:last-child) {
    margin-bottom: 20px;
  }
}

.split {
  padding-bottom: 82px;
  font-family: var(--font-accent);
}
@media (max-width: 35.99875rem) {
  .split {
    padding-bottom: 70px;
  }
}
.split__inner {
  border-radius: 10px;
  padding: 44px;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  background: var(--theme-bg-hard-planks);
  border: 1px solid var(--theme-night-border);
}
@media (max-width: 62.5rem) {
  .split__inner {
    align-items: center;
    flex-direction: column;
    gap: 50px;
  }
}
@media (max-width: 35.99875rem) {
  .split__inner {
    padding: 22px;
  }
}
.split__info {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 94px;
}
@media (max-width: 61.99875rem) {
  .split__info {
    align-items: center;
  }
}
@media (max-width: 35.99875rem) {
  .split__info {
    gap: 60px;
  }
}
.split__info-logo {
  max-width: 366px;
  max-height: 53px;
}
@media (max-width: 35.99875rem) {
  .split__info-logo {
    max-width: 218px;
    max-height: 32px;
  }
}
.split__info-logo img {
  max-width: 100%;
  max-height: 100%;
}
.split__info-hero {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 400px;
}
@media (max-width: 35.99875rem) {
  .split__info-hero {
    gap: 10px;
    align-items: center;
  }
}
.split__info-title {
  font-weight: 700;
  font-size: 41px;
}
@media (max-width: 35.99875rem) {
  .split__info-title {
    font-size: 27px;
    max-width: 270px;
    text-align: center;
  }
}
@media (max-width: 21.25rem) {
  .split__info-title {
    font-size: 7vw;
  }
}
.split__info-text {
  font-weight: 500;
  font-size: 18px;
}
.theme-dark .split__info-text, .theme-dark-permanently .split__info-text {
  color: #cacaca;
}
@media (max-width: 62.5rem) {
  .split__info-text {
    text-align: center;
  }
}
@media (max-width: 35.99875rem) {
  .split__info-text {
    font-size: 13px;
    max-width: 300px;
  }
}
@media (max-width: 21.25rem) {
  .split__info-text {
    font-size: 4vw;
  }
}
.split__content {
  max-width: 539px;
  max-height: 342px;
}
.split__content img {
  max-width: 100%;
  max-height: 100%;
}

.theme-dark .split__info-logo img {
  content: url("/img/icons/split-yandex-logo-white.png");
}

.try__inner {
  border-radius: var(--border-radius);
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: var(--theme-bg-hard) url("/img/decor/lamp.png") 100% 50% no-repeat;
}
@media (min-width: 76.25em) {
  .try__inner {
    padding-top: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .try__inner {
      padding-top: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (padding-top: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .try__inner {
      padding-top: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .try__inner {
    padding-top: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .try__inner {
    padding-right: 6.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 1.125rem , -1.2831325301rem  +  9.8795180723vw , 6.25rem )) {
    .try__inner {
      padding-right: clamp( 1.125rem , -1.2831325301rem  +  9.8795180723vw , 6.25rem );
    }
  }
  @supports not (padding-right: clamp( 1.125rem , -1.2831325301rem  +  9.8795180723vw , 6.25rem )) {
    .try__inner {
      padding-right: calc(
                1.125rem + 5.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .try__inner {
    padding-right: 1.125rem;
  }
}
@media (min-width: 76.25em) {
  .try__inner {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .try__inner {
      padding-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .try__inner {
      padding-bottom: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .try__inner {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .try__inner {
    padding-left: 6.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.125rem , -1.2831325301rem  +  9.8795180723vw , 6.25rem )) {
    .try__inner {
      padding-left: clamp( 1.125rem , -1.2831325301rem  +  9.8795180723vw , 6.25rem );
    }
  }
  @supports not (padding-left: clamp( 1.125rem , -1.2831325301rem  +  9.8795180723vw , 6.25rem )) {
    .try__inner {
      padding-left: calc(
                1.125rem + 5.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .try__inner {
    padding-left: 1.125rem;
  }
}
@media (max-width: 61.99875rem) {
  .try__inner {
    background-image: url("/img/decor/lamp-mobile.png");
    background-size: auto 80%;
    background-position: 109% -20%;
  }
}
@media (min-width: 76.25em) {
  .try__title {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 2.1686746988rem  +  -1.2048192771vw , 1.875rem )) {
    .try__title {
      margin-bottom: clamp( 1.25rem , 2.1686746988rem  +  -1.2048192771vw , 1.875rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 2.1686746988rem  +  -1.2048192771vw , 1.875rem )) {
    .try__title {
      margin-bottom: calc(
                1.875rem + -0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .try__title {
    margin-bottom: 1.875rem;
  }
}
.try__text {
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.03rem;
}
@media (min-width: 76.25em) {
  .try__text {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .try__text {
      font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .try__text {
      font-size: calc(
                1.125rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .try__text {
    font-size: 1.125rem;
  }
}
@media (min-width: 76.25em) {
  .try__text {
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.7801204819rem  +  1.9277108434vw , 2.25rem )) {
    .try__text {
      margin-bottom: clamp( 1.25rem , 0.7801204819rem  +  1.9277108434vw , 2.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.7801204819rem  +  1.9277108434vw , 2.25rem )) {
    .try__text {
      margin-bottom: calc(
                1.25rem + 1 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .try__text {
    margin-bottom: 1.25rem;
  }
}
.try__btn {
  max-width: 7.875rem;
}
@media (max-width: 37.49875rem) {
  .try__btn {
    height: 2.3125rem;
    max-width: none;
  }
}

@media (min-width: 76.25em) {
  .questions__title {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .questions__title {
      margin-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .questions__title {
      margin-bottom: calc(
                1.875rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .questions__title {
    margin-bottom: 1.875rem;
  }
}
.question {
  font-weight: 500;
  border-bottom: 1px solid var(--theme-text-softer-old);
}
.question:first-child {
  border-top: 1px solid var(--theme-text-softer-old);
}
.question__head {
  color: var(--theme-text-hard);
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (min-width: 76.25em) {
  .question__head {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .question__head {
      font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .question__head {
      font-size: calc(
                1.125rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .question__head {
    font-size: 1.125rem;
  }
}
@media (min-width: 76.25em) {
  .question__head {
    padding-top: 2rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem )) {
    .question__head {
      padding-top: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem );
    }
  }
  @supports not (padding-top: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem )) {
    .question__head {
      padding-top: calc(
                1.25rem + 0.75 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .question__head {
    padding-top: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .question__head {
    padding-bottom: 2rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem )) {
    .question__head {
      padding-bottom: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.8975903614rem  +  1.4457831325vw , 2rem )) {
    .question__head {
      padding-bottom: calc(
                1.25rem + 0.75 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .question__head {
    padding-bottom: 1.25rem;
  }
}
.question__button {
  flex-shrink: 0;
  position: relative;
}
@media (min-width: 76.25em) {
  .question__button {
    width: 1.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 1.5rem , 1.3825301205rem  +  0.4819277108vw , 1.75rem )) {
    .question__button {
      width: clamp( 1.5rem , 1.3825301205rem  +  0.4819277108vw , 1.75rem );
    }
  }
  @supports not (width: clamp( 1.5rem , 1.3825301205rem  +  0.4819277108vw , 1.75rem )) {
    .question__button {
      width: calc(
                1.5rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .question__button {
    width: 1.5rem;
  }
}
@media (min-width: 76.25em) {
  .question__button {
    height: 1.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (height: clamp( 1.5rem , 1.3825301205rem  +  0.4819277108vw , 1.75rem )) {
    .question__button {
      height: clamp( 1.5rem , 1.3825301205rem  +  0.4819277108vw , 1.75rem );
    }
  }
  @supports not (height: clamp( 1.5rem , 1.3825301205rem  +  0.4819277108vw , 1.75rem )) {
    .question__button {
      height: calc(
                1.5rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .question__button {
    height: 1.5rem;
  }
}
.question__button::before, .question__button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: block;
  height: 1px;
  background: var(--theme-bg-soft);
}
.question__button::after {
  transition: all var(--duration);
}
[data-acc-progress=closed] .question__button::after {
  transform: translateY(-50%) rotate(90deg);
}
.question__content {
  max-height: 0;
  overflow: hidden;
  transition: all var(--duration);
}
.question__content-inner {
  color: var(--theme-text-hard);
}
@media (min-width: 76.25em) {
  .question__content-inner {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem )) {
    .question__content-inner {
      font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 0.875rem , 0.6987951807rem  +  0.7228915663vw , 1.25rem )) {
    .question__content-inner {
      font-size: calc(
                0.875rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .question__content-inner {
    font-size: 0.875rem;
  }
}
@media (min-width: 76.25em) {
  .question__content-inner {
    padding-top: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.0000000625rem , -0.5873493057rem  +  2.4096384337vw , 1.25rem )) {
    .question__content-inner {
      padding-top: clamp( 0.0000000625rem , -0.5873493057rem  +  2.4096384337vw , 1.25rem );
    }
  }
  @supports not (padding-top: clamp( 0.0000000625rem , -0.5873493057rem  +  2.4096384337vw , 1.25rem )) {
    .question__content-inner {
      padding-top: calc(
                0.0000000625rem + 1.2499999375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .question__content-inner {
    padding-top: 0.0000000625rem;
  }
}
@media (min-width: 76.25em) {
  .question__content-inner {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .question__content-inner {
      padding-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.3689759036rem  +  3.6144578313vw , 3.125rem )) {
    .question__content-inner {
      padding-bottom: calc(
                1.25rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .question__content-inner {
    padding-bottom: 1.25rem;
  }
}
.question__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.hero__title {
  color: var(--theme-text-hardest);
  font-family: var(--font-accent);
  line-height: 1.2;
  font-weight: 700;
}
@media (min-width: 76.25em) {
  .hero__title {
    font-size: 2.8125rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 2.1875rem , -0.5171943231rem  +  4.3668122271vw , 2.8125rem )) {
    .hero__title {
      font-size: clamp( 2.1875rem , -0.5171943231rem  +  4.3668122271vw , 2.8125rem );
    }
  }
  @supports not (font-size: clamp( 2.1875rem , -0.5171943231rem  +  4.3668122271vw , 2.8125rem )) {
    .hero__title {
      font-size: calc(
                2.1875rem + 0.625 * (100vw - 61.9375rem) / 14.3125
            );
    }
  }
}
@media (min-width: 24.375em) and (max-width: 61.9375em) {
  @supports (font-size: clamp( 1.5625rem , 1.1569259567rem  +  1.6638935108vw , 2.1875rem )) {
    .hero__title {
      font-size: clamp( 1.5625rem , 1.1569259567rem  +  1.6638935108vw , 2.1875rem );
    }
  }
  @supports not (font-size: clamp( 1.5625rem , 1.1569259567rem  +  1.6638935108vw , 2.1875rem )) {
    .hero__title {
      font-size: calc(
                1.5625rem + 0.625 * (100vw - 24.375rem) / 37.5625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero__title {
    font-size: 1.5625rem;
  }
}
@media (min-width: 76.25em) {
  .hero__title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .hero__title {
      margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .hero__title {
      margin-bottom: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero__title {
    margin-bottom: 1.25rem;
  }
}
.hero__title span {
  color: var(--theme-accent-green-hard);
}
@media (max-width: 61.99875rem) {
  .hero__title {
    text-align: center;
    max-width: 31.875rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.hero__text {
  color: var(--theme-text-hardest);
  font-family: var(--font-accent);
  line-height: 1.4;
  margin-bottom: 2.5rem;
}
@media (min-width: 76.25em) {
  .hero__text {
    font-size: 1.375rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.25rem , 0.7090611354rem  +  0.8733624454vw , 1.375rem )) {
    .hero__text {
      font-size: clamp( 1.25rem , 0.7090611354rem  +  0.8733624454vw , 1.375rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , 0.7090611354rem  +  0.8733624454vw , 1.375rem )) {
    .hero__text {
      font-size: calc(
                1.25rem + 0.125 * (100vw - 61.9375rem) / 14.3125
            );
    }
  }
}
@media (min-width: 24.375em) and (max-width: 61.9375em) {
  @supports (font-size: clamp( 1.125rem , 1.0438851913rem  +  0.3327787022vw , 1.25rem )) {
    .hero__text {
      font-size: clamp( 1.125rem , 1.0438851913rem  +  0.3327787022vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 1.0438851913rem  +  0.3327787022vw , 1.25rem )) {
    .hero__text {
      font-size: calc(
                1.125rem + 0.125 * (100vw - 24.375rem) / 37.5625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .hero__text {
    font-size: 1.125rem;
  }
}
@media (max-width: 61.99875rem) {
  .hero__text {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 31.25rem;
  }
}
@media (max-width: 35.4375rem) {
  .hero__text {
    font-size: 3.6vw;
  }
}

.payment-hero {
  display: flex;
  padding: 2.5rem 0;
}
@media (min-width: 47.99875rem) {
  .payment-hero {
    min-height: 28.5rem;
  }
}
.payment-hero .container {
  display: flex;
  width: 100%;
}
.payment-hero__inner {
  width: 100%;
}
.payment-hero__inner > * {
  flex-grow: 1;
}
@media (min-width: 37.49875rem) {
  .payment-hero__inner {
    display: flex;
  }
}
.payment-hero__content {
  line-height: 1.3;
  max-width: 22.1ch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.875rem;
}
@media (min-width: 76.25em) {
  .payment-hero__content {
    font-size: 2.8125rem;
  }
}
@media (min-width: 61.9375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 2.1875rem , -0.5171943231rem  +  4.3668122271vw , 2.8125rem )) {
    .payment-hero__content {
      font-size: clamp( 2.1875rem , -0.5171943231rem  +  4.3668122271vw , 2.8125rem );
    }
  }
  @supports not (font-size: clamp( 2.1875rem , -0.5171943231rem  +  4.3668122271vw , 2.8125rem )) {
    .payment-hero__content {
      font-size: calc(
                2.1875rem + 0.625 * (100vw - 61.9375rem) / 14.3125
            );
    }
  }
}
@media (min-width: 24.375em) and (max-width: 61.9375em) {
  @supports (font-size: clamp( 1.5625rem , 1.1569259567rem  +  1.6638935108vw , 2.1875rem )) {
    .payment-hero__content {
      font-size: clamp( 1.5625rem , 1.1569259567rem  +  1.6638935108vw , 2.1875rem );
    }
  }
  @supports not (font-size: clamp( 1.5625rem , 1.1569259567rem  +  1.6638935108vw , 2.1875rem )) {
    .payment-hero__content {
      font-size: calc(
                1.5625rem + 0.625 * (100vw - 24.375rem) / 37.5625
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-hero__content {
    font-size: 1.5625rem;
  }
}
.payment-hero__title {
  font-family: var(--font-accent);
  font-weight: 700;
}
.payment-hero__text {
  font-size: 1.125rem;
  line-height: 1.4;
  max-width: 43ch;
}
.payment-hero__img {
  min-width: 15.625rem;
  position: relative;
}
.payment-hero__img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 37.49875rem) {
  .payment-hero__img img {
    position: absolute;
    top: 45%;
    translate: 0 -50%;
    z-index: -1;
    width: 107%;
  }
}

.payment-form__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
}
@media (max-width: 61.99875rem) {
  .payment-form__inner {
    flex-direction: column;
    align-items: stretch;
  }
}
.payment-form__settings > *:not(:last-child) {
  margin-bottom: 2.5rem;
}
@media (min-width: 61.99875rem) {
  .payment-form__settings {
    width: 100%;
    max-width: 36.25rem;
  }
}
.payment-form__type-settings {
  display: grid;
  gap: 2.5rem;
}
.payment-form__step {
  counter-increment: step;
}
.payment-form__step-title {
  display: flex;
  align-items: center;
  gap: 0.625em;
  color: var(--theme-text-soft);
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}
.payment-form__step-num {
  color: var(--theme-text-hardest);
  background: var(--theme-bg-harder-input);
  font-family: var(--font-accent);
  font-size: 1.5625rem;
  font-weight: 400;
  line-height: 0;
  width: 2.4em;
  height: 2.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #989ca1;
  border-radius: 50%;
}
.payment-form__step-num::before {
  content: counter(step);
}
.payment-form__step-body {
  container-type: inline-size;
}
.payment-form__result {
  width: 100%;
  max-width: 30rem;
  border-radius: calc(var(--border-radius) / 2);
  border: 1px solid var(--theme-night-border);
  background: var(--theme-bg-hard-planks);
  color: var(--theme-text-soft);
  line-height: 1.4;
}
@media (min-width: 76.25em) {
  .payment-form__result {
    padding: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .payment-form__result {
      padding: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (padding: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .payment-form__result {
      padding: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-form__result {
    padding: 1.25rem;
  }
}
@media (max-width: 61.99875rem) {
  .payment-form__result {
    align-self: center;
  }
}
.payment-form__result-title {
  font-size: 1.4375rem;
  font-weight: 600;
  margin-bottom: 0.625rem;
}
.payment-form__result-title #per-month-old {
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--theme-text-softer);
  text-decoration: line-through;
}
.payment-form__result-desc {
  font-size: 1rem;
  margin-top: -0.625rem;
  margin-bottom: 0.625rem;
}
.payment-form__result-total {
  font-size: 1rem;
  margin-bottom: 2.5rem;
}
.payment-form__result-total-current {
  font-weight: 700;
}
.payment-form__result-total-old {
  color: var(--theme-text-softer);
  text-decoration: line-through;
}
.payment-form__result-promocode {
  margin-bottom: 0.625rem;
  color: #6cd30f;
  display: none;
}
.payment-form__result-promocode.show {
  display: block;
}
.payment-form__result-btn {
  margin-bottom: 0.625rem;
  color: var(--light-text-softest);
  background: var(--theme-bg-soft-button);
  border: 1px solid var(--theme-night-border);
}
.payment-form__result-btn path {
  fill: var(--light-text-softest);
}
@media (any-hover: hover) {
  .theme-dark .payment-form__result-btn:hover, .theme-dark-permanently .payment-form__result-btn:hover {
    color: var(--light-text-softest);
    background: var(--theme-night-border);
  }
  .theme-dark .payment-form__result-btn:hover path, .theme-dark-permanently .payment-form__result-btn:hover path {
    fill: var(--light-text-softest);
  }
}
.theme-dark .payment-form__result-btn:active, .theme-dark-permanently .payment-form__result-btn:active {
  color: var(--light-text-softest);
  background: var(--theme-night-border);
}
.theme-dark .payment-form__result-btn:active path, .theme-dark-permanently .payment-form__result-btn:active path {
  fill: var(--light-text-softest);
}
.payment-form__result-text {
  font-size: 0.875rem;
  color: var(--theme-text-soft-input);
}
.payment-form__result-text a {
  color: #4b7ad8;
}
@media (any-hover: hover) {
  .payment-form__result-text a:hover {
    text-decoration: underline;
  }
}

.bank-choice {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr));
}
.bank-choice__option {
  display: flex;
}
.bank-choice__option > :not(input) {
  width: 100%;
}
.bank-choice__option input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.bank-choice__custom {
  border-radius: calc(var(--border-radius) / 2);
  border: 1px solid var(--theme-text-softer-underline);
  padding: 1.25rem 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 0.9375rem;
  transition: border var(--duration), background var(--duration);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bank-choice__custom--split {
  justify-content: center;
}
.bank-choice__custom * {
  pointer-events: none;
}
:checked + .bank-choice__custom {
  border: 1px solid var(--theme-bg-soft);
  background: var(--theme-bg-harder-input);
}
@media (any-hover: hover) {
  .bank-choice__custom:hover {
    border: 1px solid var(--theme-bg-soft);
  }
}
.bank-choice__option-title {
  color: var(--theme-text-soft-input);
  text-align: center;
  font-family: Museo Sans Cyrl;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}
.bank-choice__option-img {
  height: 7.5rem;
}
.bank-choice__option-img img {
  height: 100%;
}
.bank-choice__option-img--split {
  height: 5.9375rem;
  margin-top: auto;
  margin-bottom: auto;
}

.parts-calculator {
  display: grid;
  gap: 1.25rem;
}
@container (min-width: 400px) {
  .parts-calculator {
    grid-template-columns: repeat(2, 1fr);
  }
}
.parts-calculator__item {
  color: var(--theme-text-soft-input);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}
@container (min-width: 400px) {
  .parts-calculator__item:first-child {
    grid-column: span 2;
  }
}
.parts-calculator__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: inherit;
  font-size: inherit;
  display: block;
  width: 100%;
  border-radius: 0.375em;
  border: 1px solid var(--theme-border-softer);
  background: var(--theme-bg-harder-input-payment);
  padding: 1.0625em 0.8125em;
  margin-top: 0.5em;
}
.parts-calculator__input:disabled {
  opacity: 1;
}
.parts-calculator__range {
  position: relative;
  margin-top: -0.4375rem;
}
.parts-calculator__range-track {
  position: absolute;
  inset: 0;
  bottom: 0.4375rem;
  z-index: -1;
  pointer-events: none;
  background: var(--theme-border-softer);
  border-radius: 0.25rem;
}
.parts-calculator__input-range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
}
.parts-calculator__input-range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 1rem;
  height: 1rem;
  background: #d2fe67;
  border: 1px solid var(--theme-border-softer);
  border-radius: 50%;
  cursor: pointer;
}
.parts-calculator__input-range::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  width: 1rem;
  height: 1rem;
  background: #d2fe67;
  border: 1px solid var(--theme-border-softer);
  border-radius: 50%;
  cursor: pointer;
}

.user-contact-data {
  display: grid;
  gap: 1.25rem;
}
@media (min-width: 37.49875rem) {
  .user-contact-data {
    grid-template-columns: repeat(2, 1fr);
  }
}
.user-contact-data__item {
  color: var(--theme-text-soft-input);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  width: 100%;
}
.user-contact-data__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: inherit;
  font-size: inherit;
  display: block;
  width: 100%;
  border-radius: 0.375em;
  border: 1px solid var(--theme-border-softer);
  background: var(--theme-bg-harder-input-payment);
  padding: 1.0625em 0.8125em;
  margin-top: 0.5em;
}
.user-contact-data__input:disabled {
  opacity: 1;
}
.user-contact-data__input::-moz-placeholder {
  color: var(--theme-text-softer-old);
}
.user-contact-data__input::placeholder {
  color: var(--theme-text-softer-old);
}
.user-contact-data__promocode {
  display: flex;
  margin-top: 0.5em;
}
.user-contact-data__promocode-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: inherit;
  font-size: inherit;
  display: block;
  width: 100%;
  border-radius: 0.375em 0 0 0.375em;
  border-right: none;
  border: 1px solid var(--theme-border-softer);
  border-right: none;
  background: var(--theme-bg-harder-input-payment);
  padding: 1.0625em 0.8125em;
}
.user-contact-data__promocode-input:disabled {
  opacity: 1;
}
.user-contact-data__promocode-input::-moz-placeholder {
  color: var(--theme-text-softer-old);
}
.user-contact-data__promocode-input::placeholder {
  color: var(--theme-text-softer-old);
}
.user-contact-data__promocode-button {
  flex-shrink: 0;
  border-radius: 0 0.375em 0.375em 0;
  max-width: 6.25rem;
  width: 100%;
  padding: 0;
  height: auto;
  font-size: 0.75rem;
  color: var(--light-text-softest);
  background: var(--theme-bg-soft-button);
  border: 1px solid var(--theme-night-border);
}
.user-contact-data__promocode-button path {
  fill: var(--light-text-softest);
}
@media (any-hover: hover) {
  .theme-dark .user-contact-data__promocode-button:hover, .theme-dark-permanently .user-contact-data__promocode-button:hover {
    color: var(--light-text-softest);
    background: var(--theme-night-border);
  }
  .theme-dark .user-contact-data__promocode-button:hover path, .theme-dark-permanently .user-contact-data__promocode-button:hover path {
    fill: var(--light-text-softest);
  }
}
.theme-dark .user-contact-data__promocode-button:active, .theme-dark-permanently .user-contact-data__promocode-button:active {
  color: var(--light-text-softest);
  background: var(--theme-night-border);
}
.theme-dark .user-contact-data__promocode-button:active path, .theme-dark-permanently .user-contact-data__promocode-button:active path {
  fill: var(--light-text-softest);
}

.payment-type-choice {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.payment-type-choice__item {
  display: flex;
}
.payment-type-choice__item > :not(input) {
  width: 100%;
}
.payment-type-choice__item input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.payment-type-choice__custom {
  border-radius: calc(var(--border-radius) / 2);
  border: 1px solid var(--theme-text-softer-underline);
  padding: 1.1111111111em;
  display: flex;
  gap: 0.4444444444em;
  color: var(--theme-text-soft-input);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  cursor: pointer;
  transition: border var(--duration), background var(--duration);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.payment-type-choice__custom * {
  pointer-events: none;
}
:checked + .payment-type-choice__custom {
  border: 1px solid var(--theme-bg-soft);
  background: var(--theme-bg-harder-input);
}
@media (any-hover: hover) {
  .payment-type-choice__custom:hover {
    border: 1px solid var(--theme-bg-soft);
  }
}
.payment-type-choice__custom img {
  height: 1.3333333333em;
}

.errors {
  position: fixed;
  left: 50%;
  bottom: 10vh;
  z-index: 100;
  translate: -50% 0;
  width: 100%;
  max-width: 31.875rem;
  display: grid;
  gap: 0.625rem;
  padding: 0 1.25rem;
}
.errors__item {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25;
  border-radius: 0.5em;
  border: 1px solid #865252;
  color: var(--light-text-hard);
  background: #edbdbd;
  display: flex;
}
.errors__text {
  flex-grow: 1;
  padding: 0.9375rem 1.25rem;
  align-self: center;
}
.errors__close {
  align-self: start;
  flex-shrink: 0;
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
}
.errors__close::before, .errors__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2px;
  width: 16px;
  border-radius: 3px;
  background: #865252;
}
.errors__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.errors__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

#per-month {
  white-space: nowrap;
}

.presentation {
  font-family: var(--font-third);
  padding: 3.125rem 0 3.75rem;
}
@media (max-width: 47.99875rem) {
  .presentation {
    padding: 2.5rem 0 2.8125rem;
  }
}
.presentation .wide-container {
  max-width: 85rem;
}
@media (max-width: 61.99875rem) {
  .presentation .wide-container {
    padding: 0;
  }
}
@media (min-width: 61.99875rem) {
  .presentation__wrapper {
    padding: 2.8125rem 0;
    background: linear-gradient(177deg, rgba(0, 0, 0, 0) 0%, var(--theme-accent-purple-hard) 46.12%, rgba(0, 0, 0, 0) 100%);
    border: 1px solid var(--theme-border-opacity);
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media (min-width: 61.99875rem) and (min-width: 76.25em) {
  .presentation__wrapper {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 61.99875rem) and (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem )) {
    .presentation__wrapper {
      margin-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem )) {
    .presentation__wrapper {
      margin-bottom: calc(
                2.8125rem + 0.9375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (min-width: 61.99875rem) and (max-width: 24.375em) {
  .presentation__wrapper {
    margin-bottom: 2.8125rem;
  }
}
.presentation__inner {
  display: grid;
  gap: 2.5rem;
}
.presentation__head {
  display: grid;
  gap: 2.1875rem;
}
@media (max-width: 61.99875rem) {
  .presentation__head {
    align-items: center;
    grid-template-columns: repeat(2, auto);
    justify-content: space-between;
  }
}
.presentation__logo {
  width: 2.1875rem;
  height: 2.1875rem;
}
.presentation__subtitle {
  font-size: 1.125rem;
}
@media (max-width: 61.99875rem) {
  .presentation__subtitle {
    text-align: end;
  }
}
.presentation__body {
  display: grid;
  align-items: end;
  grid-template-columns: 1.25fr 1fr;
  gap: 3.125rem;
}
@media (max-width: 61.99875rem) {
  .presentation__body {
    grid-template-columns: 1fr 1fr;
    padding: 2.5rem 1.5625rem;
    gap: 1.875rem;
    background: linear-gradient(177deg, rgba(0, 0, 0, 0) 0%, var(--theme-accent-purple-hard) 46.12%, rgba(0, 0, 0, 0) 100%);
    border: 1px solid var(--theme-border-opacity);
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media (max-width: 61.99875rem) and (min-width: 76.25em) {
  .presentation__body {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 61.99875rem) and (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem )) {
    .presentation__body {
      margin-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem );
    }
  }
  @supports not (margin-bottom: clamp( 2.8125rem , 2.3719879518rem  +  1.8072289157vw , 3.75rem )) {
    .presentation__body {
      margin-bottom: calc(
                2.8125rem + 0.9375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 61.99875rem) and (max-width: 24.375em) {
  .presentation__body {
    margin-bottom: 2.8125rem;
  }
}
@media (max-width: 47.99875rem) {
  .presentation__body {
    grid-template: none;
    justify-items: center;
  }
}
@media (max-width: 47.99875rem) {
  .presentation__content {
    display: grid;
    justify-items: center;
    text-align: center;
  }
}
.presentation__title {
  font-weight: 700;
  margin-bottom: 1.875rem;
  width: 18.4ch;
}
@media (min-width: 76.25em) {
  .presentation__title {
    font-size: 3rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.5625rem , -4.6912112973rem  +  10.0868344882vw , 3rem )) {
    .presentation__title {
      font-size: clamp( 1.5625rem , -4.6912112973rem  +  10.0868344882vw , 3rem );
    }
  }
  @supports not (font-size: clamp( 1.5625rem , -4.6912112973rem  +  10.0868344882vw , 3rem )) {
    .presentation__title {
      font-size: calc(
                1.5625rem + 1.4375 * (100vw - 61.99875rem) / 14.25125
            );
    }
  }
}
@media (max-width: 61.99875em) {
  .presentation__title {
    font-size: 1.5625rem;
  }
}
@media (max-width: 29.99875rem) {
  .presentation__title {
    margin-bottom: 1.5625rem;
  }
}
@media (max-width: 26.31125rem) {
  .presentation__title {
    font-size: 1.4375rem;
  }
}
.presentation__text {
  max-width: 31.25rem;
  line-height: 1.5;
  margin-bottom: 2.8125rem;
}
@media (min-width: 76.25em) {
  .presentation__text {
    font-size: 1.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.875rem , 0.7575301205rem  +  0.4819277108vw , 1.125rem )) {
    .presentation__text {
      font-size: clamp( 0.875rem , 0.7575301205rem  +  0.4819277108vw , 1.125rem );
    }
  }
  @supports not (font-size: clamp( 0.875rem , 0.7575301205rem  +  0.4819277108vw , 1.125rem )) {
    .presentation__text {
      font-size: calc(
                0.875rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .presentation__text {
    font-size: 0.875rem;
  }
}
@media (max-width: 29.99875rem) {
  .presentation__text {
    margin-bottom: 2.1875rem;
  }
}
.presentation__price {
  margin-bottom: 1.875rem;
}
.presentation__btn {
  width: 100%;
  max-width: 34.375rem;
}
@media (max-width: 47.99875rem) {
  .presentation__btn {
    max-width: 25rem;
  }
}
.presentation__demo {
  display: grid;
  align-items: center;
  gap: 0.9375rem;
  position: relative;
}
@media (max-width: 47.99875rem) {
  .presentation__demo {
    width: 100%;
    max-width: 25rem;
  }
}
.presentation__img-caption {
  justify-self: center;
}
@media (min-width: 61.99875rem) {
  .presentation__img-caption {
    position: absolute;
    bottom: calc(100% + 0.9375rem);
  }
}
.presentation__img-caption picture,
.presentation__img-caption img {
  width: 100%;
}
.presentation__img {
  position: relative;
  padding-bottom: 71%;
  overflow: hidden;
  border-radius: calc(var(--border-radius) / 2);
}
.presentation__img picture,
.presentation__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.presentation-features {
  font-family: var(--font-third);
  line-height: 1.4;
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
  gap: 2.5rem 1.875rem;
}
@media (max-width: 47.99875rem) {
  .presentation-features {
    gap: 1.25rem 1.875rem;
  }
}
.presentation-features__item {
  font-size: 1rem;
  border: 1px solid var(--theme-text-softer-old);
  border-radius: var(--border-radius);
  height: 5.3125rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 0 0.9375rem;
}
.presentation-features__item--big-text {
  font-size: 1.5625rem;
}

.gifts__title {
  margin-bottom: 2.5rem;
}
@media (max-width: 29.99875rem) {
  .gifts__title {
    margin-bottom: 3.125rem;
  }
}
.gifts__list {
  display: grid;
  gap: 3.125rem 2.1875rem;
}
@media (min-width: 61.99875rem) {
  .gifts__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.gifts__item {
  display: flex;
  flex-direction: column;
  container-type: inline-size;
  position: relative;
}
.gifts__item::before {
  content: "";
  position: absolute;
  translate: -50% -50%;
  z-index: -1;
  width: 15.625rem;
  height: 15.625rem;
  border-radius: 50%;
  background: var(--theme-accent-purple-hard);
  filter: blur(7.5rem);
  pointer-events: none;
}
@media (max-width: 61.99875rem) {
  .gifts__item::before {
    width: 18.75rem;
    height: 18.75rem;
    filter: blur(5.625rem);
  }
}
.gifts__item:nth-child(1)::before {
  top: 90%;
  left: 25%;
}
@media (max-width: 61.99875rem) {
  .gifts__item:nth-child(1)::before {
    top: 50%;
    left: 0%;
  }
}
.gifts__item:nth-child(2)::before {
  content: none;
}
@media (max-width: 61.99875rem) {
  .gifts__item:nth-child(2)::before {
    content: "";
    top: 60%;
    left: 100%;
  }
}
.gifts__item:nth-child(3)::before {
  top: 60%;
  left: 110%;
}
@media (max-width: 61.99875rem) {
  .gifts__item:nth-child(3)::before {
    top: 80%;
    left: 0%;
  }
}
.gifts__star {
  width: 4.6875rem;
  height: 4.6875rem;
  margin: 0 auto 0.9375rem;
}
@media (max-width: 61.99875rem) {
  .gifts__star {
    display: none;
  }
}
.gifts__star img {
  width: 100%;
}
.gifts__gift {
  font-family: var(--font-third);
  line-height: 1.3;
  border: 1px solid var(--theme-accent-purple-hard);
  border-radius: var(--border-radius);
  padding: 2.1875rem 1.5625rem 1.875rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--theme-bg-hardest) 100%), linear-gradient(285deg, var(--theme-bg-hardest) 0%, var(--theme-accent-purple-hard) 43%, #25223a 100%);
  display: grid;
  grid-template-rows: repeat(2, min-content) auto;
  height: 100%;
}
@container (min-width: 500px) {
  .gifts__gift {
    grid-template-rows: 1fr auto auto 1fr;
    grid-template-columns: 1fr auto;
  }
}
.gifts__gift-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.5625rem;
}
@container (min-width: 500px) {
  .gifts__gift-title {
    grid-row-start: 2;
  }
}
.gifts__gift-desc {
  font-size: 0.875rem;
  font-weight: 300;
}
@container (min-width: 500px) {
  .gifts__gift-desc {
    grid-row-start: 3;
  }
}
.gifts__gift-img {
  align-self: center;
  margin: 0 auto;
}
@container (min-width: 500px) {
  .gifts__gift-img {
    grid-row: 1/-1;
    grid-column-start: 2;
  }
}
.gifts__gift-img picture,
.gifts__gift-img img {
  max-width: 100%;
}
.gifts__btn {
  margin: 3.125rem auto 0;
  max-width: 23.125rem;
  height: 3.75rem;
  display: flex;
  font-size: 1.25rem;
  font-family: var(--font-accent);
  font-weight: 400;
  transition: var(--duration);
  color: var(--light-text-softest);
  background: var(--dark-bg-hard-badge);
  border: 1px solid var(--dark-border-hardest);
}
@media (max-width: 47.99875rem) {
  .gifts__btn {
    display: none;
  }
}
.gifts__btn path {
  fill: var(--light-text-softest);
}
.gifts__btn--mobile {
  display: none;
}
@media (any-hover: hover) {
  .gifts__btn.btn-mini:hover {
    color: var(--light-text-softest);
    background: var(--dark-border-hardest);
  }
  .gifts__btn.btn-mini:hover path {
    fill: var(--light-text-softest);
  }
}
.gifts__btn.btn-mini:active {
  color: var(--light-text-softest);
  background: var(--dark-border-hardest);
}
.gifts__btn.btn-mini:active path {
  fill: var(--light-text-softest);
}

.start-testdrive__inner {
  border: 1px solid var(--theme-accent-green-hard);
  background-color: var(--theme-bg-hardest);
  border-radius: var(--border-radius);
  display: grid;
  align-items: start;
  justify-content: space-between;
  grid-template-columns: repeat(2, auto);
  gap: 2.1875rem 3.125rem;
  overflow: hidden;
}
@media (min-width: 76.25em) {
  .start-testdrive__inner {
    padding-top: 4.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 2.5rem , 1.6189759036rem  +  3.6144578313vw , 4.375rem )) {
    .start-testdrive__inner {
      padding-top: clamp( 2.5rem , 1.6189759036rem  +  3.6144578313vw , 4.375rem );
    }
  }
  @supports not (padding-top: clamp( 2.5rem , 1.6189759036rem  +  3.6144578313vw , 4.375rem )) {
    .start-testdrive__inner {
      padding-top: calc(
                2.5rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .start-testdrive__inner {
    padding-top: 2.5rem;
  }
}
@media (min-width: 76.25em) {
  .start-testdrive__inner {
    padding-right: 6.5625rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 1.875rem , -6.0890419672rem  +  16.5921861865vw , 6.5625rem )) {
    .start-testdrive__inner {
      padding-right: clamp( 1.875rem , -6.0890419672rem  +  16.5921861865vw , 6.5625rem );
    }
  }
  @supports not (padding-right: clamp( 1.875rem , -6.0890419672rem  +  16.5921861865vw , 6.5625rem )) {
    .start-testdrive__inner {
      padding-right: calc(
                1.875rem + 4.6875 * (100vw - 47.99875rem) / 28.25125
            );
    }
  }
}
@media (max-width: 47.99875em) {
  .start-testdrive__inner {
    padding-right: 1.875rem;
  }
}
@media (min-width: 76.25em) {
  .start-testdrive__inner {
    padding-bottom: 4.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 2.5rem , 1.6189759036rem  +  3.6144578313vw , 4.375rem )) {
    .start-testdrive__inner {
      padding-bottom: clamp( 2.5rem , 1.6189759036rem  +  3.6144578313vw , 4.375rem );
    }
  }
  @supports not (padding-bottom: clamp( 2.5rem , 1.6189759036rem  +  3.6144578313vw , 4.375rem )) {
    .start-testdrive__inner {
      padding-bottom: calc(
                2.5rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .start-testdrive__inner {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 76.25em) {
  .start-testdrive__inner {
    padding-left: 6.5625rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.875rem , -6.0890419672rem  +  16.5921861865vw , 6.5625rem )) {
    .start-testdrive__inner {
      padding-left: clamp( 1.875rem , -6.0890419672rem  +  16.5921861865vw , 6.5625rem );
    }
  }
  @supports not (padding-left: clamp( 1.875rem , -6.0890419672rem  +  16.5921861865vw , 6.5625rem )) {
    .start-testdrive__inner {
      padding-left: calc(
                1.875rem + 4.6875 * (100vw - 47.99875rem) / 28.25125
            );
    }
  }
}
@media (max-width: 47.99875em) {
  .start-testdrive__inner {
    padding-left: 1.875rem;
  }
}
@media (max-width: 47.99875rem) {
  .start-testdrive__inner {
    grid-template-columns: auto;
  }
}
@media (min-width: 47.99875rem) {
  .start-testdrive__heading {
    position: relative;
  }
}
@media (max-width: 47.99875rem) {
  .start-testdrive__heading {
    display: flex;
    align-items: center;
    gap: 0.625rem;
  }
}
.start-testdrive__title {
  color: var(--theme-text-hard);
  font-family: var(--font-third);
  font-weight: 700;
  line-height: 1.3;
  width: 9ch;
  flex-shrink: 0;
}
@media (min-width: 76.25em) {
  .start-testdrive__title {
    font-size: 3.28125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.8125rem , 1.1223644578rem  +  2.8313253012vw , 3.28125rem )) {
    .start-testdrive__title {
      font-size: clamp( 1.8125rem , 1.1223644578rem  +  2.8313253012vw , 3.28125rem );
    }
  }
  @supports not (font-size: clamp( 1.8125rem , 1.1223644578rem  +  2.8313253012vw , 3.28125rem )) {
    .start-testdrive__title {
      font-size: calc(
                1.8125rem + 1.46875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .start-testdrive__title {
    font-size: 1.8125rem;
  }
}
@media (min-width: 47.99875rem) {
  .start-testdrive__gift {
    position: absolute;
    top: calc(100% + 0.625rem);
    left: 50%;
    translate: -50% 0;
    width: 120%;
  }
}
@media (max-width: 47.99875rem) {
  .start-testdrive__gift {
    max-width: 15.625rem;
    margin: 0 auto;
  }
}
.start-testdrive__gift picture, .start-testdrive__gift img {
  width: 100%;
}
@media (min-width: 47.99875rem) {
  .start-testdrive__form-wrapper {
    max-width: 35.3125rem;
    width: 100%;
  }
}
.start-testdrive__price {
  justify-content: center;
  margin-bottom: 2.5rem;
}
@media (max-width: 29.99875rem) {
  .start-testdrive__price {
    margin-bottom: 1.875rem;
  }
}
.start-testdrive .iti {
  width: 100%;
  margin-bottom: 1.25rem;
}
.start-testdrive .iti__country-list {
  border-radius: 0.375rem;
}
.theme-dark .start-testdrive .iti__country-list, .theme-dark-permanently .start-testdrive .iti__country-list {
  border: 1px solid var(--theme-border);
  background: var(--theme-bg-hard-planks);
}
.start-testdrive .iti:not(.iti--loaded) {
  position: relative;
}
.start-testdrive .iti:not(.iti--loaded)::before {
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  z-index: 1;
  transform: translateY(-50%);
  display: block;
  border-top: 0.1875rem solid rgba(50, 56, 67, 0.4);
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-bottom: 0.1875rem solid transparent;
  border-radius: 100%;
  animation: spin 0.6s ease-out infinite;
}
@keyframes spin {
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
.start-testdrive__input {
  font-family: var(--font-accent);
  font-size: 1.25rem;
  line-height: 1.4;
  width: 100%;
  display: block;
  border-radius: 0.375rem;
  border: 1px solid var(--theme-border-softer);
  background: var(--theme-bg-harder-input-payment);
  padding: 1rem 1.5625rem;
  margin-bottom: 1.25rem;
}
.start-testdrive__input::-moz-placeholder {
  color: var(--theme-text-softer-old);
}
.start-testdrive__input::placeholder {
  color: var(--theme-text-softer-old);
}
.start-testdrive__btn {
  font-size: 1.25rem;
  max-width: none;
  width: 100%;
  height: 3.75rem;
  border-radius: 0.375rem;
}
@media (min-width: 76.25em) {
  .start-testdrive__btn {
    margin-top: 0.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-top: clamp( 0.625rem , 1.5436746988rem  +  -1.2048192771vw , 1.25rem )) {
    .start-testdrive__btn {
      margin-top: clamp( 0.625rem , 1.5436746988rem  +  -1.2048192771vw , 1.25rem );
    }
  }
  @supports not (margin-top: clamp( 0.625rem , 1.5436746988rem  +  -1.2048192771vw , 1.25rem )) {
    .start-testdrive__btn {
      margin-top: calc(
                1.25rem + -0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .start-testdrive__btn {
    margin-top: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .start-testdrive__btn {
    margin-bottom: 0.9375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.9375rem , 1.3968373494rem  +  -0.6024096386vw , 1.25rem )) {
    .start-testdrive__btn {
      margin-bottom: clamp( 0.9375rem , 1.3968373494rem  +  -0.6024096386vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.9375rem , 1.3968373494rem  +  -0.6024096386vw , 1.25rem )) {
    .start-testdrive__btn {
      margin-bottom: calc(
                1.25rem + -0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .start-testdrive__btn {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 35.99875rem) {
  .start-testdrive__btn span:last-child {
    display: none;
  }
}
@media (max-width: 35.99875rem) {
  .start-testdrive__btn {
    height: 3.125rem;
  }
  .start-testdrive__btn span:first-child {
    display: none;
  }
}
.start-testdrive .err {
  border-radius: 0.375rem;
  border: 1px solid rgba(240, 104, 104, 0.3);
  margin-bottom: 1.5rem;
}
@media (min-width: 76.25em) {
  .start-testdrive .err {
    padding-top: 0.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .start-testdrive .err {
      padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem );
    }
  }
  @supports not (padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .start-testdrive .err {
      padding-top: calc(
                0.5rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .start-testdrive .err {
    padding-top: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .start-testdrive .err {
    padding-right: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .start-testdrive .err {
      padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem );
    }
  }
  @supports not (padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .start-testdrive .err {
      padding-right: calc(
                0.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .start-testdrive .err {
    padding-right: 0.5625rem;
  }
}
@media (min-width: 76.25em) {
  .start-testdrive .err {
    padding-bottom: 0.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .start-testdrive .err {
      padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .start-testdrive .err {
      padding-bottom: calc(
                0.5rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .start-testdrive .err {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .start-testdrive .err {
    padding-left: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .start-testdrive .err {
      padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem );
    }
  }
  @supports not (padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .start-testdrive .err {
      padding-left: calc(
                0.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .start-testdrive .err {
    padding-left: 0.5625rem;
  }
}
.start-testdrive__text {
  color: var(--theme-text-soft);
  line-height: 1.4;
}
@media (min-width: 76.25em) {
  .start-testdrive__text {
    font-size: 0.78125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.59375rem , 0.5056475904rem  +  0.3614457831vw , 0.78125rem )) {
    .start-testdrive__text {
      font-size: clamp( 0.59375rem , 0.5056475904rem  +  0.3614457831vw , 0.78125rem );
    }
  }
  @supports not (font-size: clamp( 0.59375rem , 0.5056475904rem  +  0.3614457831vw , 0.78125rem )) {
    .start-testdrive__text {
      font-size: calc(
                0.59375rem + 0.1875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .start-testdrive__text {
    font-size: 0.59375rem;
  }
}
.start-testdrive__text a {
  color: #4b7ad8;
}

.testdrive-success {
  font-family: var(--font-third);
}
@media (min-width: 76.25em) {
  .testdrive-success {
    padding-top: 4.6875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 2.5rem , 1.4721385542rem  +  4.2168674699vw , 4.6875rem )) {
    .testdrive-success {
      padding-top: clamp( 2.5rem , 1.4721385542rem  +  4.2168674699vw , 4.6875rem );
    }
  }
  @supports not (padding-top: clamp( 2.5rem , 1.4721385542rem  +  4.2168674699vw , 4.6875rem )) {
    .testdrive-success {
      padding-top: calc(
                2.5rem + 2.1875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-success {
    padding-top: 2.5rem;
  }
}
.testdrive-success .container {
  max-width: 68.75rem;
}
.testdrive-success__logo {
  display: inline-block;
  width: 2.1875rem;
  height: 2.1875rem;
  margin-bottom: 4.0625rem;
}
@media (max-width: 29.99875rem) {
  .testdrive-success__logo {
    margin-bottom: 3.4375rem;
  }
}
.testdrive-success__logo img {
  width: 100%;
}
.testdrive-success__title {
  font-weight: 600;
  margin-bottom: 4.0625rem;
}
@media (min-width: 76.25em) {
  .testdrive-success__title {
    font-size: 2.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.4375rem , 0.8207831325rem  +  2.5301204819vw , 2.75rem )) {
    .testdrive-success__title {
      font-size: clamp( 1.4375rem , 0.8207831325rem  +  2.5301204819vw , 2.75rem );
    }
  }
  @supports not (font-size: clamp( 1.4375rem , 0.8207831325rem  +  2.5301204819vw , 2.75rem )) {
    .testdrive-success__title {
      font-size: calc(
                1.4375rem + 1.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-success__title {
    font-size: 1.4375rem;
  }
}
@media (max-width: 29.99875rem) {
  .testdrive-success__title {
    margin-bottom: 3.125rem;
  }
}
.testdrive-success__body {
  text-align: center;
  border: 1px solid var(--theme-accent-purple-hard);
  border-radius: var(--border-radius);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--theme-bg-hardest) 100%), linear-gradient(285deg, var(--theme-bg-hardest) 0%, var(--theme-accent-purple-hard) 43%, #25223a 100%);
  padding: 2.5rem;
}
@media (max-width: 29.99875rem) {
  .testdrive-success__body {
    margin: 0 -1.25rem;
  }
}
.testdrive-success__subtitle {
  font-weight: 400;
  margin-bottom: 1.25rem;
}
@media (min-width: 76.25em) {
  .testdrive-success__subtitle {
    font-size: 2.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.875rem , 1.7281626506rem  +  0.6024096386vw , 2.1875rem )) {
    .testdrive-success__subtitle {
      font-size: clamp( 1.875rem , 1.7281626506rem  +  0.6024096386vw , 2.1875rem );
    }
  }
  @supports not (font-size: clamp( 1.875rem , 1.7281626506rem  +  0.6024096386vw , 2.1875rem )) {
    .testdrive-success__subtitle {
      font-size: calc(
                1.875rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-success__subtitle {
    font-size: 1.875rem;
  }
}
.testdrive-success__text {
  font-weight: 300;
  line-height: 1.3;
  max-width: 54.375rem;
  margin: 0 auto 2.5rem;
}
@media (min-width: 76.25em) {
  .testdrive-success__text {
    font-size: 1.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.0625rem , 0.7394578313rem  +  1.3253012048vw , 1.75rem )) {
    .testdrive-success__text {
      font-size: clamp( 1.0625rem , 0.7394578313rem  +  1.3253012048vw , 1.75rem );
    }
  }
  @supports not (font-size: clamp( 1.0625rem , 0.7394578313rem  +  1.3253012048vw , 1.75rem )) {
    .testdrive-success__text {
      font-size: calc(
                1.0625rem + 0.6875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-success__text {
    font-size: 1.0625rem;
  }
}
@media (max-width: 29.99875rem) {
  .testdrive-success__text {
    margin-bottom: 1.5625rem;
  }
}
.testdrive-success__link {
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  border-radius: calc(var(--border-radius) / 2);
  background: var(--theme-accent-blue-soft);
  max-width: 20.625rem;
  width: 100%;
  height: 4.0625rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9375rem;
  padding: 0 0.9375rem;
  font-size: 1.5625rem;
  transition: background var(--duration);
}
@media (any-hover: hover) {
  .testdrive-success__link:hover {
    background: var(--theme-accent-blue-softer);
  }
}
.testdrive-success__link:active {
  background: var(--theme-accent-blue-softer);
}

.tabs {
  padding-block: 60px;
}
.tabs__container {
  display: flex;
}
@media (max-width: 35.99875rem) {
  .tabs__container {
    flex-direction: column;
  }
}

.sidebar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 350px;
  padding-inline: 20px;
  border-right: 2px solid var(--theme-border);
}
@media (max-width: 35.99875rem) {
  .sidebar {
    flex-direction: row;
    overflow-x: auto;
    max-width: 100%;
    border-right: 0;
  }
}
.sidebar__button {
  padding: 8px 10px;
  font-size: 18px;
  color: var(--theme-text-hard);
  line-height: 1.3;
  border-radius: calc(var(--border-radius) / 2);
  border: 1px solid var(--theme-night-border);
  background-color: var(--theme-bg-hard-planks);
  text-align: left;
  width: 100%;
  transition: all var(--duration);
}
.sidebar__button:hover, .sidebar__button--active {
  background-color: var(--theme-accent-green-hard);
  color: var(--theme-text-soft);
}
.theme-dark .sidebar__button:hover, .theme-dark .sidebar__button--active {
  color: var(--light-text-hard);
}
@media (max-width: 35.99875rem) {
  .sidebar__button {
    flex: 1;
    min-width: 150px;
    text-align: center;
    padding: 5px;
    font-size: 16px;
  }
}

.content {
  flex: 1;
  padding: 20px;
}
.content__inner {
  display: none;
}
.content__inner--active {
  display: block;
}
.content h2 {
  font-size: 24px;
  line-height: 1.3;
  color: var(--theme-text-hard);
  margin-bottom: 10px;
}
.content li {
  margin-bottom: 10px;
}
.content a {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.5);
}
.theme-dark .content a {
  color: rgba(255, 255, 255, 0.5);
}
.content a:hover {
  text-decoration: none;
}

/* Modal windows */
.modal {
  --transition-time: 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 0.9375rem;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-time), visibility var(--transition-time);
}
.modal__container {
  position: relative;
  max-width: 73.75rem;
  width: 100%;
  margin: 100px auto;
  display: none;
  vertical-align: middle;
  cursor: default;
  text-align: left;
}
@media (max-width: 47.99875rem) {
  .modal__container {
    margin: 50px auto;
  }
}
.modal__container.modal-open {
  display: inline-block;
}
.modal__close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 80px;
  height: 80px;
}
.modal__close::before, .modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2px;
  width: 30px;
  border-radius: 3px;
  background: #737371;
}
.modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 47.99875rem) {
  .modal__close {
    display: none;
  }
}
.modal--is-open {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--transition-time), visibility var(--transition-time);
}

.disable-scroll {
  position: relative;
  overflow: hidden;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

/* Транзы ============================================================= */
.fade {
  opacity: 0;
  transition: opacity var(--transition-time);
}

.fade.animate-open {
  opacity: 1;
  transition: opacity var(--transition-time);
}

.fadeInUp {
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity var(--transition-time), transform var(--transition-time);
}

.fadeInUp.animate-open {
  opacity: 1;
  transform: translateY(0);
  transition: opacity var(--transition-time), transform var(--transition-time);
}

.request-popup {
  border: 1px solid var(--theme-border-hardest);
  background-color: var(--theme-bg-hard-planks);
  border-radius: var(--border-radius);
  display: grid;
  grid-template-columns: minmax(auto, 1fr) minmax(18.75rem, 1.05fr);
  align-items: center;
  row-gap: 1.25rem;
}
@media (min-width: 76.25em) {
  .request-popup {
    padding-top: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.4375rem , 0.6445783133rem  +  3.2530120482vw , 3.125rem )) {
    .request-popup {
      padding-top: clamp( 1.4375rem , 0.6445783133rem  +  3.2530120482vw , 3.125rem );
    }
  }
  @supports not (padding-top: clamp( 1.4375rem , 0.6445783133rem  +  3.2530120482vw , 3.125rem )) {
    .request-popup {
      padding-top: calc(
                1.4375rem + 1.6875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup {
    padding-top: 1.4375rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup {
    padding-right: 6.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.9375rem , -1.5587349398rem  +  10.2409638554vw , 6.25rem )) {
    .request-popup {
      padding-right: clamp( 0.9375rem , -1.5587349398rem  +  10.2409638554vw , 6.25rem );
    }
  }
  @supports not (padding-right: clamp( 0.9375rem , -1.5587349398rem  +  10.2409638554vw , 6.25rem )) {
    .request-popup {
      padding-right: calc(
                0.9375rem + 5.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup {
    padding-right: 0.9375rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.875rem , 1.2876506024rem  +  2.4096385542vw , 3.125rem )) {
    .request-popup {
      padding-bottom: clamp( 1.875rem , 1.2876506024rem  +  2.4096385542vw , 3.125rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.875rem , 1.2876506024rem  +  2.4096385542vw , 3.125rem )) {
    .request-popup {
      padding-bottom: calc(
                1.875rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup {
    padding-left: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.9375rem , 0.203313253rem  +  3.0120481928vw , 2.5rem )) {
    .request-popup {
      padding-left: clamp( 0.9375rem , 0.203313253rem  +  3.0120481928vw , 2.5rem );
    }
  }
  @supports not (padding-left: clamp( 0.9375rem , 0.203313253rem  +  3.0120481928vw , 2.5rem )) {
    .request-popup {
      padding-left: calc(
                0.9375rem + 1.5625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup {
    padding-left: 0.9375rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup {
    -moz-column-gap: 3.125rem;
         column-gap: 3.125rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports ((-moz-column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem )) or (column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem ))) {
    .request-popup {
      -moz-column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem );
           column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem );
    }
  }
  @supports not ((-moz-column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem )) or (column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem ))) {
    .request-popup {
      -moz-column-gap: calc(
                1.25rem + 1.875 * (100vw - 48rem) / 28.25
            );
           column-gap: calc(
                1.25rem + 1.875 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .request-popup {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}
@media (max-width: 54.6875rem) {
  .request-popup {
    grid-template-columns: auto;
  }
}
@media (max-width: 54.6875rem) and (min-width: 76.25em) {
  .request-popup {
    padding-right: 3.125rem;
  }
}
@media (max-width: 54.6875rem) and (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.9375rem , -0.0903614458rem  +  4.2168674699vw , 3.125rem )) {
    .request-popup {
      padding-right: clamp( 0.9375rem , -0.0903614458rem  +  4.2168674699vw , 3.125rem );
    }
  }
  @supports not (padding-right: clamp( 0.9375rem , -0.0903614458rem  +  4.2168674699vw , 3.125rem )) {
    .request-popup {
      padding-right: calc(
                0.9375rem + 2.1875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 54.6875rem) and (max-width: 24.375em) {
  .request-popup {
    padding-right: 0.9375rem;
  }
}
.request-popup__offer {
  border-radius: var(--border-radius);
  border: 1px solid var(--theme-modal-border);
  background-color: var(--theme-accent-green-hard);
}
@media (min-width: 76.25em) {
  .request-popup__offer {
    padding-top: 2.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.4375rem , 1.0557228916rem  +  1.5662650602vw , 2.25rem )) {
    .request-popup__offer {
      padding-top: clamp( 1.4375rem , 1.0557228916rem  +  1.5662650602vw , 2.25rem );
    }
  }
  @supports not (padding-top: clamp( 1.4375rem , 1.0557228916rem  +  1.5662650602vw , 2.25rem )) {
    .request-popup__offer {
      padding-top: calc(
                1.4375rem + 0.8125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer {
    padding-top: 1.4375rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup__offer {
    padding-right: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.9375rem , 0.203313253rem  +  3.0120481928vw , 2.5rem )) {
    .request-popup__offer {
      padding-right: clamp( 0.9375rem , 0.203313253rem  +  3.0120481928vw , 2.5rem );
    }
  }
  @supports not (padding-right: clamp( 0.9375rem , 0.203313253rem  +  3.0120481928vw , 2.5rem )) {
    .request-popup__offer {
      padding-right: calc(
                0.9375rem + 1.5625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer {
    padding-right: 0.9375rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup__offer {
    padding-bottom: 2.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.375rem , 0.9051204819rem  +  1.9277108434vw , 2.375rem )) {
    .request-popup__offer {
      padding-bottom: clamp( 1.375rem , 0.9051204819rem  +  1.9277108434vw , 2.375rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.375rem , 0.9051204819rem  +  1.9277108434vw , 2.375rem )) {
    .request-popup__offer {
      padding-bottom: calc(
                1.375rem + 1 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer {
    padding-bottom: 1.375rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup__offer {
    padding-left: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 2rem , 1.765060241rem  +  0.9638554217vw , 2.5rem )) {
    .request-popup__offer {
      padding-left: clamp( 2rem , 1.765060241rem  +  0.9638554217vw , 2.5rem );
    }
  }
  @supports not (padding-left: clamp( 2rem , 1.765060241rem  +  0.9638554217vw , 2.5rem )) {
    .request-popup__offer {
      padding-left: calc(
                2rem + 0.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer {
    padding-left: 2rem;
  }
}
.theme-dark .request-popup__offer, .theme-dark-permanently .request-popup__offer {
  background: var(--theme-bg-hardest);
}
.request-popup__offer-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  flex-wrap: wrap;
}
@media (min-width: 76.25em) {
  .request-popup__offer-wrap {
    margin-bottom: 2.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.6920180723rem  +  2.2891566265vw , 2.4375rem )) {
    .request-popup__offer-wrap {
      margin-bottom: clamp( 1.25rem , 0.6920180723rem  +  2.2891566265vw , 2.4375rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.6920180723rem  +  2.2891566265vw , 2.4375rem )) {
    .request-popup__offer-wrap {
      margin-bottom: calc(
                1.25rem + 1.1875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer-wrap {
    margin-bottom: 1.25rem;
  }
}
.request-popup__offer-title, .request-popup__offer-subtitle {
  color: var(--theme-text-hard);
  font-family: "Museo Sans Cyrl", sans-serif;
  font-weight: 400;
  line-height: 1.3;
}
.request-popup__offer-title {
  position: relative;
  border: 1px solid var(--theme-text-hard);
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 4px 10px;
  border-radius: 6px;
}
@media (min-width: 76.25em) {
  .request-popup__offer-title {
    font-size: 1.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.9781626506rem  +  0.6024096386vw , 1.4375rem )) {
    .request-popup__offer-title {
      font-size: clamp( 1.125rem , 0.9781626506rem  +  0.6024096386vw , 1.4375rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9781626506rem  +  0.6024096386vw , 1.4375rem )) {
    .request-popup__offer-title {
      font-size: calc(
                1.125rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer-title {
    font-size: 1.125rem;
  }
}
.request-popup__offer-discount {
  width: 92px;
  height: 42px;
  border-radius: 19px;
  background: var(--light-bg-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
}
.theme-dark .request-popup__offer-discount, .theme-dark-permanently .request-popup__offer-discount {
  background: var(--theme-accent-green-hard);
  color: #151612;
}
@media (max-width: 56.25rem) {
  .request-popup__offer-discount {
    width: 66px;
    height: 32px;
    padding: 0;
    font-size: 18px;
  }
}
.request-popup__offer-wrap-prices {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
  margin-bottom: 36px;
}
.request-popup__offer-prices {
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 5px;
  flex-wrap: wrap;
}
@media (max-width: 47.99875rem) {
  .request-popup__offer-prices {
    align-items: baseline;
    gap: 0.9375rem;
  }
}
.request-popup__offer-subtitle {
  font-weight: 300;
}
@media (min-width: 76.25em) {
  .request-popup__offer-subtitle {
    font-size: 1.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.9375rem , 0.7319277108rem  +  0.843373494vw , 1.375rem )) {
    .request-popup__offer-subtitle {
      font-size: clamp( 0.9375rem , 0.7319277108rem  +  0.843373494vw , 1.375rem );
    }
  }
  @supports not (font-size: clamp( 0.9375rem , 0.7319277108rem  +  0.843373494vw , 1.375rem )) {
    .request-popup__offer-subtitle {
      font-size: calc(
                0.9375rem + 0.4375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer-subtitle {
    font-size: 0.9375rem;
  }
}
.request-popup__offer-subtitle span {
  font-weight: 400;
}
@media (min-width: 76.25em) {
  .request-popup__offer-subtitle span {
    font-size: 2.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.3125rem , 0.9013554217rem  +  1.686746988vw , 2.1875rem )) {
    .request-popup__offer-subtitle span {
      font-size: clamp( 1.3125rem , 0.9013554217rem  +  1.686746988vw , 2.1875rem );
    }
  }
  @supports not (font-size: clamp( 1.3125rem , 0.9013554217rem  +  1.686746988vw , 2.1875rem )) {
    .request-popup__offer-subtitle span {
      font-size: calc(
                1.3125rem + 0.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer-subtitle span {
    font-size: 1.3125rem;
  }
}
@media (max-width: 47.99875rem) {
  .request-popup__offer-subtitle span {
    font-weight: 700;
  }
}
.request-popup__offer-old-price {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.3019607843);
}
@media (min-width: 76.25em) {
  .request-popup__offer-old-price {
    font-size: 1.5625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.875rem , 0.5519578313rem  +  1.3253012048vw , 1.5625rem )) {
    .request-popup__offer-old-price {
      font-size: clamp( 0.875rem , 0.5519578313rem  +  1.3253012048vw , 1.5625rem );
    }
  }
  @supports not (font-size: clamp( 0.875rem , 0.5519578313rem  +  1.3253012048vw , 1.5625rem )) {
    .request-popup__offer-old-price {
      font-size: calc(
                0.875rem + 0.6875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer-old-price {
    font-size: 0.875rem;
  }
}
@media (max-width: 47.99875rem) {
  .request-popup__offer-old-price {
    margin-bottom: 0;
  }
}
.request-popup__offer-old-price span {
  color: currentColor;
  text-decoration: line-through;
}
.theme-dark .request-popup__offer-old-price, .theme-dark-permanently .request-popup__offer-old-price {
  color: rgba(255, 255, 255, 0.3019607843);
}
.request-popup__offer-list {
  color: var(--theme-text-hard);
  font-weight: 300;
  line-height: 1.83;
}
@media (min-width: 76.25em) {
  .request-popup__offer-list {
    font-size: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .request-popup__offer-list {
      font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .request-popup__offer-list {
      font-size: calc(
                0.75rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer-list {
    font-size: 0.75rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup__offer-list {
    margin-bottom: 2.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.9375rem , 0.3501506024rem  +  2.4096385542vw , 2.1875rem )) {
    .request-popup__offer-list {
      margin-bottom: clamp( 0.9375rem , 0.3501506024rem  +  2.4096385542vw , 2.1875rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.9375rem , 0.3501506024rem  +  2.4096385542vw , 2.1875rem )) {
    .request-popup__offer-list {
      margin-bottom: calc(
                0.9375rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer-list {
    margin-bottom: 0.9375rem;
  }
}
.request-popup__offer-item {
  display: flex;
  gap: 4px;
}
.request-popup__offer-item span {
  font-weight: 600;
}
.request-popup__offer-item::before {
  content: "";
  display: block;
  width: 0.3125em;
  height: 0.3125em;
  background: var(--theme-text-hard);
  border-radius: 50%;
  margin: 0.7916666667em 0.3333333333em 0 0.5555555556em;
}
@media (min-width: 76.25em) {
  .request-popup__offer-places {
    font-size: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .request-popup__offer-places {
      font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.6325301205rem  +  0.4819277108vw , 1rem )) {
    .request-popup__offer-places {
      font-size: calc(
                0.75rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__offer-places {
    font-size: 0.75rem;
  }
}
.request-popup__offer-places span {
  font-weight: 600;
}
.request-popup__title {
  color: var(--theme-text-hard);
  font-family: var(--fort-accent);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
}
@media (min-width: 76.25em) {
  .request-popup__title {
    font-size: 2rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.7138554217rem  +  1.686746988vw , 2rem )) {
    .request-popup__title {
      font-size: clamp( 1.125rem , 0.7138554217rem  +  1.686746988vw , 2rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.7138554217rem  +  1.686746988vw , 2rem )) {
    .request-popup__title {
      font-size: calc(
                1.125rem + 0.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__title {
    font-size: 1.125rem;
  }
}
.request-popup .iti {
  width: 100%;
  margin-bottom: 2.5rem;
}
@media (max-width: 47.99875rem) {
  .request-popup .iti {
    margin-bottom: 1.875rem;
  }
}
.request-popup .iti__country-list {
  border-radius: 0.375rem;
}
.theme-dark .request-popup .iti__country-list, .theme-dark-permanently .request-popup .iti__country-list {
  border: 1px solid var(--theme-border);
  background: var(--theme-bg-hard-planks);
}
.request-popup .iti:not(.iti--loaded) {
  position: relative;
}
.request-popup .iti:not(.iti--loaded)::before {
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  z-index: 1;
  transform: translateY(-50%);
  display: block;
  border-top: 0.1875rem solid rgba(50, 56, 67, 0.4);
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-bottom: 0.1875rem solid transparent;
  border-radius: 100%;
  animation: spin 0.6s ease-out infinite;
}
@keyframes spin {
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
.request-popup__input {
  width: 100%;
  display: block;
  border-radius: 0.375rem;
  border: 1px solid var(--theme-border);
  background: var(--theme-bg-harder-input);
  margin-bottom: 1.25rem;
}
@media (min-width: 76.25em) {
  .request-popup__input {
    padding-top: 0.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .request-popup__input {
      padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem );
    }
  }
  @supports not (padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .request-popup__input {
      padding-top: calc(
                0.5rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__input {
    padding-top: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup__input {
    padding-right: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .request-popup__input {
      padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem );
    }
  }
  @supports not (padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .request-popup__input {
      padding-right: calc(
                0.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__input {
    padding-right: 0.5625rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup__input {
    padding-bottom: 0.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .request-popup__input {
      padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .request-popup__input {
      padding-bottom: calc(
                0.5rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__input {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup__input {
    padding-left: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .request-popup__input {
      padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem );
    }
  }
  @supports not (padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .request-popup__input {
      padding-left: calc(
                0.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__input {
    padding-left: 0.5625rem;
  }
}
.request-popup__input::-moz-placeholder {
  color: var(--theme-text-softer-old);
}
.request-popup__input::placeholder {
  color: var(--theme-text-softer-old);
}
.request-popup__btn {
  font-size: 16px;
  margin-bottom: 1.25rem;
}
@media (min-width: 76.25em) {
  .request-popup__btn {
    margin-top: 0.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-top: clamp( 0.3125rem , 0.1656626506rem  +  0.6024096386vw , 0.625rem )) {
    .request-popup__btn {
      margin-top: clamp( 0.3125rem , 0.1656626506rem  +  0.6024096386vw , 0.625rem );
    }
  }
  @supports not (margin-top: clamp( 0.3125rem , 0.1656626506rem  +  0.6024096386vw , 0.625rem )) {
    .request-popup__btn {
      margin-top: calc(
                0.3125rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__btn {
    margin-top: 0.3125rem;
  }
}
.request-popup .err {
  border-radius: 0.375rem;
  border: 1px solid rgba(240, 104, 104, 0.3);
  margin-bottom: 1.5rem;
}
@media (min-width: 76.25em) {
  .request-popup .err {
    padding-top: 0.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .request-popup .err {
      padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem );
    }
  }
  @supports not (padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .request-popup .err {
      padding-top: calc(
                0.5rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup .err {
    padding-top: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup .err {
    padding-right: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .request-popup .err {
      padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem );
    }
  }
  @supports not (padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .request-popup .err {
      padding-right: calc(
                0.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup .err {
    padding-right: 0.5625rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup .err {
    padding-bottom: 0.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .request-popup .err {
      padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .request-popup .err {
      padding-bottom: calc(
                0.5rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup .err {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup .err {
    padding-left: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .request-popup .err {
      padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem );
    }
  }
  @supports not (padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .request-popup .err {
      padding-left: calc(
                0.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup .err {
    padding-left: 0.5625rem;
  }
}
@media (min-width: 76.25em) {
  .request-popup .err {
    margin-top: -1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-top: clamp( -1.5rem , 0.704819369rem  +  -2.8915663855vw , 0.0000000625rem )) {
    .request-popup .err {
      margin-top: clamp( -1.5rem , 0.704819369rem  +  -2.8915663855vw , 0.0000000625rem );
    }
  }
  @supports not (margin-top: clamp( -1.5rem , 0.704819369rem  +  -2.8915663855vw , 0.0000000625rem )) {
    .request-popup .err {
      margin-top: calc(
                0.0000000625rem + -1.5000000625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup .err {
    margin-top: 0.0000000625rem;
  }
}
.request-popup__text {
  color: var(--theme-text-soft);
  line-height: 1.4;
}
@media (min-width: 76.25em) {
  .request-popup__text {
    font-size: 0.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.625rem , 0.5075301205rem  +  0.4819277108vw , 0.875rem )) {
    .request-popup__text {
      font-size: clamp( 0.625rem , 0.5075301205rem  +  0.4819277108vw , 0.875rem );
    }
  }
  @supports not (font-size: clamp( 0.625rem , 0.5075301205rem  +  0.4819277108vw , 0.875rem )) {
    .request-popup__text {
      font-size: calc(
                0.625rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .request-popup__text {
    font-size: 0.625rem;
  }
}
.request-popup__text a {
  color: #4b7ad8;
}

.thank-popup {
  width: 100%;
  max-width: 48.75rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.875rem;
  border-radius: var(--border-radius);
  border: 1px solid var(--theme-border-hardest);
  background-color: var(--theme-bg-hard-planks);
}
@media (min-width: 76.25em) {
  .thank-popup {
    padding: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding: clamp( 0.9375rem , 0.203313253rem  +  3.0120481928vw , 2.5rem )) {
    .thank-popup {
      padding: clamp( 0.9375rem , 0.203313253rem  +  3.0120481928vw , 2.5rem );
    }
  }
  @supports not (padding: clamp( 0.9375rem , 0.203313253rem  +  3.0120481928vw , 2.5rem )) {
    .thank-popup {
      padding: calc(
                0.9375rem + 1.5625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .thank-popup {
    padding: 0.9375rem;
  }
}
@media (min-width: 76.25em) {
  .thank-popup {
    padding-top: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.875rem , 1.5813253012rem  +  1.2048192771vw , 2.5rem )) {
    .thank-popup {
      padding-top: clamp( 1.875rem , 1.5813253012rem  +  1.2048192771vw , 2.5rem );
    }
  }
  @supports not (padding-top: clamp( 1.875rem , 1.5813253012rem  +  1.2048192771vw , 2.5rem )) {
    .thank-popup {
      padding-top: calc(
                1.875rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .thank-popup {
    padding-top: 1.875rem;
  }
}
@media (min-width: 76.25em) {
  .thank-popup {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.875rem , 1.5813253012rem  +  1.2048192771vw , 2.5rem )) {
    .thank-popup {
      padding-bottom: clamp( 1.875rem , 1.5813253012rem  +  1.2048192771vw , 2.5rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.875rem , 1.5813253012rem  +  1.2048192771vw , 2.5rem )) {
    .thank-popup {
      padding-bottom: calc(
                1.875rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .thank-popup {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 76.25em) {
  .thank-popup svg {
    width: 6.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (width: clamp( 4.125rem , 3.0677710843rem  +  4.3373493976vw , 6.375rem )) {
    .thank-popup svg {
      width: clamp( 4.125rem , 3.0677710843rem  +  4.3373493976vw , 6.375rem );
    }
  }
  @supports not (width: clamp( 4.125rem , 3.0677710843rem  +  4.3373493976vw , 6.375rem )) {
    .thank-popup svg {
      width: calc(
                4.125rem + 2.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .thank-popup svg {
    width: 4.125rem;
  }
}
.thank-popup path,
.thank-popup circle {
  stroke: var(--theme-text-hard);
}
.theme-dark .thank-popup path, .theme-dark-permanently .thank-popup path,
.theme-dark .thank-popup circle,
.theme-dark-permanently .thank-popup circle {
  stroke: var(--theme-accent-green-hard);
}
.thank-popup__title {
  color: var(--theme-text-hard);
  text-align: center;
  font-family: var(--font-accent);
  font-weight: 700;
  line-height: 1.3;
  max-width: 29.0625rem;
}
@media (min-width: 76.25em) {
  .thank-popup__title {
    font-size: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.5rem , 1.0301204819rem  +  1.9277108434vw , 2.5rem )) {
    .thank-popup__title {
      font-size: clamp( 1.5rem , 1.0301204819rem  +  1.9277108434vw , 2.5rem );
    }
  }
  @supports not (font-size: clamp( 1.5rem , 1.0301204819rem  +  1.9277108434vw , 2.5rem )) {
    .thank-popup__title {
      font-size: calc(
                1.5rem + 1 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .thank-popup__title {
    font-size: 1.5rem;
  }
}
.thank-popup__text {
  color: var(--theme-text-hard);
  text-align: center;
  line-height: 1.5;
  max-width: 80%;
}
@media (min-width: 76.25em) {
  .thank-popup__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .thank-popup__text {
      font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.8825301205rem  +  0.4819277108vw , 1.25rem )) {
    .thank-popup__text {
      font-size: calc(
                1rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .thank-popup__text {
    font-size: 1rem;
  }
}
.thank-popup__text a {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.5);
}
.theme-dark .thank-popup__text a {
  color: rgba(255, 255, 255, 0.5);
}
@media (any-hover: hover) {
  .thank-popup__text a:hover {
    text-decoration: none;
  }
}
.thank-popup__btn {
  min-width: 6.875rem;
  width: auto;
  color: var(--light-text-softest);
  background: var(--theme-bg-soft-button);
  border: 1px solid var(--theme-night-border);
}
@media (any-hover: hover) {
  .theme-dark .thank-popup__btn:hover, .theme-dark-permanently .thank-popup__btn:hover {
    color: var(--light-text-softest);
    background: var(--theme-night-border);
  }
}
.theme-dark .thank-popup__btn:active, .theme-dark-permanently .thank-popup__btn:active {
  color: var(--light-text-softest);
  background: var(--theme-night-border);
}

.payment-popup {
  background-color: var(--theme-bg-hard);
  border-radius: var(--border-radius);
  border: 1px solid rgba(0, 0, 0, 0.7);
  display: grid;
  justify-content: space-between;
  grid-template-columns: minmax(auto, 1fr) minmax(18.75rem, 1.05fr);
  align-items: center;
  row-gap: 1.25rem;
}
@media (min-width: 76.25em) {
  .payment-popup {
    padding-top: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .payment-popup {
      padding-top: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem );
    }
  }
  @supports not (padding-top: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .payment-popup {
      padding-top: calc(
                1.875rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup {
    padding-top: 1.875rem;
  }
}
@media (min-width: 76.25em) {
  .payment-popup {
    padding-right: 6.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.9375rem , -1.5587349398rem  +  10.2409638554vw , 6.25rem )) {
    .payment-popup {
      padding-right: clamp( 0.9375rem , -1.5587349398rem  +  10.2409638554vw , 6.25rem );
    }
  }
  @supports not (padding-right: clamp( 0.9375rem , -1.5587349398rem  +  10.2409638554vw , 6.25rem )) {
    .payment-popup {
      padding-right: calc(
                0.9375rem + 5.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup {
    padding-right: 0.9375rem;
  }
}
@media (min-width: 76.25em) {
  .payment-popup {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .payment-popup {
      padding-bottom: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .payment-popup {
      padding-bottom: calc(
                1.25rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .payment-popup {
    padding-left: 7.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.9375rem , -2.2929216867rem  +  13.2530120482vw , 7.8125rem )) {
    .payment-popup {
      padding-left: clamp( 0.9375rem , -2.2929216867rem  +  13.2530120482vw , 7.8125rem );
    }
  }
  @supports not (padding-left: clamp( 0.9375rem , -2.2929216867rem  +  13.2530120482vw , 7.8125rem )) {
    .payment-popup {
      padding-left: calc(
                0.9375rem + 6.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup {
    padding-left: 0.9375rem;
  }
}
@media (min-width: 76.25em) {
  .payment-popup {
    -moz-column-gap: 3.125rem;
         column-gap: 3.125rem;
  }
}
@media (min-width: 48em) and (max-width: 76.25em) {
  @supports ((-moz-column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem )) or (column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem ))) {
    .payment-popup {
      -moz-column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem );
           column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem );
    }
  }
  @supports not ((-moz-column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem )) or (column-gap: clamp( 1.25rem , -1.935840708rem  +  6.6371681416vw , 3.125rem ))) {
    .payment-popup {
      -moz-column-gap: calc(
                1.25rem + 1.875 * (100vw - 48rem) / 28.25
            );
           column-gap: calc(
                1.25rem + 1.875 * (100vw - 48rem) / 28.25
            );
    }
  }
}
@media (max-width: 48em) {
  .payment-popup {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}
@media (max-width: 47.99875rem) {
  .payment-popup {
    grid-template-columns: auto;
  }
}
@media (max-width: 47.99875rem) {
  .payment-popup__close {
    display: block;
    width: 3.125rem;
    height: 2.5rem;
  }
}
@media (max-width: 47.99875rem) {
  .payment-popup__close::before, .payment-popup__close::after {
    width: 1.25rem;
  }
}
.payment-popup__message {
  max-width: 20rem;
}
.payment-popup__title {
  color: var(--theme-text-hard);
  font-family: var(--fort-accent);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1.25rem;
}
@media (min-width: 76.25em) {
  .payment-popup__title {
    font-size: 2rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.7138554217rem  +  1.686746988vw , 2rem )) {
    .payment-popup__title {
      font-size: clamp( 1.125rem , 0.7138554217rem  +  1.686746988vw , 2rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.7138554217rem  +  1.686746988vw , 2rem )) {
    .payment-popup__title {
      font-size: calc(
                1.125rem + 0.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__title {
    font-size: 1.125rem;
  }
}
.payment-popup__text {
  color: rgba(0, 0, 0, 0.5019607843);
  line-height: 1.3;
}
@media (min-width: 76.25em) {
  .payment-popup__text {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem )) {
    .payment-popup__text {
      font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem )) {
    .payment-popup__text {
      font-size: calc(
                1rem + 0.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__text {
    font-size: 1rem;
  }
}
.payment-popup__offer {
  border-radius: var(--border-radius);
  background: var(--theme-accent-green-hard);
}
@media (min-width: 76.25em) {
  .payment-popup__offer {
    padding-top: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem )) {
    .payment-popup__offer {
      padding-top: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem );
    }
  }
  @supports not (padding-top: clamp( 0.625rem , 0.0376506024rem  +  2.4096385542vw , 1.875rem )) {
    .payment-popup__offer {
      padding-top: calc(
                0.625rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__offer {
    padding-top: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .payment-popup__offer {
    padding-right: 1.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.625rem , 0.2725903614rem  +  1.4457831325vw , 1.375rem )) {
    .payment-popup__offer {
      padding-right: clamp( 0.625rem , 0.2725903614rem  +  1.4457831325vw , 1.375rem );
    }
  }
  @supports not (padding-right: clamp( 0.625rem , 0.2725903614rem  +  1.4457831325vw , 1.375rem )) {
    .payment-popup__offer {
      padding-right: calc(
                0.625rem + 0.75 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__offer {
    padding-right: 0.625rem;
  }
}
@media (min-width: 76.25em) {
  .payment-popup__offer {
    padding-bottom: 4.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , -0.1302710843rem  +  5.6626506024vw , 4.1875rem )) {
    .payment-popup__offer {
      padding-bottom: clamp( 1.25rem , -0.1302710843rem  +  5.6626506024vw , 4.1875rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , -0.1302710843rem  +  5.6626506024vw , 4.1875rem )) {
    .payment-popup__offer {
      padding-bottom: calc(
                1.25rem + 2.9375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__offer {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .payment-popup__offer {
    padding-left: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.125rem , 0.7725903614rem  +  1.4457831325vw , 1.875rem )) {
    .payment-popup__offer {
      padding-left: clamp( 1.125rem , 0.7725903614rem  +  1.4457831325vw , 1.875rem );
    }
  }
  @supports not (padding-left: clamp( 1.125rem , 0.7725903614rem  +  1.4457831325vw , 1.875rem )) {
    .payment-popup__offer {
      padding-left: calc(
                1.125rem + 0.75 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__offer {
    padding-left: 1.125rem;
  }
}
.payment-popup__offer-title, .payment-popup__offer-subtitle {
  color: var(--theme-text-hard);
  font-family: var(--fort-accent);
  font-weight: 700;
  line-height: 1.3;
}
.payment-popup__offer-title {
  position: relative;
}
@media (min-width: 76.25em) {
  .payment-popup__offer-title {
    font-size: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .payment-popup__offer-title {
      font-size: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (font-size: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .payment-popup__offer-title {
      font-size: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__offer-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .payment-popup__offer-title {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .payment-popup__offer-title {
      padding-bottom: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .payment-popup__offer-title {
      padding-bottom: calc(
                1.25rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__offer-title {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .payment-popup__offer-title {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .payment-popup__offer-title {
      margin-bottom: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .payment-popup__offer-title {
      margin-bottom: calc(
                1.25rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__offer-title {
    margin-bottom: 1.25rem;
  }
}
.payment-popup__offer-title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: rgba(21, 22, 18, 0.5);
}
@media (min-width: 76.25em) {
  .payment-popup__offer-subtitle {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .payment-popup__offer-subtitle {
      font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.9487951807rem  +  0.7228915663vw , 1.5rem )) {
    .payment-popup__offer-subtitle {
      font-size: calc(
                1.125rem + 0.375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__offer-subtitle {
    font-size: 1.125rem;
  }
}
@media (min-width: 76.25em) {
  .payment-popup__offer-subtitle {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .payment-popup__offer-subtitle {
      margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem );
    }
  }
  @supports not (margin-bottom: clamp( 0.625rem , 0.3313253012rem  +  1.2048192771vw , 1.25rem )) {
    .payment-popup__offer-subtitle {
      margin-bottom: calc(
                0.625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__offer-subtitle {
    margin-bottom: 0.625rem;
  }
}
.payment-popup__offer-list {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  line-height: 1.83;
}
@media (min-width: 76.25em) {
  .payment-popup__offer-list {
    font-size: 1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem )) {
    .payment-popup__offer-list {
      font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem );
    }
  }
  @supports not (font-size: clamp( 1rem , 0.765060241rem  +  0.9638554217vw , 1.5rem )) {
    .payment-popup__offer-list {
      font-size: calc(
                1rem + 0.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .payment-popup__offer-list {
    font-size: 1rem;
  }
}
.payment-popup__offer-item {
  display: flex;
  gap: 0.6666666667em;
}
.payment-popup__offer-item::before {
  content: "";
  display: block;
  width: 0.3125em;
  height: 0.3125em;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  margin-top: 0.7916666667em;
}

.installment-popup {
  max-width: 38.75rem;
}
.installment-popup__content {
  border-radius: var(--border-radius);
  border: 1px solid var(--theme-border-hardest);
  background-color: var(--theme-bg-hard-planks);
}
@media (min-width: 76.25em) {
  .installment-popup__content {
    padding-top: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .installment-popup__content {
      padding-top: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem );
    }
  }
  @supports not (padding-top: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .installment-popup__content {
      padding-top: calc(
                1.875rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment-popup__content {
    padding-top: 1.875rem;
  }
}
@media (min-width: 76.25em) {
  .installment-popup__content {
    padding-left: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .installment-popup__content {
      padding-left: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem );
    }
  }
  @supports not (padding-left: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .installment-popup__content {
      padding-left: calc(
                1.25rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment-popup__content {
    padding-left: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .installment-popup__content {
    padding-right: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .installment-popup__content {
      padding-right: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem );
    }
  }
  @supports not (padding-right: clamp( 1.25rem , 0.0753012048rem  +  4.8192771084vw , 3.75rem )) {
    .installment-popup__content {
      padding-right: calc(
                1.25rem + 2.5 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment-popup__content {
    padding-right: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .installment-popup__content {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .installment-popup__content {
      padding-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.875rem , 0.9939759036rem  +  3.6144578313vw , 3.75rem )) {
    .installment-popup__content {
      padding-bottom: calc(
                1.875rem + 1.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment-popup__content {
    padding-bottom: 1.875rem;
  }
}
@media (max-width: 47.99875rem) {
  .installment-popup__close {
    display: block;
    width: 3.125rem;
    height: 2.5rem;
  }
}
@media (max-width: 47.99875rem) {
  .installment-popup__close::before, .installment-popup__close::after {
    width: 1.25rem;
  }
}
.installment-popup__title {
  color: var(--theme-text-hard);
  font-family: var(--font-accent);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1.25rem;
}
@media (min-width: 76.25em) {
  .installment-popup__title {
    font-size: 2rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.125rem , 0.7138554217rem  +  1.686746988vw , 2rem )) {
    .installment-popup__title {
      font-size: clamp( 1.125rem , 0.7138554217rem  +  1.686746988vw , 2rem );
    }
  }
  @supports not (font-size: clamp( 1.125rem , 0.7138554217rem  +  1.686746988vw , 2rem )) {
    .installment-popup__title {
      font-size: calc(
                1.125rem + 0.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .installment-popup__title {
    font-size: 1.125rem;
  }
}
.installment-popup__text {
  color: var(--theme-text-softer);
  font-size: 1rem;
  line-height: 1.3;
}

.testdrive-popup {
  font-family: var(--font-accent);
  max-width: 34.375rem;
}
.testdrive-popup__content {
  background-color: var(--theme-bg-hard-planks);
  border-radius: var(--border-radius);
  overflow: hidden;
}
.testdrive-popup__close {
  width: 3.4375rem;
  height: 3.4375rem;
}
@media (max-width: 47.99875rem) {
  .testdrive-popup__close {
    display: block;
    width: 3.125rem;
    height: 2.5rem;
  }
}
.testdrive-popup__close::before, .testdrive-popup__close::after {
  background: #000;
  width: 1.5625rem;
}
@media (max-width: 47.99875rem) {
  .testdrive-popup__close::before, .testdrive-popup__close::after {
    width: 0.9375rem;
  }
}
.testdrive-popup__title {
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  color: var(--light-bg-hardest);
  background: #8eafff;
}
@media (min-width: 76.25em) {
  .testdrive-popup__title {
    font-size: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.1875rem , 0.8644578313rem  +  1.3253012048vw , 1.875rem )) {
    .testdrive-popup__title {
      font-size: clamp( 1.1875rem , 0.8644578313rem  +  1.3253012048vw , 1.875rem );
    }
  }
  @supports not (font-size: clamp( 1.1875rem , 0.8644578313rem  +  1.3253012048vw , 1.875rem )) {
    .testdrive-popup__title {
      font-size: calc(
                1.1875rem + 0.6875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__title {
    font-size: 1.1875rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup__title {
    padding-top: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .testdrive-popup__title {
      padding-top: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (padding-top: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .testdrive-popup__title {
      padding-top: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__title {
    padding-top: 1.25rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup__title {
    padding-left: 3.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem )) {
    .testdrive-popup__title {
      padding-left: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem );
    }
  }
  @supports not (padding-left: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem )) {
    .testdrive-popup__title {
      padding-left: calc(
                2.1875rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__title {
    padding-left: 2.1875rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup__title {
    padding-right: 3.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem )) {
    .testdrive-popup__title {
      padding-right: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem );
    }
  }
  @supports not (padding-right: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem )) {
    .testdrive-popup__title {
      padding-right: calc(
                2.1875rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__title {
    padding-right: 2.1875rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup__title {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .testdrive-popup__title {
      padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem );
    }
  }
  @supports not (padding-bottom: clamp( 1.25rem , 0.9563253012rem  +  1.2048192771vw , 1.875rem )) {
    .testdrive-popup__title {
      padding-bottom: calc(
                1.25rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__title {
    padding-bottom: 1.25rem;
  }
}
.testdrive-popup__body {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  border-top: none;
}
@media (min-width: 76.25em) {
  .testdrive-popup__body {
    padding-top: 1.25rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem )) {
    .testdrive-popup__body {
      padding-top: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem );
    }
  }
  @supports not (padding-top: clamp( 0.9375rem , 0.7906626506rem  +  0.6024096386vw , 1.25rem )) {
    .testdrive-popup__body {
      padding-top: calc(
                0.9375rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__body {
    padding-top: 0.9375rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup__body {
    padding-left: 3.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem )) {
    .testdrive-popup__body {
      padding-left: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem );
    }
  }
  @supports not (padding-left: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem )) {
    .testdrive-popup__body {
      padding-left: calc(
                2.1875rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__body {
    padding-left: 2.1875rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup__body {
    padding-right: 3.4375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem )) {
    .testdrive-popup__body {
      padding-right: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem );
    }
  }
  @supports not (padding-right: clamp( 2.1875rem , 1.6001506024rem  +  2.4096385542vw , 3.4375rem )) {
    .testdrive-popup__body {
      padding-right: calc(
                2.1875rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__body {
    padding-right: 2.1875rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup__body {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem )) {
    .testdrive-popup__body {
      padding-bottom: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem );
    }
  }
  @supports not (padding-bottom: clamp( 2.5rem , 1.9126506024rem  +  2.4096385542vw , 3.75rem )) {
    .testdrive-popup__body {
      padding-bottom: calc(
                2.5rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__body {
    padding-bottom: 2.5rem;
  }
}
.theme-dark .testdrive-popup__body, .theme-dark-permanently .testdrive-popup__body {
  border: 1px solid var(--theme-night-border);
}
.testdrive-popup__text {
  max-width: 19.375em;
  line-height: 1.4;
  color: var(--theme-text-softer-old);
  margin: 0 auto;
  margin-bottom: 1.875rem;
}
.testdrive-popup .iti {
  width: 100%;
  margin-bottom: 1.25rem;
}
.testdrive-popup .iti__country-list {
  border-radius: 0.375rem;
}
.theme-dark .testdrive-popup .iti__country-list, .theme-dark-permanently .testdrive-popup .iti__country-list {
  border: 1px solid var(--theme-border);
  background: var(--theme-bg-hard-planks);
}
.testdrive-popup .iti:not(.iti--loaded) {
  position: relative;
}
.testdrive-popup .iti:not(.iti--loaded)::before {
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  z-index: 1;
  transform: translateY(-50%);
  display: block;
  border-top: 0.1875rem solid rgba(50, 56, 67, 0.4);
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-bottom: 0.1875rem solid transparent;
  border-radius: 100%;
  animation: spin 0.6s ease-out infinite;
}
@keyframes spin {
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
.testdrive-popup__input {
  width: 100%;
  display: block;
  border-radius: 0.375rem;
  border: 1px solid var(--theme-border);
  background: var(--theme-bg-harder-input);
  margin-bottom: 1.25rem;
}
@media (min-width: 76.25em) {
  .testdrive-popup__input {
    padding-top: 0.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .testdrive-popup__input {
      padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem );
    }
  }
  @supports not (padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .testdrive-popup__input {
      padding-top: calc(
                0.5rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__input {
    padding-top: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup__input {
    padding-right: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .testdrive-popup__input {
      padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem );
    }
  }
  @supports not (padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .testdrive-popup__input {
      padding-right: calc(
                0.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__input {
    padding-right: 0.5625rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup__input {
    padding-bottom: 0.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .testdrive-popup__input {
      padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .testdrive-popup__input {
      padding-bottom: calc(
                0.5rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__input {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup__input {
    padding-left: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .testdrive-popup__input {
      padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem );
    }
  }
  @supports not (padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .testdrive-popup__input {
      padding-left: calc(
                0.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__input {
    padding-left: 0.5625rem;
  }
}
.testdrive-popup__input::-moz-placeholder {
  color: var(--theme-text-softer-old);
}
.testdrive-popup__input::placeholder {
  color: var(--theme-text-softer-old);
}
.testdrive-popup__btn {
  font-family: var(--font-third);
  font-weight: 400;
  transition: var(--duration);
  margin-top: 1.25rem;
}
@media (min-width: 76.25em) {
  .testdrive-popup__btn {
    font-size: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.8125rem , 0.7243975904rem  +  0.3614457831vw , 1rem )) {
    .testdrive-popup__btn {
      font-size: clamp( 0.8125rem , 0.7243975904rem  +  0.3614457831vw , 1rem );
    }
  }
  @supports not (font-size: clamp( 0.8125rem , 0.7243975904rem  +  0.3614457831vw , 1rem )) {
    .testdrive-popup__btn {
      font-size: calc(
                0.8125rem + 0.1875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__btn {
    font-size: 0.8125rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup__btn {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .testdrive-popup__btn {
      margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.25rem , 0.6626506024rem  +  2.4096385542vw , 2.5rem )) {
    .testdrive-popup__btn {
      margin-bottom: calc(
                1.25rem + 1.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup__btn {
    margin-bottom: 1.25rem;
  }
}
@media (any-hover: hover) {
  .testdrive-popup__btn:hover {
    background: #fff;
    color: var(--theme-text-hardest);
  }
}
@media (max-width: 26.31125rem) {
  .testdrive-popup__btn {
    height: 2.375rem;
  }
}
.testdrive-popup .err {
  border-radius: 0.375rem;
  border: 1px solid rgba(240, 104, 104, 0.7607843137);
  margin-bottom: 1.5rem;
}
@media (min-width: 76.25em) {
  .testdrive-popup .err {
    padding-top: 0.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .testdrive-popup .err {
      padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem );
    }
  }
  @supports not (padding-top: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .testdrive-popup .err {
      padding-top: calc(
                0.5rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup .err {
    padding-top: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup .err {
    padding-right: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .testdrive-popup .err {
      padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem );
    }
  }
  @supports not (padding-right: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .testdrive-popup .err {
      padding-right: calc(
                0.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup .err {
    padding-right: 0.5625rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup .err {
    padding-bottom: 0.8125rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .testdrive-popup .err {
      padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.5rem , 0.3531626506rem  +  0.6024096386vw , 0.8125rem )) {
    .testdrive-popup .err {
      padding-bottom: calc(
                0.5rem + 0.3125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup .err {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup .err {
    padding-left: 1.1875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .testdrive-popup .err {
      padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem );
    }
  }
  @supports not (padding-left: clamp( 0.5625rem , 0.2688253012rem  +  1.2048192771vw , 1.1875rem )) {
    .testdrive-popup .err {
      padding-left: calc(
                0.5625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup .err {
    padding-left: 0.5625rem;
  }
}
@media (min-width: 76.25em) {
  .testdrive-popup .err {
    margin-top: -1.5rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (margin-top: clamp( -1.5rem , 0.704819369rem  +  -2.8915663855vw , 0.0000000625rem )) {
    .testdrive-popup .err {
      margin-top: clamp( -1.5rem , 0.704819369rem  +  -2.8915663855vw , 0.0000000625rem );
    }
  }
  @supports not (margin-top: clamp( -1.5rem , 0.704819369rem  +  -2.8915663855vw , 0.0000000625rem )) {
    .testdrive-popup .err {
      margin-top: calc(
                0.0000000625rem + -1.5000000625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .testdrive-popup .err {
    margin-top: 0.0000000625rem;
  }
}
.testdrive-popup__footer {
  color: var(--theme-text-soft-input);
  font-size: 0.75rem;
  line-height: 1.4;
}
.testdrive-popup__footer a {
  text-decoration: underline;
  color: #4b7ad8;
}
@media (any-hover: hover) {
  .testdrive-popup__footer a:hover {
    text-decoration: none;
  }
}

.discount-popup.modal__container {
  max-width: 65.75rem;
}
@media (max-width: 920px) {
  .discount-popup.modal__container {
    max-width: 30rem;
  }
}
@media (max-width: 920px) {
  .discount-popup__close.modal__close {
    display: block;
    z-index: 2;
    width: 40px;
    height: 40px;
  }
  .discount-popup__close.modal__close::before, .discount-popup__close.modal__close::after {
    width: 20px;
  }
}
.discount-popup__content {
  border-radius: 24px;
  border: 1px solid #515151;
  background-color: #f2f3f7;
  display: flex;
  overflow: hidden;
}
.theme-dark .discount-popup__content {
  background-color: #151515;
  border-color: #bababa;
}
@media (max-width: 920px) {
  .discount-popup__content {
    flex-direction: column;
  }
}
.discount-popup__img {
  position: relative;
}
@media (max-width: 920px) {
  .discount-popup__img {
    height: 250px;
  }
}
.discount-popup__img ::before {
  content: "";
}
@media (max-width: 920px) {
  .discount-popup__img ::before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.5) 55%, rgba(255, 255, 255, 0.75) 70%, #f2f3f7 85%);
    pointer-events: none;
    z-index: 1;
  }
  .theme-dark .discount-popup__img ::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.5) 55%, rgba(0, 0, 0, 0.75) 70%, #151515 85%);
  }
}
.discount-popup__img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: -100px top;
     object-position: -100px top;
  height: 100%;
}
@media (max-width: 920px) {
  .discount-popup__img img {
    transform-origin: top left;
    -o-object-position: -10px -25px;
       object-position: -10px -25px;
    position: absolute;
    top: 0;
    zoom: 1.12;
  }
}
@media (max-width: 420px) {
  .discount-popup__img img {
    -o-object-position: -45px -25px;
       object-position: -45px -25px;
  }
}
@media (min-width: 76.25em) {
  .discount-popup__body {
    padding-top: 2.0625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-top: clamp( 1rem , 0.500753012rem  +  2.0481927711vw , 2.0625rem )) {
    .discount-popup__body {
      padding-top: clamp( 1rem , 0.500753012rem  +  2.0481927711vw , 2.0625rem );
    }
  }
  @supports not (padding-top: clamp( 1rem , 0.500753012rem  +  2.0481927711vw , 2.0625rem )) {
    .discount-popup__body {
      padding-top: calc(
                1rem + 1.0625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .discount-popup__body {
    padding-top: 1rem;
  }
}
@media (min-width: 76.25em) {
  .discount-popup__body {
    padding-right: 3.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-right: clamp( 0.5rem , -0.8509036145rem  +  5.5421686747vw , 3.375rem )) {
    .discount-popup__body {
      padding-right: clamp( 0.5rem , -0.8509036145rem  +  5.5421686747vw , 3.375rem );
    }
  }
  @supports not (padding-right: clamp( 0.5rem , -0.8509036145rem  +  5.5421686747vw , 3.375rem )) {
    .discount-popup__body {
      padding-right: calc(
                0.5rem + 2.875 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .discount-popup__body {
    padding-right: 0.5rem;
  }
}
@media (min-width: 76.25em) {
  .discount-popup__body {
    padding-bottom: 1rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-bottom: clamp( 0.0000000625rem , -0.4698794262rem  +  1.9277107229vw , 1rem )) {
    .discount-popup__body {
      padding-bottom: clamp( 0.0000000625rem , -0.4698794262rem  +  1.9277107229vw , 1rem );
    }
  }
  @supports not (padding-bottom: clamp( 0.0000000625rem , -0.4698794262rem  +  1.9277107229vw , 1rem )) {
    .discount-popup__body {
      padding-bottom: calc(
                0.0000000625rem + 0.9999999375 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .discount-popup__body {
    padding-bottom: 0.0000000625rem;
  }
}
@media (min-width: 76.25em) {
  .discount-popup__body {
    padding-left: 3.375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-left: clamp( 1.25rem , 0.2515060241rem  +  4.0963855422vw , 3.375rem )) {
    .discount-popup__body {
      padding-left: clamp( 1.25rem , 0.2515060241rem  +  4.0963855422vw , 3.375rem );
    }
  }
  @supports not (padding-left: clamp( 1.25rem , 0.2515060241rem  +  4.0963855422vw , 3.375rem )) {
    .discount-popup__body {
      padding-left: calc(
                1.25rem + 2.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .discount-popup__body {
    padding-left: 1.25rem;
  }
}
@media (max-width: 920px) {
  .discount-popup__body {
    padding-top: 0;
    transform: translateY(-30px);
    position: relative;
    z-index: 2;
  }
}
.discount-popup__title {
  font-family: var(--font-accent);
  max-width: 27.9375rem;
  font-weight: 400;
  color: var(--theme-text-hardest);
  margin-bottom: 1.375rem;
}
@media (min-width: 76.25em) {
  .discount-popup__title {
    font-size: 1.625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 1.0625rem , 0.7981927711rem  +  1.0843373494vw , 1.625rem )) {
    .discount-popup__title {
      font-size: clamp( 1.0625rem , 0.7981927711rem  +  1.0843373494vw , 1.625rem );
    }
  }
  @supports not (font-size: clamp( 1.0625rem , 0.7981927711rem  +  1.0843373494vw , 1.625rem )) {
    .discount-popup__title {
      font-size: calc(
                1.0625rem + 0.5625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .discount-popup__title {
    font-size: 1.0625rem;
  }
}
@media (max-width: 922px) {
  .discount-popup__title {
    font-weight: 600;
  }
}
@media (max-width: 26.31125rem) {
  .discount-popup__title {
    font-size: 17px;
  }
}
.discount-popup__text {
  font-weight: 300;
  line-height: 150%;
  color: var(--theme-text-hardest);
  margin-bottom: 1.6875rem;
}
@media (min-width: 76.25em) {
  .discount-popup__text {
    font-size: 1.0625rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.8125rem , 0.6950301205rem  +  0.4819277108vw , 1.0625rem )) {
    .discount-popup__text {
      font-size: clamp( 0.8125rem , 0.6950301205rem  +  0.4819277108vw , 1.0625rem );
    }
  }
  @supports not (font-size: clamp( 0.8125rem , 0.6950301205rem  +  0.4819277108vw , 1.0625rem )) {
    .discount-popup__text {
      font-size: calc(
                0.8125rem + 0.25 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .discount-popup__text {
    font-size: 0.8125rem;
  }
}
.discount-popup__text-accent {
  display: inline-block;
  font-weight: 600;
  color: var(--light-text-hard);
  background: linear-gradient(90deg, #c1ff5e 0%, #aaffa2 100%);
  padding-inline: 0.25rem;
  transform: rotate(-2deg);
  border-radius: 3px;
}
@media (max-width: 920px) {
  .discount-popup__text-accent {
    padding-inline: 0.125rem;
  }
}
@media (max-width: 920px) {
  .discount-popup__text-break {
    display: none;
  }
}
.discount-popup__input {
  width: 100%;
  font-family: var(--font-accent);
  border: 1px solid #616161;
  border-radius: 8px;
  background-color: #fff;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 0.75rem;
  color: var(--light-text-hard);
}
@media (min-width: 76.25em) {
  .discount-popup__input {
    padding-block: 0.9375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-block: clamp( 0.8125rem , 0.7537650602rem  +  0.2409638554vw , 0.9375rem )) {
    .discount-popup__input {
      padding-block: clamp( 0.8125rem , 0.7537650602rem  +  0.2409638554vw , 0.9375rem );
    }
  }
  @supports not (padding-block: clamp( 0.8125rem , 0.7537650602rem  +  0.2409638554vw , 0.9375rem )) {
    .discount-popup__input {
      padding-block: calc(
                0.8125rem + 0.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .discount-popup__input {
    padding-block: 0.8125rem;
  }
}
@media (min-width: 76.25em) {
  .discount-popup__input {
    padding-inline: 1.6875rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (padding-inline: clamp( 1.0625rem , 0.7688253012rem  +  1.2048192771vw , 1.6875rem )) {
    .discount-popup__input {
      padding-inline: clamp( 1.0625rem , 0.7688253012rem  +  1.2048192771vw , 1.6875rem );
    }
  }
  @supports not (padding-inline: clamp( 1.0625rem , 0.7688253012rem  +  1.2048192771vw , 1.6875rem )) {
    .discount-popup__input {
      padding-inline: calc(
                1.0625rem + 0.625 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .discount-popup__input {
    padding-inline: 1.0625rem;
  }
}
.discount-popup__input:last-child {
  margin-bottom: 0;
}
.discount-popup__input::-moz-placeholder {
  color: #9f9f9f;
}
.discount-popup__input::placeholder {
  color: #9f9f9f;
}
.discount-popup .iti {
  width: 100%;
  margin-bottom: 1rem;
}
.discount-popup .iti__country-list {
  border-radius: 0.375rem;
}
.theme-dark .discount-popup .iti__country-list, .theme-dark-permanently .discount-popup .iti__country-list {
  border: 1px solid var(--theme-border);
  background: var(--theme-bg-hard-planks);
}
.theme-dark .discount-popup .iti__selected-flag {
  color: var(--light-text-hard);
}
.discount-popup .iti:not(.iti--loaded) {
  position: relative;
}
.discount-popup .iti:not(.iti--loaded)::before {
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  z-index: 1;
  transform: translateY(-50%);
  display: block;
  border-top: 0.1875rem solid rgba(50, 56, 67, 0.4);
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-bottom: 0.1875rem solid transparent;
  border-radius: 100%;
  animation: spin 0.6s ease-out infinite;
}
@keyframes spin {
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
.discount-popup__btn {
  width: 100%;
  height: 3rem;
  margin-bottom: 0.875rem;
  background-color: #c1ff5e;
}
@media (min-width: 76.25em) {
  .discount-popup__btn {
    font-size: 0.9375rem;
  }
}
@media (min-width: 24.375em) and (max-width: 76.25em) {
  @supports (font-size: clamp( 0.8125rem , 0.7537650602rem  +  0.2409638554vw , 0.9375rem )) {
    .discount-popup__btn {
      font-size: clamp( 0.8125rem , 0.7537650602rem  +  0.2409638554vw , 0.9375rem );
    }
  }
  @supports not (font-size: clamp( 0.8125rem , 0.7537650602rem  +  0.2409638554vw , 0.9375rem )) {
    .discount-popup__btn {
      font-size: calc(
                0.8125rem + 0.125 * (100vw - 24.375rem) / 51.875
            );
    }
  }
}
@media (max-width: 24.375em) {
  .discount-popup__btn {
    font-size: 0.8125rem;
  }
}
.discount-popup__btn--desktop-text {
  display: block;
}
@media (max-width: 920px) {
  .discount-popup__btn--desktop-text {
    display: none;
  }
}
.discount-popup__btn--mobile-text {
  display: none;
}
@media (max-width: 920px) {
  .discount-popup__btn--mobile-text {
    display: block;
  }
}
.discount-popup__footer {
  color: var(--theme-text-soft-input);
  font-size: 0.75rem;
  line-height: 1.4;
}
.discount-popup__footer a {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.5);
}
.theme-dark .discount-popup__footer a {
  color: rgba(255, 255, 255, 0.5);
}
@media (any-hover: hover) {
  .discount-popup__footer a:hover {
    text-decoration: none;
  }
}