/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");

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

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `hero` element consistently in IE.
 */
hero {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
    max-width: 100%;
    height: auto;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

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

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

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

html {
    font-size: 0.625vw;
    overflow-x: hidden;
    overflow-y: scroll;
    overscroll-behavior-y: none;
    background: #340406;
}

html.overflow {
    overflow: hidden;
}

body {
    position: relative;
    font-family: "Geist", sans-serif;
    font-style: normal;
    font-weight: 400;
    min-height: 100vh;
    overflow-x: hidden;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #eaeaea;
}

body::-webkit-scrollbar {
    width: 7px;
    background-color: #eaeaea;
}

body::-webkit-scrollbar-thumb {
    background-color: #e46ea6;
}

body.overflow {
    overflow: hidden;
}

body,
html {
    min-height: 100%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.wrapper {
    overflow: hidden;
}

.container {
    max-width: 123.4rem;
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}

html.uk .team__title {
    font-size: 5rem;
}

html.ru .team__title {
    font-size: 5rem;
}

html.ru .hero__description {
    font-size: 1.8rem;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border-radius: 1.2rem;
    background: #e46ea6;
    box-shadow: 0 0.7rem 0 0 #88184e;
    padding: 1.8rem 2.4rem;
    min-width: 31.9rem;
    color: #340406;
    min-height: 6.4rem;
    width: fit-content;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn:hover {
    transform: translateY(-0.3rem);
    background: #fc86be;
}

.btn span {
    color: #340406;
    text-align: center;
    font-family: "Geist", sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 133.333%;
}

.btn svg {
    width: 1.7rem;
    height: 1.3rem;
}

.btn--outline {
    border: 0.1rem solid #e46ea6;
    background: none;
    box-shadow: none;
    color: #e46ea6;
}

.btn--outline span {
    color: #e46ea6;
}

.btn--outline svg {
    transform: rotate(180deg);
}

.btn--outline:hover {
    background: rgba(228, 110, 166, 0.1);
    transform: none;
}

.btn--sm {
    gap: 2rem;
    padding: 1.2rem 2rem;
    min-width: 20.9rem;
    min-height: 4.8rem;
    box-shadow: 0 0.6rem 0 0 #88184e;
}

.btn--sm span {
    font-size: 1.6rem;
    line-height: 150%;
}

.field {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    width: 100%;
}

.field__label {
    display: flex;
    align-items: center;
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
}

.field__required {
    color: #e46ea6;
    font-weight: 500;
}

.field__control {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
    height: 4.8rem;
    height: clamp(46px, 4.8rem, 4.8rem);
    padding: 0 2rem;
    border: 0.1rem solid #f4aece;
    border-radius: 1.2rem;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.field__control:focus-within {
    border-color: #e46ea6;
}

.field__input {
    flex: 1 0 0;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: none;
    background: none;
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-size: clamp(16px, 1.6rem, 1.6rem);
    font-weight: 400;
    line-height: 150%;
    outline: none;
}

.field__input::placeholder {
    color: rgba(52, 4, 6, 0.4);
    opacity: 1;
    transition: opacity 0.16s ease;
}

.field__input.is-placeholder-swap::placeholder {
    opacity: 0;
}

.field__input:-webkit-autofill, .field__input:-webkit-autofill:hover, .field__input:-webkit-autofill:focus {
    -webkit-text-fill-color: #340406;
    -webkit-box-shadow: inset 0 0 0 100rem #f6e8ee;
    transition: background-color 100000s ease-in-out 0s;
}

.field__toggle {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    border: none;
    background: none;
    color: #f4aece;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.field__toggle:hover, .field__toggle.is-active {
    color: #e46ea6;
}

.field__toggle-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0.75);
    transition: all 0.25s ease-in-out;
}

.field__toggle-icon--hidden, .field__toggle.is-active .field__toggle-icon--shown {
    opacity: 1;
    transform: scale(1);
}

.field__toggle.is-active .field__toggle-icon--hidden {
    opacity: 0;
    transform: scale(0.75);
}

.field--agree {
    align-items: center;
    width: fit-content;
}

.field__textarea {
    width: 100%;
    min-height: 7.7rem;
    padding: 1.2rem 2rem;
    border: 0.1rem solid #f4aece;
    border-radius: 1.2rem;
    background: none;
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-size: clamp(14px, 1.6rem, 1.6rem);
    font-weight: 400;
    line-height: 150%;
    outline: none;
    resize: none;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.field__textarea::placeholder {
    color: rgba(52, 4, 6, 0.4);
    opacity: 1;
}

.field__textarea:focus {
    border-color: #e46ea6;
}

.field--error .field__control,
.field--error .field__textarea,
.field--error .select__control {
    border-color: #ff1400;
}

.field__error {
    display: block;
    color: #ff1400;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-size: clamp(12px, 1.4rem, 1.4rem);
    font-weight: 400;
    line-height: 142.857%;
}

.field__error > span {
    display: none;
}

html.en .field__error > .en,
html.ru .field__error > .ru,
html.uk .field__error > .uk {
    display: inline;
}

[data-split] {
    visibility: hidden;
}

.split__word {
    display: inline-block;
}

.split__char {
    display: inline-block;
}

.split--rise .split__word {
    overflow: hidden;
    vertical-align: bottom;
    padding: 0.12em 0;
    margin: -0.12em 0;
}

.split--rise .split__char {
    will-change: transform;
}

.is-revisit .loader {
    display: none;
}

.loader {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.4rem;
    background: #340406;
    transition: opacity 0.5s ease-in-out, visibility 0s linear 0s;
}

.loader.is-done {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;
}

.loader__mark {
    width: 34rem;
    height: 9.95rem;
    object-fit: contain;
}

.header {
    position: fixed;
    top: 1.2rem;
    left: 0;
    width: 100%;
    transition: all 0.3s ease-in-out;
    z-index: 40;
}

.header__wrap {
    border-radius: 1.6rem;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.8rem 1rem 0.8rem 2.2rem;
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: space-between;
    backdrop-filter: blur(2rem);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(255, 255, 255, 0.12);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header.fixed .header__wrap {
    background: rgba(52, 4, 6, 0.55);
}

.header__logo {
    display: inline-block;
    width: 15.5rem;
}

.header__menu-list {
    display: flex;
    gap: 3.9rem;
    align-items: center;
}

.header__menu-link {
    color: #f6e8ee;
    font-size: 1.6rem;
    font-size: clamp(12px, 1.6rem, 1.6rem);
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.032rem;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header__menu-link:hover {
    color: #fc86be;
}

.header__buttons {
    display: flex;
    gap: 1.2rem;
    align-items: center;
    text-align: center;
}

.header__button {
    border-radius: 1.2rem;
    background: #e46ea6;
    padding: 1rem;
    min-width: 12.6rem;
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header__button span {
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2;
}

.header__button:hover {
    background: #fc86be;
}

.header__button-text--short {
    display: none;
}

.header__menu-button {
    display: none;
}

.lang_switcher_outer {
    position: relative;
    user-select: none;
}

.lang_switcher {
    border: 0.1rem solid transparent;
    border-radius: 1.2rem;
    padding: 0 1.3rem;
    min-width: 7.6rem;
    min-height: 4rem;
    display: flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lang_switcher:hover {
    background: rgba(228, 110, 166, 0.12);
}

.curr_lang {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: -0.032rem;
    text-transform: uppercase;
}

.lang_arr {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    background: url("../img/header/lang-arrow.svg") center center/contain no-repeat;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lang_list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-radius: 0 0 1.2rem 1.2rem;
    border: 0.1rem solid rgba(246, 232, 238, 0.05);
    border-top: none;
    background: #3e0f12;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-0.8rem);
    z-index: 2;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lang_list_item {
    display: block;
    border-radius: 0.8rem;
    padding: 0.8rem 1.3rem;
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: left;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lang_list_item span {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lang_list_item:hover {
    background: rgba(255, 255, 255, 0.08);
}

.lang_list_item.active span {
    color: #e46ea6;
}

.lang_switcher_outer.active .lang_arr {
    transform: rotate(180deg);
}

.lang_switcher_outer.active .lang_switcher {
    border-color: rgba(246, 232, 238, 0.05);
    background: #3e0f12;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0.1rem solid transparent;
}

.lang_switcher_outer.active .lang_list {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.header__burger {
    display: none;
}

.footer {
    position: relative;
    overflow: hidden;
    padding: 14rem 0 0;
    background: #340406;
}

.footer > .container {
    position: relative;
    z-index: 1;
}

.footer__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.footer__triangle {
    position: absolute;
    top: -138.5rem;
    left: 0;
    width: 100%;
    height: 218.3rem;
}

.footer__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer__logo {
    flex-shrink: 0;
    width: 16rem;
}

.footer__logo img {
    width: 16rem;
    height: 2.618rem;
}

.footer__slogan {
    white-space: nowrap;
    color: #f6e8ee;
    font-family: "Grandis Extended Bold", sans-serif;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 116.667%;
    letter-spacing: -0.048rem;
}

.footer__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 9.6rem;
}

.footer__menu {
    display: flex;
    align-items: center;
    gap: 9.6rem;
}

.footer__menu-link {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer__menu-link:hover {
    color: #f4aece;
}

.footer__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 26rem;
    height: 4.8rem;
    border: 0.1rem solid #f4aece;
    border-radius: 1.2rem;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer__button span {
    color: #f4aece;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
}

.footer__button svg {
    width: 1.7rem;
    height: 1.3rem;
}

.footer__button:hover {
    background: rgba(244, 174, 206, 0.1);
}

.footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10.4rem;
    padding: 2rem 0;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.2);
}

.footer__socials {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.footer__social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    padding: 0.1rem;
    border-radius: 4rem;
    color: #f4aece;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer__social:hover {
    background: rgba(244, 174, 206, 0.1);
    color: #e46ea6;
}

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

.footer__social--telegram svg {
    width: 1.858rem;
    height: 1.572rem;
}

.footer__social--linkedin svg {
    width: 4rem;
    height: 4rem;
}

.footer__social--instagram svg {
    width: 2rem;
    height: 2rem;
}

.footer__social--tiktok svg {
    width: 1.66rem;
    height: 2.06rem;
}

.footer__social--youtube svg {
    width: 2.2rem;
    height: 2.2rem;
}

.footer__copy {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.5;
}

.footer__terms {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 22rem;
}

.footer__terms-link {
    color: #f4aece;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer__terms-link:hover {
    color: #fc86be;
}

.hero {
    padding: 19.5rem 0 11rem;
    position: relative;
    background: #340406;
    overflow: hidden;
    max-height: 108rem;
    height: 100vh;
    min-height: 90rem;
}

.hero > .container {
    position: relative;
    z-index: 1;
}

.hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.hero__triangle {
    position: absolute;
    top: 0;
    left: 0;
    width: 192rem;
    height: 218.3rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1442 2183' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(1226.03 2172.76) rotate(-115.657) scale(1649.47 840.149)'%3E%3Cstop stop-color='%23E46EA6'/%3E%3Cstop offset='.5' stop-color='%23E46EA6'/%3E%3Cstop offset='1' stop-color='%23F4AECE'/%3E%3C/radialGradient%3E%3Cfilter id='b' filterUnits='userSpaceOnUse' x='0' y='0' width='1442' height='2183' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='90 120'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23b)' fill='url(%23g)' d='M347.828 2456.5C345.135 2491.96 343.788 2509.69 348.018 2521.54C356.639 2545.67 379.82 2561.51 405.437 2560.77C418.006 2560.4 434.098 2552.67 466.283 2537.21L1985.05 1807.65C2017.23 1792.19 2033.32 1784.46 2041.46 1774.87C2058.05 1755.34 2060.18 1727.35 2046.73 1705.53C2040.13 1694.83 2025.39 1684.76 1995.91 1664.62L604.728 714.078C575.247 693.934 560.507 683.863 548.137 681.605C522.926 677.004 497.619 689.16 485.453 711.715C479.483 722.782 478.137 740.512 475.444 775.973C460.175 977.04 431.941 1348.85 411.636 1616.24C391.331 1883.63 363.096 2255.44 347.828 2456.5Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
}

.hero__wrap {
    display: flex;
    justify-content: space-between;
}

.hero__info {
    position: relative;
    max-width: 52rem;
    width: 100%;
    z-index: 1;
}

.hero__title {
    color: #f4aece;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 8.8rem;
    font-weight: 900;
    line-height: 110%;
    letter-spacing: -0.088rem;
    margin-bottom: 2rem;
}

.hero__description {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 4rem;
}

.hero__cake {
    position: absolute;
    top: -6rem;
    right: -16rem;
    width: 84rem;
    pointer-events: none;
}

.hero__promo {
    margin: 6rem 0 0;
}

.hero__promo-wrap {
    display: flex;
    gap: 4rem;
    align-items: flex-start;
}

.hero__promo-wrap--clone {
    display: none;
}

.hero__promo-item {
    padding: 0 4rem;
    border-left: 1px solid rgba(240, 237, 231, 0.5);
}

.hero__promo-number {
    color: #f0ede7;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 4rem;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: -0.04rem;
}

.hero__promo-text {
    color: #f0ede7;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 133.333%;
}

.features {
    padding: 12.3rem 0 12rem;
    background: #f6e8ee;
}

.features__title {
    color: #340406;
    text-align: center;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 8rem;
    font-weight: 900;
    line-height: 100%;
    letter-spacing: -0.08rem;
    margin-bottom: 6rem;
}

.features__grid {
    display: flex;
    align-items: stretch;
    gap: 1.2rem;
}

.features__col {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.features__card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 3.2rem;
    border-radius: 1.2rem;
    background: #fcf1f6;
}

.features__card--brands {
    flex: 1 1 auto;
    min-height: 38.6rem;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
}

.features__card--number {
    flex: 0 0 auto;
    min-height: 23.9rem;
    justify-content: flex-end;
    gap: 1rem;
}

.features__card--tracking {
    flex: 1 1 auto;
    min-height: 63.7rem;
    overflow: hidden;
    background: none;
}

.features__card--deal {
    flex: 0 0 auto;
    min-height: 23.9rem;
    padding: 3.2rem 0;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.2);
}

.features__card--deals {
    flex: 1 1 auto;
    min-height: 38.6rem;
    justify-content: space-between;
    gap: 3.2rem;
    background: rgba(255, 255, 255, 0.2);
}

.features__media {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    border-radius: 1.2rem;
    overflow: hidden;
    pointer-events: none;
}

.features__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.features__media--brands {
    aspect-ratio: 328/260;
}

.features__media--deals {
    aspect-ratio: 77/59;
}

.features__content {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    width: 100%;
}

.features__content--deal {
    gap: 1rem;
    padding: 0 3.2rem;
}

.features__card-title {
    color: #340406;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 2rem;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: -0.02rem;
}

.features__card-title--tracking {
    position: relative;
    z-index: 1;
}

.features__card-text {
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.5;
}

.features__number {
    width: fit-content;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 9.6rem;
    font-weight: 900;
    line-height: 91.667%;
    letter-spacing: -0.48rem;
    background: linear-gradient(180deg, #fbc9e0 0%, #ef86b4 80.53%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 0.3rem;
}

.features__tracking-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.2rem;
    pointer-events: none;
}

.features__marquee {
    flex-shrink: 0;
    width: 100%;
    overflow: hidden;
}

.features__marquee-track {
    display: flex;
    align-items: stretch;
    width: max-content;
    animation: features-marquee 20s linear infinite;
    will-change: transform;
}

.features__marquee-list {
    flex-shrink: 0;
    display: flex;
    align-items: stretch;
    gap: 1rem;
    padding-right: 1rem;
}

.features__tag {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.9rem 3.9rem;
    border: 0.1rem solid #f6e8ee;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.5);
    color: #e46ea6;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 133.333%;
    letter-spacing: -0.024rem;
    white-space: nowrap;
}

@keyframes features-marquee {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-50%, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .features__marquee-track {
        animation: none;
    }
}

.dark-block {
    position: relative;
    overflow: hidden;
    background: #340406;
}

.dark-block__glow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: radial-gradient(140rem 90rem at 111% 82%, rgba(228, 110, 166, 0.9) 0%, rgba(228, 110, 166, 0.65) 50%, rgba(228, 110, 166, 0.35) 75%, rgba(228, 110, 166, 0) 100%);
}

.brands {
    position: relative;
    z-index: 1;
    padding: 12.6rem 0 10.2rem;
}

.brands__head {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.brands__title {
    color: #f4aece;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 5.6rem;
    font-weight: 900;
    line-height: 114.286%;
    letter-spacing: -0.056rem;
}

.brands__subtitle {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.5;
}

.brands__stage {
    --gap: 8.21;
    --grow: 1.1132;
    --radius: 2.3;
    --tilt: 20;
    --lift: 1.97;
    --depth: 54.34;
    position: relative;
    height: 67.31rem;
    margin-top: 5.6rem;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
}

.brands__stage.is-dragging, .brands__stage.is-dragging .brands__slide {
    cursor: grabbing;
}

.brands__deck {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.brands__slide, .brands__pane {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26.63rem;
    height: 51.86rem;
    margin-top: -25.38rem;
    margin-left: -13.31rem;
    border-radius: 2.3rem;
    background: #151a29;
    overflow: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.brands__slide img, .brands__pane img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0;
}

.brands__slide {
    margin-top: -24.98rem;
    cursor: pointer;
    box-shadow: 0 2.13rem 5.25rem rgba(0, 0, 0, 0.5);
}

.brands__slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #340406;
    opacity: var(--dim, 0);
    pointer-events: none;
}

.brands__device {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 50;
    width: 26.02rem;
    height: 53.85rem;
    margin-top: -26.92rem;
    margin-left: -13.01rem;
    pointer-events: none;
}

.brands__device-shadow, .brands__device-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.brands__device-shadow {
    opacity: 0.7;
}

.brands__device-frame {
    z-index: 2;
}

.brands__screen {
    position: absolute;
    top: 0.41rem;
    left: 0.49rem;
    z-index: 3;
    width: 25.12rem;
    height: 53.11rem;
    border-radius: 3.78rem;
    background: #151a29;
    overflow: hidden;
}

.brands__viewport {
    position: absolute;
    top: 2.95rem;
    left: 0;
    width: 25.12rem;
    height: 47.89rem;
    overflow: hidden;
}

.brands__statusbar, .brands__home {
    position: absolute;
    left: 0;
    z-index: 5;
    width: 100%;
}

.brands__statusbar {
    top: 0;
    height: 2.95rem;
    padding: 0 0.8rem;
}

.brands__home {
    bottom: 0;
    height: 2.27rem;
}

.brands__pane {
    box-shadow: none;
}

.brands__flash {
    position: absolute;
    top: -20%;
    left: -60%;
    z-index: 200;
    width: 45%;
    height: 140%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.28) 45%, rgba(255, 255, 255, 0) 100%);
    transform: rotate(14deg);
    opacity: 0;
    pointer-events: none;
}

.brands__flash.is-on {
    animation: brands-flash 0.75s ease-out;
}

.brands__cards {
    position: absolute;
    z-index: 4;
    top: 28.02rem;
    left: -3.49rem;
    width: 33rem;
    height: 30rem;
}

.brands__card {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 2rem;
    border-radius: 1.2rem;
    background: rgba(228, 110, 166, 0.5);
    backdrop-filter: blur(1rem);
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem) scale(0.985);
    pointer-events: none;
    will-change: opacity, transform;
    transition: opacity 0.25s ease-out, transform 0s linear 0.25s, visibility 0s linear 0.25s;
}

.brands__card.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
    transition: opacity 0.36s ease-out 0.04s, transform 0.36s cubic-bezier(0.22, 0.61, 0.36, 1) 0.04s, visibility 0s linear 0s;
}

.brands__badge {
    position: absolute;
    top: 0rem;
    right: 1.2rem;
    display: block;
    padding: 0.45rem 0.875rem 0.65rem;
    border-radius: 0rem 0 1rem 1rem;
    background: rgba(246, 232, 238, 0.2);
    overflow: hidden;
}

.brands__badge img {
    width: 7.3rem;
    height: 1.8rem;
    object-fit: contain;
}

.brands__card-logo {
    width: 13.5rem;
    height: 5.5rem;
    object-fit: contain;
    object-position: left center;
}

.brands__card-logo--winnita {
    width: 12.6rem;
}

.brands__list {
    display: flex;
    flex-direction: column;
    list-style: none;
}

.brands__list-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.brands__list-item img {
    width: 2.4rem;
    height: 2.4rem;
    padding: 0.7rem 0.6rem;
    object-fit: contain;
    flex-shrink: 0;
}

.brands__list-item span {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 142.857%;
}

.brands__rates {
    display: flex;
    flex-direction: column;
}

.brands__rate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
}

.brands__rate-label {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 185.714%;
}

.brands__rate-value {
    color: #f6e8ee;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 2rem;
    font-weight: 900;
    line-height: 130%;
    white-space: nowrap;
}

.brands__explore {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 100%;
    min-height: 4.8rem;
    padding: 1.2rem 2rem;
    border: 0.1rem solid #f6e8ee;
    border-radius: 1.2rem;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.brands__explore span {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 150%;
}

.brands__explore img {
    width: 1.7rem;
    height: 1.3rem;
    flex-shrink: 0;
}

.brands__explore:hover {
    background: rgba(255, 255, 255, 0.15);
}

.brands__nav {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    margin-top: 0.1rem;
}

.brands__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    background: none;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.brands__arrow img {
    width: 1.7rem;
    height: 1.3rem;
}

.brands__arrow:hover {
    border-color: #f6e8ee;
    background: rgba(255, 255, 255, 0.1);
}

@keyframes brands-flash {
    0% {
        left: -60%;
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        left: 115%;
        opacity: 0;
    }
}

.testimonials {
    --shift: 3.2rem;
    position: relative;
    z-index: 1;
    padding: 6.6rem 0 5.1rem;
}

.testimonials.is-reverse {
    --shift: -3.2rem;
}

.testimonials__title {
    color: #f4aece;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 5.6rem;
    font-weight: 900;
    line-height: 114.286%;
    letter-spacing: -0.056rem;
}

.testimonials__content {
    display: flex;
    align-items: flex-end;
    gap: 30.6rem;
    height: 40.81rem;
    margin-top: 5.7rem;
}

.testimonials__list {
    flex-shrink: 0;
    overflow: hidden;
}

.testimonials__track {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    list-style: none;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.testimonials__row {
    transition: opacity 0.3s ease-in-out, visibility 0s linear 0s;
}

.testimonials__row.is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
}

.testimonials__list.is-instant .testimonials__track, .testimonials__list.is-instant .testimonials__row {
    transition: none;
}

.testimonials__tab {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    width: 100%;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.5;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.testimonials__tab span {
    color: #f4aece;
    font-family: "Geist", sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 133.333%;
    text-transform: uppercase;
    white-space: nowrap;
}

.testimonials__tab img {
    width: 2.4rem;
    height: 2.4rem;
    padding: 0.5rem 0.3rem;
    object-fit: contain;
    flex-shrink: 0;
    opacity: 0;
    transform: translateX(-0.8rem);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.testimonials__tab:hover {
    opacity: 1;
}

.testimonials__tab.is-active {
    opacity: 1;
}

.testimonials__tab.is-active img {
    opacity: 1;
    transform: translateX(0);
}

.testimonials__tab.is-peek {
    opacity: 0.2;
    pointer-events: none;
}

.testimonials__quotes {
    position: relative;
    flex-shrink: 0;
    width: 69.2rem;
    height: 100%;
}

.testimonials__quote {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 8rem;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.testimonials__quote.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.testimonials__quote.is-active .testimonials__mark,
.testimonials__quote.is-active .testimonials__text,
.testimonials__quote.is-active .testimonials__author {
    animation: testimonials-in 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

.testimonials__quote.is-active .testimonials__mark {
    animation-delay: 0.14s;
}

.testimonials__quote.is-active .testimonials__text {
    animation-delay: 0.2s;
}

.testimonials__quote.is-active .testimonials__author {
    animation-delay: 0.28s;
}

.testimonials__quote.is-leaving {
    opacity: 1;
    visibility: visible;
    animation: testimonials-out 0.28s ease-in both;
}

.testimonials__body {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.testimonials__mark {
    width: 4.288rem;
    height: 2.618rem;
}

.testimonials__text {
    display: flex;
    flex-direction: column;
}

.testimonials__text p {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 160%;
}

.testimonials__author {
    display: flex;
    align-items: center;
    gap: 2.087rem;
    width: 100%;
}

.testimonials__avatar {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.992rem;
    height: 6.992rem;
    border-radius: 50%;
    color: #f6e8ee;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 125%;
    letter-spacing: -0.032rem;
}

.testimonials__quote:nth-child(5n+1) .testimonials__avatar {
    background: #662644;
}

.testimonials__quote:nth-child(5n+2) .testimonials__avatar {
    background: #ae4d7b;
}

.testimonials__quote:nth-child(5n+3) .testimonials__avatar {
    background: #88184e;
}

.testimonials__quote:nth-child(5n+4) .testimonials__avatar {
    background: #8f6479;
}

.testimonials__quote:nth-child(5n+5) .testimonials__avatar {
    background: #953e5e;
}

.testimonials__author-info {
    display: flex;
    flex-direction: column;
    gap: 0.835rem;
    min-width: 0;
}

.testimonials__author-name {
    color: #f6e8ee;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 2rem;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: -0.02rem;
}

.testimonials__author-link {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 1.461rem;
    font-weight: 400;
    line-height: 142.857%;
    width: fit-content;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.testimonials__author-link:hover {
    color: #fc86be;
}

.testimonials__footer {
    position: relative;
    height: 13.2rem;
    margin-top: 7.59rem;
}

.testimonials__nav {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: fit-content;
}

.testimonials__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    border: 0.1rem solid rgba(244, 174, 206, 0.5);
    border-radius: 50%;
    background: none;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.testimonials__arrow img {
    width: 1.7rem;
    height: 1.3rem;
    transform: rotate(90deg);
}

.testimonials__arrow:hover {
    border-color: #f6e8ee;
    background: rgba(244, 174, 206, 0.2);
}

.testimonials__line {
    position: absolute;
    top: 7.25rem;
    height: 0.1rem;
    background: rgba(246, 232, 238, 0.15);
}

.testimonials__line--start {
    left: calc(50% - 50vw - 2rem);
    right: calc(100% + 1.1rem);
}

.testimonials__line--end {
    left: 10rem;
    right: -2.5rem;
}

.flash-common-container {
    margin-bottom: 16px;
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid #dc2626;
}

.flash-common-text {
    color: #dc2626;
    font-size: 14px;
    line-height: 1.4;
}

.field--agree.field--error .check {
    border-color: #dc2626;
    box-shadow: 0 0 0 1px #dc2626;
}

@keyframes testimonials-in {
    from {
        opacity: 0;
        transform: translateY(var(--shift));
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes testimonials-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(calc(var(--shift) * -1));
    }
}

@media (prefers-reduced-motion: reduce) {
    .testimonials__quote.is-active .testimonials__mark,
    .testimonials__quote.is-active .testimonials__text,
    .testimonials__quote.is-active .testimonials__author,
    .testimonials__quote.is-leaving {
        animation-duration: 0.01s;
        animation-delay: 0s;
    }
}

.team {
    position: relative;
    padding: 5.6rem 0 9rem;
    background: radial-gradient(72.7rem 77.05rem at 50% 50%, #f4aece 0%, #f6e8ee 100%);
}

.team__stage {
    position: relative;
    width: 100.8rem;
    height: 90.3rem;
    margin: 0 auto;
}

.team__ring {
    position: absolute;
    top: 45.4rem;
    left: 50.4rem;
    display: block;
    pointer-events: none;
}

.team__ring img {
    width: 100%;
    height: 100%;
}

.team__ring--lg {
    width: 70.8rem;
    height: 70.8rem;
    margin: -35.4rem 0 0 -35.4rem;
    animation: team-ring-spin 180s linear infinite;
}

.team__ring--md {
    width: 54.69rem;
    height: 54.69rem;
    margin: -27.345rem 0 0 -27.345rem;
    animation: team-ring-spin 140s linear infinite reverse;
}

.team__ring--md img {
    transform: rotate(90deg);
}

.team__ring--sm {
    width: 43.667rem;
    height: 43.667rem;
    margin: -21.8335rem 0 0 -21.8335rem;
    animation: team-ring-spin 100s linear infinite;
}

.team__ring--sm img {
    transform: rotate(-90deg);
}

.team__member {
    position: absolute;
    top: 45.4rem;
    left: 50.4rem;
    width: 25.4rem;
    transform: translate(-50%, -50%) translate(calc(cos(var(--a)) * var(--r)), calc(sin(var(--a)) * var(--r)));
    will-change: transform;
    pointer-events: none;
}

.team__member--1 {
    --a: -76.016deg;
    --r: 33.934rem;
    --s: 0.91339;
    --n: 1.4rem;
    z-index: 6;
}

.team__member--2 {
    --a: 16.681deg;
    --r: 36.068rem;
    --s: 0.78346;
    --n: 1.3rem;
    z-index: 4;
}

.team__member--3 {
    --a: 103.617deg;
    --r: 33.131rem;
    --s: 1;
    --n: 1.4rem;
    z-index: 8;
}

.team__member--4 {
    --a: -24.058deg;
    --r: 37.576rem;
    --s: 0.84348;
    --n: 1.3rem;
    z-index: 5;
}

.team__member--5 {
    --a: 186.056deg;
    --r: 37.874rem;
    --s: 0.91629;
    --n: 1.4rem;
    z-index: 7;
}

.team__member--6 {
    --a: 150.011deg;
    --r: 33.858rem;
    --s: 0.64368;
    --n: 1.2rem;
    z-index: 1;
}

.team__member--7 {
    --a: 233.5deg;
    --r: 32.22rem;
    --s: 0.70352;
    --n: 1.2rem;
    z-index: 3;
}

.team__member--8 {
    --a: 57.537deg;
    --r: 30.554rem;
    --s: 0.64567;
    --n: 1.2rem;
    z-index: 2;
}

.team__member.is-closing {
    z-index: 19;
}

.team__member.is-active {
    z-index: 20;
}

.team__card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    width: 100%;
    padding: 2.4rem;
    border-radius: 10rem 10rem 1.6rem 1.6rem;
    pointer-events: auto;
    transform: scale(var(--s, 1));
    transform-origin: 50% 50%;
    will-change: transform;
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.team__card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: #fff;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

.team__card.is-open {
    transform: scale(1.18675);
}

.team__card.is-open::before {
    opacity: 1;
}

.team__card.is-open .team__name {
    font-size: calc(2.4171rem / 1.18675);
    line-height: calc(3.3229rem / 1.18675);
}

.team__card.is-open .team__links {
    max-height: 12rem;
    margin-top: 1.2rem;
    opacity: 1;
}

.team__photo {
    width: 14.6rem;
    height: 14.6rem;
    border-radius: 50%;
    object-fit: cover;
}

.team__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.team__text {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    width: 100%;
}

.team__role {
    width: 100%;
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 142.857%;
    text-align: center;
    word-break: break-word;
}

.team__name {
    width: 100%;
    color: #340406;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: calc(var(--n, 1.4rem) / var(--s, 1));
    font-weight: 900;
    line-height: calc(1.6rem / var(--s, 1));
    letter-spacing: -0.01em;
    text-align: center;
    word-break: break-word;
}

.team__links {
    display: flex;
    flex-direction: column;
    gap: 0.674rem;
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), margin-top 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.25s ease-out;
}

.team__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding: 0.8rem 1.2rem;
    border-radius: 4rem;
    background: #f6e8ee;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team__link:hover {
    background: #f4aece;
}

.team__link-icon {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
}

.team__link-value {
    color: #88184e;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 142.857%;
    white-space: nowrap;
}

.team__info {
    position: absolute;
    top: 32.8rem;
    left: 49.95rem;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    width: 51.3rem;
    z-index: 9;
}

.team__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    width: 100%;
}

.team__title {
    width: 29.3rem;
    color: #340406;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 5.6rem;
    font-weight: 900;
    line-height: 114.286%;
    letter-spacing: -0.056rem;
    text-align: center;
}

.team__subtitle {
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
}

.team__contacts {
    display: flex;
    justify-content: center;
    gap: 1.2rem;
    margin-top: 3rem;
}

.team__contact {
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 24.3rem;
    height: 8.8rem;
    padding: 2rem;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.3);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team__contact:hover {
    background: rgba(255, 255, 255, 0.6);
    transform: translateY(-0.3rem);
}

.team__contact-icon {
    flex-shrink: 0;
    width: 4.8rem;
    height: 4.8rem;
    filter: drop-shadow(0 0 2.493rem #e46ea6);
}

.team__contact-info {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.team__contact-label {
    color: #e46ea6;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 142.857%;
}

.team__contact-value {
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 142.857%;
}

.team-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-popup.is-open {
    visibility: visible;
    opacity: 1;
}

.team-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 4, 6, 0.3);
    cursor: pointer;
}

.team-popup__window {
    position: relative;
    z-index: 1;
    width: 25.4rem;
    transform: scale(calc(1.18675 * 0.94));
    transform-origin: 50% 50%;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-popup.is-open .team-popup__window {
    transform: scale(1.18675);
}

.team-popup__card {
    display: flex;
    width: 100%;
}

.team-popup .team__card.is-open {
    transform: none;
    will-change: auto;
}

.team-popup__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.696rem;
    height: 2.696rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #f6e8ee;
    cursor: pointer;
}

.team-popup__close::before, .team-popup__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.18rem;
    height: 0.17rem;
    border-radius: 0.1rem;
    background: #e46ea6;
}

.team-popup__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.team-popup__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

@keyframes team-ring-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .team__ring {
        animation: none;
    }
}

.faq {
    position: relative;
    z-index: 1;
    padding: 11.9rem 0 17.1rem;
    background: #340406;
}

.faq > .container {
    position: relative;
    z-index: 1;
}

.faq__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.faq__triangle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 218.3rem;
}

.faq__title {
    width: 60.9rem;
    color: #f4aece;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 5.6rem;
    font-weight: 900;
    line-height: 114.286%;
    letter-spacing: -0.056rem;
}

.faq__chat {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    width: 84.3rem;
    margin: 8rem auto 0;
    padding: 3.2rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.1);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 3.2rem 5.6rem 0 rgba(52, 4, 6, 0.1);
}

.faq__chat-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.6rem;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}

.faq__bot {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.faq__bot-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
    background: #340406;
    overflow: hidden;
}

.faq__bot-avatar img {
    width: 3.3rem;
    height: 3.2rem;
}

.faq__bot-info {
    display: flex;
    flex-direction: column;
}

.faq__bot-name {
    color: #f6e8ee;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 2rem;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: -0.02rem;
}

.faq__bot-status {
    color: #e46ea6;
    font-family: "Geist", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 133.333%;
}

.faq__chat-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    background: none;
}

.faq__chat-menu img {
    width: 2rem;
    height: 2rem;
}

.faq__messages {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.faq__row {
    display: flex;
    transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.faq__row--out {
    justify-content: flex-end;
}

.faq__messages.is-instant .faq__row {
    transition: none;
}

.faq__messages.is-ready .faq__row {
    opacity: 0;
    transform: translate(-2rem, 1.2rem);
}

.faq__messages.is-ready .faq__row--out {
    transform: translate(2rem, 1.2rem);
}

.faq__row:nth-child(1) {
    transition-delay: 0s;
}

.faq__row:nth-child(2) {
    transition-delay: 0.45s;
}

.faq__row:nth-child(3) {
    transition-delay: 0.75s;
}

.faq__row:nth-child(4) {
    transition-delay: 1.2s;
}

.faq__row:nth-child(5) {
    transition-delay: 1.5s;
}

.faq__row:nth-child(6) {
    transition-delay: 1.95s;
}

.faq__row:nth-child(7) {
    transition-delay: 2.25s;
}

.faq__row:nth-child(8) {
    transition-delay: 2.7s;
}

.faq__question {
    padding: 1.6rem;
    border-radius: 1.2rem 1.2rem 0.4rem 1.2rem;
    background: #f6e8ee;
    color: #340406;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 200%;
    letter-spacing: -0.014rem;
    white-space: nowrap;
}

.faq__answer {
    width: 42rem;
    padding: 1.6rem;
    border-radius: 1.2rem 1.2rem 1.2rem 0.4rem;
    background: #340406;
    color: #e5d9dd;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 150%;
}

.faq__ball {
    position: absolute;
    bottom: -23.4rem;
    left: 74.17rem;
    width: 39.347rem;
    height: 39.181rem;
    pointer-events: none;
    animation: ball-animation 4s ease-in-out infinite forwards;
}

@keyframes ball-animation {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(1rem) scale(0.98);
    }
}

.faq__ball img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32.176rem;
    height: 31.942rem;
    transform: translate(-50%, -50%) rotate(15deg);
}

.faq__cta {
    position: absolute;
    bottom: -20rem;
    left: 58.1rem;
    width: 30rem;
    height: 11.225rem;
    animation: cta-animation 4s ease-in-out infinite forwards;
}

@keyframes cta-animation {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-1rem) scale(1.02);
    }
}

.faq__cta-bubble {
    position: absolute;
    top: 0;
    left: 0;
    width: 30rem;
    height: 11.225rem;
    transform: rotate(180deg);
}

.faq__cta-inner {
    position: absolute;
    top: 1.53rem;
    left: 3.111rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    width: 23.1rem;
}

.faq__cta-text {
    width: 100%;
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
}

.faq__cta-button {
    min-width: 16.5rem;
    box-shadow: 0 0.4rem 0 0 #88184e;
}

@media (prefers-reduced-motion: reduce) {
    .faq__row {
        transition: none;
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    visibility: hidden;
    opacity: 0;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.modal.is-open {
    visibility: visible;
    opacity: 1;
}

.modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 4, 6, 0.5);
    cursor: pointer;
}

.modal__window {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 56.9rem;
    min-width: 0;
    max-height: 100%;
    border-radius: 1.2rem;
    overflow: hidden;
    transform: translateY(2rem);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.modal.is-open .modal__window {
    transform: translateY(0);
}

[role="dialog"]:focus {
    outline: none;
}

.modal__head {
    position: relative;
    flex-shrink: 0;
    height: 15.6rem;
    overflow: hidden;
    background: #340406;
}

.modal__glow {
    position: absolute;
    top: -14.523rem;
    left: 4.343rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55.132rem;
    height: 55.132rem;
    filter: blur(6.161rem);
    pointer-events: none;
}

.modal__glow img {
    width: 41.595rem;
    height: 36.373rem;
    transform: rotate(-45deg);
}

.modal__title {
    position: absolute;
    top: 4.6rem;
    left: 50%;
    transform: translateX(-50%);
    width: 37.3rem;
    color: #f6e8ee;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 133.333%;
    letter-spacing: -0.024rem;
    text-align: center;
}

.modal__close {
    position: absolute;
    top: 0.6rem;
    right: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.modal__close svg {
    width: 1.485rem;
    height: 1.485rem;
}

.modal__close:hover {
    transform: rotate(90deg);
}

.modal__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4rem;
    overflow-y: auto;
    background: #f6e8ee;
}

.modal__body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #eaeaea;
}

.modal__body::-webkit-scrollbar {
    width: 7px;
    background-color: #eaeaea;
}

.modal__body::-webkit-scrollbar-thumb {
    background-color: #e46ea6;
}

.contacts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
    width: 100%;
}

.contacts__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    min-width: 0;
    height: 8.8rem;
    padding: 2rem;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.3);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contacts__item:hover {
    background: rgba(255, 255, 255, 0.6);
}

.contacts__item--wide {
    grid-column: 1/-1;
}

.contacts__icon {
    flex-shrink: 0;
    width: 4.8rem;
    height: 4.8rem;
    filter: drop-shadow(0 0 2.493rem #e46ea6);
}

.contacts__info {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    width: 13.5rem;
}

.contacts__info--sm {
    width: auto;
}

.contacts__label {
    color: #e46ea6;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 150%;
}

.contacts__value {
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 150%;
}

.contacts__info--sm .contacts__label, .contacts__info--sm .contacts__value {
    font-size: 1.4rem;
    line-height: 142.857%;
}

.socials {
    position: fixed;
    right: 1rem;
    bottom: 2rem;
    display: none;
    width: 13.3rem;
    height: 13.4rem;
    pointer-events: none;
    z-index: 45;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.socials__ring {
    position: absolute;
    display: block;
    border: 0.074rem solid #f4aece;
    border-radius: 50%;
}

.socials__ring--outer {
    top: 3.4rem;
    left: 3.3rem;
    width: 10rem;
    height: 10rem;
    opacity: 0.1;
    animation: socials-pulse-outer 2.8s ease-in-out 0.7s infinite;
}

.socials__ring--inner {
    top: 4.503rem;
    left: 4.403rem;
    width: 7.794rem;
    height: 7.794rem;
    opacity: 0.5;
    animation: socials-pulse-inner 2.8s ease-in-out 0.35s infinite;
}

.socials.is-open .socials__ring, .socials.is-open .socials__toggle {
    animation: none;
}

.socials__toggle {
    position: absolute;
    top: 5.459rem;
    left: 5.359rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.882rem;
    height: 5.882rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #f4aece;
    cursor: pointer;
    pointer-events: auto;
    animation: socials-pulse-toggle 2.8s ease-in-out infinite;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.socials__toggle img {
    width: 3.529rem;
    height: 3.529rem;
    filter: drop-shadow(0 0 1.833rem #e46ea6);
}

.socials__toggle:hover {
    background: #fc86be;
}

.socials__item {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    padding: 0.8rem;
    border: none;
    border-radius: 50%;
    background: #f4aece;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(var(--x), var(--y)) scale(0.4);
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s, background 0.3s ease-in-out;
}

.socials__item img {
    width: 2.4rem;
    height: 2.4rem;
    filter: drop-shadow(0 0 1.2rem #e46ea6);
}

.socials__item:hover {
    background: #fc86be;
}

.socials__item--telegram {
    top: 0;
    left: 6.3rem;
    --x: 0rem;
    --y: 6.4rem;
}

.socials__item--teams {
    top: 2rem;
    left: 1.3rem;
    --x: 5rem;
    --y: 4.4rem;
}

.socials__item--email {
    top: 7.3rem;
    left: 0;
    --x: 6.3rem;
    --y: -0.9rem;
}

.socials.is-open .socials__item {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(0, 0) scale(1);
}

.socials.is-open .socials__item--email {
    transition-delay: 0.04s;
}

.socials.is-open .socials__item--teams {
    transition-delay: 0.08s;
}

.socials.is-open .socials__item--telegram {
    transition-delay: 0.12s;
}

.is-menu-open .socials {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@keyframes socials-pulse-toggle {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.06);
    }
}

@keyframes socials-pulse-inner {
    0%, 100% {
        transform: scale(1);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.07);
        opacity: 0.8;
    }
}

@keyframes socials-pulse-outer {
    0%, 100% {
        transform: scale(1);
        opacity: 0.1;
    }
    50% {
        transform: scale(1.11);
        opacity: 0.28;
    }
}

@media (prefers-reduced-motion: reduce) {
    .socials__ring,
    .socials__toggle {
        animation: none;
    }
}

.terms {
    position: relative;
    padding: 10.8rem 0 0;
    background: #340406;
    overflow: hidden;
}

.terms .container {
    max-width: 127.4rem;
}

.terms__panel {
    position: relative;
    overflow: hidden;
    padding: 8rem 12rem 8rem;
    border-radius: 1.6rem;
    background: #f6e8ee;
    z-index: 4;
}

.terms__bg {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 138.5rem;
    overflow: hidden;
    pointer-events: none;
}

.terms__triangle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 218.3rem;
    filter: blur(15rem);
}

.terms__wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 1;

    h3 {
        color: #340406;
        font-family: "Grandis Extended Black", sans-serif;
        font-size: 2.4rem !important;
        font-weight: 900;
        line-height: 133.333%;
        letter-spacing: -0.024rem;
        margin-bottom: 2rem;

        span {
            font-size: 2.4rem !important;
            font-family: "Grandis Extended Black", sans-serif !important;
        }
    }

    p {
        color: #340406;
        font-family: "Geist", sans-serif !important;
        line-height: 150% !important;
        margin: 0 0 1.2rem;
        font-size: 1.6rem !important;

        span {
            font-size: 1.6rem !important;
            font-family: "Geist", sans-serif !important;
            line-height: 150% !important;
        }
    }
}

.terms__title {
    color: #340406;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 4rem;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: -0.04rem;
    text-align: center;
    margin-bottom: 6rem;
}

.terms__section {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.terms__subtitle {
    color: #340406;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 133.333%;
    letter-spacing: -0.024rem;
}

.terms__text {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
}

.terms__text strong {
    font-weight: 700;
}

.notfound {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 1.8rem 0 0;
    background: #340406;
    overflow: hidden;
}

.notfound > .container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 0 auto;
}

.notfound__bg {
    position: absolute;
    top: 1.8rem;
    left: 8.7rem;
    display: block;
    width: 144.3rem;
    height: 149.6rem;
    pointer-events: none;
}

.notfound__triangle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(15rem);
}

.notfound__logo {
    align-self: flex-start;
    display: inline-block;
    width: 15.5rem;
}

.notfound__art {
    flex-shrink: 0;
    max-width: none;
    width: 94.9rem;
    height: 58.9rem;
    object-fit: cover;
    mix-blend-mode: lighten;
    pointer-events: none;
}

.notfound__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    width: 60.9rem;
    margin-top: -14.4rem;
    min-height: 28rem;
}

.notfound__title {
    width: 100%;
    color: #f4aece;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 4rem;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: -0.04rem;
    text-align: center;
}

.notfound__button {
    gap: 2rem;
    padding: 1.2rem 2rem;
    box-shadow: 0 0.6rem 0 0 #88184e;
}

.notfound__button span {
    font-size: 2rem;
    line-height: 150%;
}

.notfound .footer__bottom {
    width: 100%;
    margin-top: auto;
}

.notfound .footer__copy {
    opacity: 0.5;
}

.auth {
    position: relative;
    display: flex;
    min-height: 100vh;
    background: #f6e8ee;
}

.auth__aside {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 73rem;
    padding: 2rem;
}

.auth__panel {
    position: relative;
    flex: 1 0 auto;
    border-radius: 1.6rem;
    background: #340406;
    overflow: hidden;
    min-height: 76rem;
}

.auth__logo {
    position: absolute;
    top: 4rem;
    left: 6rem;
    display: block;
    width: 19.56rem;
}

.auth__cake {
    position: absolute;
    top: 4.7rem;
    left: 6.867rem;
    width: 79.8667rem;
    height: 59.9rem;
    max-width: none;
    object-fit: cover;
    transform: scaleX(-1);
    mix-blend-mode: screen;
    -webkit-mask-image: linear-gradient(to bottom, #000 81.18%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, #000 81.18%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.auth__main {
    flex: 1 0 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
}

.auth__form, .auth__done {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.2rem;
    width: 47rem;
}

.auth__sent {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 46.6rem;
    max-width: 100%;
}

.auth__sent-image {
    width: 35.4rem;
    height: 23.7rem;
    max-width: 100%;
    object-fit: cover;
    object-position: center bottom;
    -webkit-mask-image: radial-gradient(ellipse 62% 82% at 50% 50%, #000 27%, transparent 100%);
    mask-image: radial-gradient(ellipse 62% 82% at 50% 50%, #000 27%, transparent 100%);
}

.auth__hint {
    width: 100%;
    padding: 2rem;
    border-radius: 1.2rem;
    background: rgba(228, 110, 166, 0.2);
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-size: clamp(12px, 1.4rem, 1.4rem);
    font-weight: 400;
    line-height: 142.857%;
    text-align: center;
}

.auth__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
}

.auth__subtitle {
    width: 34.9rem;
    max-width: 100%;
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-size: clamp(14px, 1.6rem, 1.6rem);
    font-weight: 400;
    line-height: 150%;
    text-align: center;
}

.auth__title {
    width: 100%;
    color: #340406;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 4rem;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: -0.04rem;
    text-align: center;
}

.auth__fields {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    width: 100%;
}

.auth__link {
    color: #e46ea6;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.auth__link:hover {
    color: #fc86be;
}

.auth__submit {
    min-width: 22.4rem;
    border: none;
    font-family: inherit;
}

.auth__note {
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
}

.auth__note a {
    color: #e46ea6;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.auth__note a:hover {
    color: #fc86be;
}

.auth__footer {
    position: absolute;
    left: 8rem;
    bottom: 4rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    width: 61rem;
    padding: 2rem 0;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.2);
}

.auth__terms {
    width: fit-content;
    color: #f4aece;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.auth__terms:hover {
    color: #e46ea6;
}

.auth__copy {
    color: #f6e8ee;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
}

.nav-page {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 6rem 0 4rem;
    background: #340406;
    overflow: hidden;
}

.nav-page > .container {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.nav-page__glow {
    position: absolute;
    top: -30rem;
    left: 50%;
    display: block;
    width: 120rem;
    height: 80rem;
    transform: translateX(-50%);
    background: radial-gradient(50% 50% at 50% 50%, rgba(228, 110, 166, 0.35) 0%, rgba(228, 110, 166, 0.12) 45%, rgba(228, 110, 166, 0) 100%);
    pointer-events: none;
}

.nav-page__logo {
    align-self: flex-start;
    display: block;
    width: 19.56rem;
}

.nav-page__head {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin-top: 6rem;
}

.nav-page__title {
    color: #f6e8ee;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 4rem;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: -0.04rem;
}

.nav-page__subtitle {
    color: #f4aece;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-size: clamp(14px, 1.6rem, 1.6rem);
    font-weight: 400;
    line-height: 150%;
}

.nav-page__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 4rem;
}

.nav-page__card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    height: 100%;
    min-height: 16rem;
    padding: 2.4rem 6.4rem 2.4rem 2.4rem;
    border: 0.1rem solid rgba(244, 174, 206, 0.25);
    border-radius: 1.6rem;
    background: rgba(246, 232, 238, 0.04);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-page__card:hover {
    transform: translateY(-0.4rem);
    border-color: #e46ea6;
    background: rgba(228, 110, 166, 0.12);
}

.nav-page__card-top {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.nav-page__name {
    color: #f6e8ee;
    font-family: "Grandis Extended Bold", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.02rem;
}

.nav-page__file {
    color: #e46ea6;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-size: clamp(12px, 1.4rem, 1.4rem);
    font-weight: 400;
    line-height: 142.857%;
}

.nav-page__desc {
    margin-top: auto;
    color: rgba(246, 232, 238, 0.6);
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-size: clamp(14px, 1.6rem, 1.6rem);
    font-weight: 400;
    line-height: 150%;
}

.nav-page__arrow {
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: rgba(244, 174, 206, 0.12);
    color: #f4aece;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-page__arrow svg {
    width: 1.7rem;
    height: 1.3rem;
}

.nav-page__card:hover .nav-page__arrow {
    background: #e46ea6;
    color: #340406;
}

.nav-page__copy {
    margin-top: auto;
    padding-top: 6rem;
    color: rgba(246, 232, 238, 0.5);
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-size: clamp(12px, 1.4rem, 1.4rem);
    font-weight: 400;
    line-height: 142.857%;
}

.signup {
    width: 73rem;
}

.signup__step {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 3.2rem;
    width: 47rem;
}

.signup__step.is-active {
    display: flex;
}

.signup__step.is-entering {
    animation: step-in 0.45s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

.signup__step.is-entering .auth__fields > *,
.signup__step.is-entering > *:not(.auth__fields) {
    animation: step-item-in 0.45s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

.signup__step.is-entering .auth__fields > *:nth-child(1) {
    animation-delay: 0.06s;
}

.signup__step.is-entering .auth__fields > *:nth-child(2) {
    animation-delay: 0.12s;
}

.signup__step.is-entering .auth__fields > *:nth-child(3) {
    animation-delay: 0.18s;
}

.signup__step.is-entering > *:nth-child(2) {
    animation-delay: 0.24s;
}

.signup__step.is-entering > *:nth-child(3) {
    animation-delay: 0.3s;
}

.signup[data-current-step="2"] .stepper {
    margin-bottom: -1.2rem;
}

.signup[data-current-step="2"] .signup__step {
    gap: 2rem;
}

.signup__contact {
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 100%;
}

.signup__contact .field__control {
    flex: 1 0 0;
    min-width: 0;
}

.signup__actions {
    display: flex;
    gap: 2rem;
    width: 100%;
}

.signup__actions .btn {
    outline: none;
    border: none;
    flex: 1 0 0;
    min-width: 0;
}

.signup__actions .btn--outline {
    box-shadow: none;
    border: 0.15rem solid #f4aece;
}

.stepper {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0 10rem;
}

.stepper__line {
    position: absolute;
    top: 1.95rem;
    left: 22rem;
    width: 25.8rem;
    border-top: 0.1rem dashed #f4aece;
}

.stepper__item {
    flex: 1 0 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
}

.stepper__dot {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #f4aece;
    color: #fff;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.stepper__check {
    display: none;
    width: 2.4rem;
    height: 2.4rem;
}

.stepper__bullet {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #fff;
}

.stepper__label {
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-size: clamp(12px, 1.4rem, 1.4rem);
    font-weight: 400;
    line-height: 142.857%;
    text-align: center;
    opacity: 0.5;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.stepper__item.is-current .stepper__check, .stepper__item.is-done .stepper__check {
    display: block;
}

.stepper__item.is-current .stepper__bullet, .stepper__item.is-done .stepper__bullet {
    display: none;
}

.stepper__item.is-current .stepper__label, .stepper__item.is-done .stepper__label {
    color: #0d0b26;
    opacity: 1;
}

.stepper__item.is-current .stepper__dot {
    background: #e46ea6;
    animation: stepper-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes step-in {
    from {
        transform: translateX(var(--step-shift, 4rem));
    }
    to {
        transform: none;
    }
}

@keyframes step-item-in {
    from {
        opacity: 0;
        transform: translateY(1.4rem);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes stepper-pop {
    0% {
        transform: scale(1);
    }
    45% {
        transform: scale(1.18);
    }
    100% {
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .signup__step.is-entering,
    .signup__step.is-entering .auth__fields > *,
    .signup__step.is-entering > *:not(.auth__fields),
    .stepper__item.is-current .stepper__dot,
    .messengers__thumb,
    .field__input::placeholder {
        animation: none;
        transition: none;
    }
}

.messengers {
    position: relative;
    display: flex;
    padding: 0.4rem;
    border-radius: 1.2rem;
    background: rgba(244, 174, 206, 0.2);
}

.messengers__thumb {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    width: 5.6rem;
    height: 4rem;
    border: 0.1rem solid #e46ea6;
    border-radius: 1.2rem;
    background: rgba(228, 110, 166, 0.2);
    transform: translateX(calc(var(--messenger-index, 0) * 5.6rem));
    transition: transform 0.4s cubic-bezier(0.34, 1.45, 0.64, 1);
    pointer-events: none;
}

.messengers__item {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.6rem;
    height: 4rem;
    cursor: pointer;
}

.messengers__item img {
    width: 2.4rem;
    height: 2.4rem;
    opacity: 0.55;
    transform: scale(0.92);
    transition: all 0.4s cubic-bezier(0.34, 1.45, 0.64, 1);
}

.messengers__item.is-active img {
    opacity: 1;
    transform: scale(1);
}

.messengers__item:hover img {
    opacity: 1;
}

.messengers__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.select {
    position: relative;
}

.select.is-open {
    z-index: 20;
}

.select__control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    width: 100%;
    height: 4.8rem;
    min-height: clamp(46px, 4.8rem, 4.8rem);
    padding: 0 2rem;
    border: 0.1rem solid #f4aece;
    border-radius: 1.2rem;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.select.is-open .select__control, .select.is-filled .select__control {
    border-color: #e46ea6;
}

.select__value {
    flex: 1 0 0;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    overflow: hidden;
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-size: clamp(14px, 1.6rem, 1.6rem);
    font-weight: 400;
    line-height: 150%;
    white-space: nowrap;
}

.select[data-select=multiple] .select__control {
    height: auto;
    padding: 0.8rem 2rem;
}

.select[data-select=multiple] .select__value {
    flex-wrap: wrap;
}

.select__arrow {
    flex-shrink: 0;
    width: 0.95rem;
    height: 0.55rem;
    color: #f4aece;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.select.is-open .select__arrow {
    transform: rotate(180deg);
}

.select__list {
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 21.8rem;
    border-radius: 1.2rem;
    background: #fff;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.4rem);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.select__list::-webkit-scrollbar {
    width: 0.8rem;
    background: none;
}

.select__list::-webkit-scrollbar-track {
    margin: 0.4rem 0;
    border-radius: 1.2rem;
    background: #f6e8ee;
}

.select__list::-webkit-scrollbar-thumb {
    border: 0.1rem solid transparent;
    border-radius: 1.2rem;
    background: #f4aece;
    background-clip: content-box;
}

.select.is-open .select__list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.select__option {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 2rem;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.select__option:hover {
    background: rgba(244, 174, 206, 0.15);
}

.select__option-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.select__option-text {
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-size: clamp(12px, 1.4rem, 1.4rem);
    font-weight: 400;
    line-height: 142.857%;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.select__option-input:checked ~ .select__option-text {
    color: #e46ea6;
}

.check {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    min-width: clamp(22px, 2.4rem, 2.4rem);
    min-height: clamp(22px, 2.4rem, 2.4rem);
    border: 0.1rem solid transparent;
    border-radius: 0.4rem;
    background: rgba(228, 110, 166, 0.1);
    color: #e46ea6;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.check svg {
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input:checked + .check {
    border-color: #e46ea6;
    background: rgba(228, 110, 166, 0.2);
}

input:checked + .check svg {
    opacity: 1;
}

.chip {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.8rem 0.6rem;
    border-radius: 1rem;
    background: rgba(244, 174, 206, 0.2);
    color: #e46ea6;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-size: clamp(12px, 1.4rem, 1.4rem);
    font-weight: 400;
    line-height: 142.857%;
    white-space: nowrap;
}

.chip__remove {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    padding: 0;
    border: none;
    background: none;
    color: #e46ea6;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.chip__remove svg {
    width: 0.9rem;
    height: 0.9rem;
}

.chip__remove:hover {
    color: #88184e;
}

.agree {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    cursor: pointer;
}

.agree__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.agree__text {
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-size: clamp(14px, 1.6rem, 1.6rem);
    font-weight: 400;
    line-height: 150%;
}

.agree__text a {
    color: #e46ea6;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.agree__text a:hover {
    color: #fc86be;
}

.google__wrapper {
    position: relative;
    text-align: center;
}

.google__wrapper.error .google__error {
    display: block;
}

.code {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
}

.code__cells {
    display: flex;
    gap: 2rem;
}

.google__error {
    display: none;
    margin-top: 1rem;
    color: #ff1400;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    margin-bottom: 5px;
}

.code__cell {
    width: 5.6rem;
    height: 6.4rem;
    padding: 0;
    border: 0.1rem solid #f4aece;
    border-radius: 1.2rem;
    background: none;
    color: #e46ea6;
    font-family: "Grandis Extended Black", sans-serif;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 133.333%;
    letter-spacing: -0.024rem;
    text-align: center;
    caret-color: #e46ea6;
    outline: none;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.code__cell:focus, .code__cell.is-filled {
    border-color: #e46ea6;
}
.code--error .code__cell:not(.is-filled) {
    border-color: #ff1400;
}
.code__error {
    text-align: center;
}

.form__captcha {
    width: fit-content;
    margin: 0 auto;
}

.form__captcha .g-recaptcha {
    min-height: 78px;
}

.form__captcha .error {
    display: block;
    color: #ff1400;
    font-family: "Geist", sans-serif;
    text-align: left;
    font-size: 12px;
    margin-top: 9px;
}

.form__captcha.field--error .g-recaptcha > div {
    border-radius: 0.3rem;
    box-shadow: 0 0 0 0.1rem #ff1400;
}

.google__block {
    display: grid;
    grid-template-columns: repeat(6, 5.2rem);
    justify-content: center;
    gap: 2.4rem;
    width: 100%;
}

.google__block > input {
    width: 5.2rem;
    height: 5.2rem;
    padding: 0;
    border: 0.1rem solid #767676;
    border-radius: 0;
    background: #fff;
    color: #340406;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0.05rem;
    transition: all 0.2s ease;
}

.otp-time {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 0;
}

.otp-time .otp__resend {
    display: none;
    color: #e46ea6;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    cursor: pointer;
}

.otp-time .otp__resend:hover {
    text-decoration: underline;
}

.auth__form .app_links {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 2.4rem;
    width: 100%;
    margin: 1.2rem 0 0;
}

.auth__form .app_links .link {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 18rem;
}

.auth__form .app_links .modal__text__download {
    width: 100%;
    margin-bottom: 1rem;
    text-align: center;
}

.auth__form .app_links .modal__text__download p {
    color: #340406;
    font-family: "Geist", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 142.857%;
    opacity: 0.5;
}

.auth__form .app_links .link > a {
    display: block;
    width: 18rem;
    height: 5.3rem;
}

.auth__form .app_links .link > a svg {
    display: block;
    width: 100%;
    height: 100%;
}

.google__block > input:hover,
.google__block > input:focus {
    border-color: #e46ea6;
    color: #e46ea6;
    outline: none;
}

.google__block > input::-webkit-outer-spin-button,
.google__block > input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.google__block > input[type="number"] {
    -moz-appearance: textfield;
}

.google__wrapper .otp-time {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 0;
}

.google__wrapper .otp-time .time {
    text-align: center;
}

.otp-time .otp__resend {
    display: none;
    color: #e46ea6;
    font-family: "Geist", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    cursor: pointer;
}

.otp-time .otp__resend:hover {
    text-decoration: underline;
}

.google__wrapper .otp-time .link {
    cursor: pointer;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.9rem;
    color: #e46ea6;
}

.google__wrapper .otp-time .link:hover {
    text-decoration: underline;
}

.google__wrapper [type="submit"]:disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}

.auth__form--setup-secret {
    gap: 2.4rem;
}

.auth__qr {
    width: 20rem;
    height: 20rem;
    background: #fff;
}

.auth__qr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.auth__secret {
    width: 100%;
}

.auth__secret-field {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 4.8rem;
    padding: 0 5.2rem 0 2rem;
    border: 0.1rem solid #f4aece;
    border-radius: 1.2rem;
}

.auth__secret-input {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: #340406;
    font-size: 1.6rem;
}

.auth__secret-copy {
    position: absolute;
    top: 50%;
    right: 1.2rem;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    border: 0;
    background: none;
    transform: translateY(-50%);
    cursor: pointer;
}

.auth__secret-copy svg {
    width: 100%;
    height: 100%;
}

.auth__subtitle--small {
    font-size: 1.4rem;
    line-height: 142.857%;
    opacity: 0.5;
}

@property --a {
    syntax: "*";
    inherits: false;
}

@property --r {
    syntax: "*";
    inherits: false;
}

@media (max-width: 1500px) {
    html {
        font-size: 0.6944444444vw;
    }

    .hero {
        padding-top: 14.5rem;
    }

    .hero__video-wrap {
        right: -44rem;
    }
}

@media (max-width: 1024px) {
    html {
        font-size: 0.9765625vw;
    }

    .hero {
        height: auto;
        min-height: unset;
        max-height: unset;
    }

    .hero__video-wrap {
        top: 11rem;
        right: -45rem;
        width: 150rem;
    }

    .hero__cake {
        top: -5rem;
        right: -14rem;
        width: 67rem;
    }

    .testimonials__content {
        gap: 8rem;
    }

    .auth {
        flex-direction: column;
    }

    .auth__aside {
        width: 100%;
    }

    .auth__panel {
        flex: 0 0 auto;
        min-height: 22rem;
    }

    .auth__cake {
        top: -2.6rem;
        right: -4rem;
        left: auto;
        width: 40.4rem;
        height: 30.3rem;
    }

    .auth__main {
        flex: 1 0 auto;
    }

    .auth__footer {
        position: static;
        width: 100%;
        max-width: 47rem;
        margin: 0 auto;
        padding: 0 2rem 4rem;
        border-top: none;
    }

    .auth__terms {
        width: 100%;
        color: #e46ea6;
        text-align: center;
    }

    .auth__copy {
        color: #340406;
        text-align: center;
    }

    .nav-page__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .socials {
        display: block;
    }

    .footer__slogan {
        font-size: 4rem;
    }
}

@media (max-width: 640px) {
    .loader__mark {
        width: 23rem;
        height: 6.73rem;
    }

    html {
        font-size: 2.6666666667vw;
    }

    .container {
        padding: 0 1.2rem;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .btn {
        gap: 2rem;
        min-width: 22.9rem;
        min-height: 4.8rem;
        padding: 1.2rem 2rem;
        box-shadow: 0 0.4rem 0 0 #88184e;
    }

    .btn span {
        font-size: 1.6rem;
        line-height: 150%;
    }

    .header {
        top: 0.4rem;
        transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .header.is-menu-open {
        top: 0;
    }

    .header .container {
        padding: 0 1.2rem;
    }

    .header__wrap {
        position: relative;
        flex-wrap: wrap;
        align-content: flex-start;
        gap: 1.2rem;
        height: 5.6rem;
        padding: 0.8rem 1.2rem;
        border-bottom: 0.1rem solid transparent;
        border-radius: 1.6rem;
        background: rgba(52, 4, 6, 0.7);
        overflow: hidden;
        transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1), margin 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s ease-in-out, border-color 0.3s ease-in-out;
    }

    .header.fixed .header__wrap {
        background: rgba(52, 4, 6, 0.9);
    }

    .header__logo {
        order: 1;
        width: 11.004rem;
    }

    .header__menu {
        order: 3;
        width: 100%;
        padding: 3.2rem 0 4rem;
        visibility: hidden;
        transition: visibility 0.4s;
    }

    .header__menu-list {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }

    .header__menu-item {
        opacity: 0;
        transform: translateY(-0.8rem);
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    }

    .header__menu-link {
        color: #e46ea6;
        font-family: "Grandis Extended Black", sans-serif;
        font-size: 2.8rem;
        font-weight: 900;
        line-height: 128.571%;
        letter-spacing: -0.028rem;
        border-bottom: none;
    }

    .header__menu-link:hover {
        color: #e46ea6;
        border-bottom: none;
    }

    .header__switcher {
        position: absolute;
        left: 2.4rem;
        right: 2.4rem;
        bottom: 10.8rem;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-0.8rem);
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s;
    }

    .header__menu-button {
        position: absolute;
        left: 2.4rem;
        right: 2.4rem;
        bottom: 2rem;
        display: flex;
        width: auto;
        min-width: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-0.8rem);
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s;
    }

    .header__buttons {
        order: 2;
        gap: 0.4rem;
        height: 4rem;
        margin-left: auto;
    }

    .header__button {
        min-width: 9.6rem;
        min-height: 3.2rem;
        padding: 0.4rem;
    }

    .header__button span {
        font-size: 1.4rem;
        line-height: 171.429%;
        letter-spacing: -0.028rem;
    }

    .header__button-text {
        display: none;
    }

    .header__button-text--short {
        display: block;
    }

    .header__burger {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.3rem;
        width: 4rem;
        height: 3.2rem;
        padding: 0 0.8rem;
        border: none;
        border-radius: 1.2rem;
        background: rgba(228, 110, 166, 0.2);
        cursor: pointer;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .header__burger span {
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 0.2rem;
        background: #e46ea6;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .header.is-menu-open .header__wrap {
        height: 100vh;
        height: 100dvh;
        margin: 0 -1.2rem;
        padding: 1.2rem 2.4rem 2rem;
        border-radius: 0;
        border-color: #340406;
        background: #340406;
    }

    .header.is-menu-open .header__menu {
        visibility: visible;
        transition-delay: 0s;
    }

    .header.is-menu-open .header__menu-item {
        opacity: 1;
        transform: translateY(0);
    }

    .header.is-menu-open .header__menu-item:nth-child(1) {
        transition-delay: 0.14s;
    }

    .header.is-menu-open .header__menu-item:nth-child(2) {
        transition-delay: 0.2s;
    }

    .header.is-menu-open .header__menu-item:nth-child(3) {
        transition-delay: 0.26s;
    }

    .header.is-menu-open .header__menu-item:nth-child(4) {
        transition-delay: 0.32s;
    }

    .header.is-menu-open .header__switcher {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition-delay: 0.36s;
    }

    .header.is-menu-open .header__menu-button {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition-delay: 0.42s;
    }

    .header.is-menu-open .header__burger span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1.141rem;
        height: 0.151rem;
        border-radius: 0.076rem;
    }

    .header.is-menu-open .header__burger span:nth-child(1) {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .header.is-menu-open .header__burger span:nth-child(2) {
        opacity: 0;
    }

    .header.is-menu-open .header__burger span:nth-child(3) {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .terms {
        padding: 10.8rem 0 0;
    }

    .terms .container {
        padding: 0;
    }

    .terms__panel {
        padding: 4rem 2.4rem 9rem;
    }

    .terms__title {
        font-size: 2.8rem;
        line-height: 128.571%;
        letter-spacing: -0.028rem;
    }

    .terms__wrap h3 {
        font-size: 2rem !important;
        line-height: 140%;
        letter-spacing: -0.02rem;
        margin-bottom: 1.2rem;
    }

    .terms__wrap h3 span {
        font-size: 2rem !important;
    }

    .terms__wrap p {
        font-size: 1.4rem !important;
        line-height: 142.857%;
        margin: 0 0 1.2rem;
    }

    .terms__wrap p span {
        font-size: 1.4rem !important;
    }

    .notfound {
        padding: 1.9rem 0 0;
    }

    .notfound__bg {
        display: none;
    }

    .notfound__triangle {
        filter: blur(8rem);
    }

    .notfound__logo {
        width: 11.004rem;
    }

    .notfound__art {
        width: 45.7rem;
        height: 28.3rem;
        margin-top: 7.5rem;
    }

    .notfound__info {
        gap: 4rem;
        width: 100%;
        margin-top: -5.5rem;
        min-height: 25rem;
    }

    .notfound__title {
        font-size: 2.8rem;
        line-height: 128.571%;
        letter-spacing: -0.028rem;
    }

    .notfound__button {
        min-width: 28.9rem;
        min-height: 4.8rem;
        padding: 1.2rem 2rem;
        box-shadow: 0 0.4rem 0 0 #88184e;
    }

    .notfound__button span {
        font-size: 1.6rem;
        line-height: 150%;
    }

    .notfound .footer__bottom {
        gap: 3.2rem;
        margin-top: auto;
        padding: 2rem 0;
    }

    .auth__aside {
        padding: 1.2rem;
    }

    .auth__panel {
        min-height: 13.9rem;
    }

    .auth__logo {
        top: 2.175rem;
        left: 2rem;
        width: 14.67rem;
    }

    .auth__cake {
        top: -1.7rem;
        right: auto;
        left: 13.8rem;
        width: 25.5667rem;
        height: 19.175rem;
    }

    .auth__main {
        padding: 2rem 1.2rem;
        align-items: flex-start;
    }

    .auth__form, .auth__done {
        gap: 2rem;
        width: 100%;
        max-width: 34.9rem;
    }

    .auth__sent {
        width: 100%;
    }

    .auth__sent-image {
        width: 28.55rem;
        height: 19.11rem;
    }

    .auth__hint {
        padding: 1.2rem;
    }

    .auth__intro {
        gap: 0.8rem;
    }

    .auth__title {
        font-size: 2.8rem;
        line-height: 128.571%;
        letter-spacing: -0.028rem;
    }

    .auth__submit {
        width: 100%;
        min-width: 0;
    }

    .auth__footer {
        gap: 1.2rem;
        max-width: 28.6rem;
        padding: 0 0 2.5rem;
    }

    .auth__terms {
        font-size: 1.4rem;
        line-height: 142.857%;
    }

    .auth__copy {
        font-size: 1.4rem;
        line-height: 142.857%;
    }

    .signup {
        width: 100%;
        max-width: 34.9rem;
    }

    .signup__step {
        gap: 2rem;
        width: 100%;
    }

    .signup[data-current-step="2"] .stepper {
        margin-bottom: 0;
    }

    .stepper {
        width: 30rem;
        margin: 0 auto;
        padding: 0;
    }

    .stepper__line {
        top: 1.6rem;
        left: 5.95rem;
        width: 15.6rem;
    }

    .stepper__dot {
        width: 3.2rem;
        height: 3.2rem;
    }

    .stepper__check {
        width: 2rem;
        height: 2rem;
    }

    .stepper__bullet {
        width: 1.6rem;
        height: 1.6rem;
    }

    .nav-page {
        padding: 4rem 0 3.2rem;
    }

    .nav-page__logo {
        width: 14.67rem;
    }

    .nav-page__head {
        margin-top: 4rem;
    }

    .nav-page__title {
        font-size: 2.8rem;
        line-height: 128.571%;
        letter-spacing: -0.028rem;
    }

    .nav-page__list {
        grid-template-columns: 1fr;
        gap: 1.2rem;
        margin-top: 3.2rem;
    }

    .nav-page__card {
        min-height: 0;
        padding: 2rem 6rem 2rem 2rem;
    }

    .nav-page__arrow {
        top: 2rem;
        right: 2rem;
        width: 3.6rem;
        height: 3.6rem;
    }

    .nav-page__copy {
        padding-top: 4rem;
    }

    .lang_switcher_outer {
        width: 100%;
    }

    .lang_switcher {
        display: none;
    }

    .lang_list {
        position: static;
        flex-direction: row;
        gap: 0.8rem;
        width: 100%;
        padding: 0;
        border: none;
        border-radius: 0;
        background: none;
        backdrop-filter: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
    }

    .lang_list_item {
        flex: 1 0 0;
        min-width: 0;
        padding: 0.8rem;
        border: 0.1rem solid rgba(246, 232, 238, 0.05);
        border-radius: 1.2rem;
        background: rgba(246, 232, 238, 0.05);
        text-align: center;
    }

    .lang_list_item span {
        font-size: 1.6rem;
        line-height: 150%;
        letter-spacing: -0.032rem;
    }

    .lang_list_item.active {
        background: rgba(228, 110, 166, 0.2);
    }

    .lang_list_item.active span {
        color: #e46ea6;
    }

    .hero {
        padding: 0 0 4.5rem;
    }

    .hero::before {
        display: none;
    }

    .hero__cake {
        top: 5rem;
        right: -9rem;
        width: 44rem;
    }

    .hero__triangle {
        width: 55rem;
        height: 100rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1442 2183' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(1226.03 2172.76) rotate(-115.657) scale(1649.47 840.149)'%3E%3Cstop stop-color='%23E46EA6'/%3E%3Cstop offset='.5' stop-color='%23E46EA6'/%3E%3Cstop offset='1' stop-color='%23F4AECE'/%3E%3C/radialGradient%3E%3Cfilter id='b' filterUnits='userSpaceOnUse' x='0' y='0' width='1442' height='2183' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='314.6 262'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23b)' fill='url(%23g)' d='M347.828 2456.5C345.135 2491.96 343.788 2509.69 348.018 2521.54C356.639 2545.67 379.82 2561.51 405.437 2560.77C418.006 2560.4 434.098 2552.67 466.283 2537.21L1985.05 1807.65C2017.23 1792.19 2033.32 1784.46 2041.46 1774.87C2058.05 1755.34 2060.18 1727.35 2046.73 1705.53C2040.13 1694.83 2025.39 1684.76 1995.91 1664.62L604.728 714.078C575.247 693.934 560.507 683.863 548.137 681.605C522.926 677.004 497.619 689.16 485.453 711.715C479.483 722.782 478.137 740.512 475.444 775.973C460.175 977.04 431.941 1348.85 411.636 1616.24C391.331 1883.63 363.096 2255.44 347.828 2456.5Z'/%3E%3C/svg%3E");
    }

    .hero__wrap {
        display: block;
        padding-top: 36rem;
    }

    .hero__info {
        max-width: none;
    }

    .hero__title {
        font-size: 3.6rem;
        line-height: 122.222%;
        letter-spacing: -0.036rem;
        margin-bottom: 2rem;
    }

    .hero__description {
        font-size: 1.6rem;
        line-height: 150%;
        opacity: 0.8;
        margin-bottom: 4rem;
    }

    .hero__video-wrap {
        top: -3.4rem;
        right: 0rem;
        width: 39.3rem;
    }

    .hero__promo {
        height: 6.4rem;
        margin: 5.5rem -1.2rem 0;
        overflow: hidden;
    }

    .hero__promo-track {
        display: flex;
        width: max-content;
        animation: hero-promo-marquee 24s linear infinite;
        will-change: transform;
    }

    .hero__promo-wrap {
        flex-shrink: 0;
        gap: 0;
    }

    .hero__promo-wrap--clone {
        display: flex;
    }

    .hero__promo-item {
        padding: 0 4rem;
        border-left: 0.1rem solid rgba(240, 237, 231, 0.2);
    }

    .hero__promo-number {
        font-size: 2.8rem;
        line-height: 128.571%;
        letter-spacing: -0.028rem;
    }

    .hero__promo-text {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 150%;
    }

    .features {
        padding: 6rem 0;
    }

    .features__title {
        width: 29.1rem;
        margin: 0 auto 4rem;
        font-size: 3.6rem;
        line-height: 122.222%;
        letter-spacing: -0.036rem;
    }

    .features__grid {
        display: flex;
        flex-flow: column wrap;
        align-content: flex-start;
        gap: 1.2rem;
        height: 56rem;
    }

    .features__col {
        display: contents;
    }

    .features__card {
        flex: 0 0 auto;
        width: calc((100% - 1.2rem) / 2);
        min-height: 0;
        gap: 0.8rem;
        padding: 1.2rem;
        border-radius: 0.52rem;
        background: rgba(255, 255, 255, 0.3);
    }

    .features__card--brands {
        order: 1;
        height: 24.7rem;
        gap: 0;
    }

    .features__card--tracking {
        order: 2;
        height: 30rem;
        background: none;
    }

    .features__card--number {
        order: 3;
        height: 17.7rem;
        gap: 2rem;
    }

    .features__card--deals {
        order: 4;
        height: 20.9rem;
        gap: 2rem;
        justify-content: flex-end;
    }

    .features__card--deal {
        order: 5;
        height: 14.9rem;
        gap: 0;
        padding: 3.2rem 1.2rem 1.2rem;
        justify-content: space-between;
    }

    .features__media {
        border-radius: 0.52rem;
    }

    .features__media--brands {
        aspect-ratio: 150/115;
    }

    .features__media--deals {
        aspect-ratio: 146.324/112.124;
    }

    .features__content {
        gap: 0.8rem;
    }

    .features__content--deal {
        gap: 0.433rem;
        padding: 0;
    }

    .features__card-title {
        font-size: 1.4rem;
        line-height: 110%;
        letter-spacing: -0.014rem;
    }

    .features__card-title--tracking {
        line-height: 1.8rem;
    }

    .features__card-text {
        font-size: 1.2rem;
        line-height: 133.333%;
    }

    .features__number {
        font-size: 4.8rem;
        line-height: 91.667%;
        letter-spacing: -0.24rem;
    }

    .features__tracking-image {
        border-radius: 0.52rem;
    }

    .features__marquee {
        width: calc(100% + 2.4rem);
        height: 3.115rem;
        margin: 0 -1.2rem;
    }

    .features__marquee-list {
        gap: 0.433rem;
        padding-right: 0.433rem;
    }

    .features__tag {
        padding: 0.865rem 1.731rem;
        border-width: 0.043rem;
        font-size: 1.038rem;
        line-height: 1.385rem;
        letter-spacing: -0.0104rem;
    }

    .dark-block__glow {
        background: radial-gradient(34rem 42rem at 85% 97%, rgba(228, 110, 166, 0.92) 0%, rgba(228, 110, 166, 0.6) 40%, rgba(228, 110, 166, 0.18) 75%, rgba(228, 110, 166, 0) 100%);
    }

    .brands {
        padding: 6.8rem 0 0;
    }

    .brands__title {
        font-size: 2.8rem;
        line-height: 128.571%;
        letter-spacing: -0.028rem;
    }

    .brands__subtitle {
        font-size: 1.4rem;
        line-height: 142.857%;
    }

    .brands__stage {
        --gap: 2;
        --grow: 1.06;
        --radius: 2.1;
        --tilt: 16;
        --lift: 1.6;
        --depth: 52;
        height: 60rem;
        margin-top: -1rem;
    }

    .brands__slide, .brands__pane {
        width: 22.6rem;
        height: 44.1rem;
        margin-top: -21.55rem;
        margin-left: -11.3rem;
        border-radius: 2.1rem;
    }

    .brands__slide {
        margin-top: -21.23rem;
        box-shadow: 0 1.6rem 4rem rgba(0, 0, 0, 0.5);
    }

    .brands__device {
        width: 23.4rem;
        height: 48.5rem;
        margin-top: -24.25rem;
        margin-left: -11.7rem;
    }

    .brands__screen {
        top: 0.37rem;
        left: 0.44rem;
        width: 22.6rem;
        height: 47.8rem;
        border-radius: 3.4rem;
    }

    .brands__viewport {
        top: 2.65rem;
        width: 22.6rem;
        height: 43.1rem;
    }

    .brands__statusbar {
        height: 2.65rem;
    }

    .brands__home {
        height: 2.05rem;
    }

    .brands__cards {
        top: 26rem;
        left: -1.55rem;
        width: 26.5rem;
        height: 28rem;
    }

    .brands__card {
        gap: 1.2rem;
        padding: 2rem 1.2rem;
        border-radius: 2rem;
    }

    .brands__badge {
        top: 0rem;
        left: auto;
        right: 1.8rem;
        padding: 0.4rem 0.6rem 0.6rem;
        border-radius: 0rem 0rem 0.6rem 0.6rem;
    }

    .brands__badge img {
        width: 6.5rem;
        height: 1.6rem;
    }

    .brands__card-logo {
        width: 10.2rem;
        height: 3.4rem;
    }

    .brands__card-logo--winnita {
        width: 8.6rem;
    }

    .brands__list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.4rem;
    }

    .brands__list-item {
        gap: 0.4rem;
    }

    .brands__list-item img {
        width: 1.8rem;
        height: 1.8rem;
        padding: 0.5rem 0.49rem;
    }

    .brands__list-item span {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 133.333%;
    }

    .brands__rate-label {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 133.333%;
    }

    .brands__rate-value {
        font-size: 1.6rem;
        line-height: 150%;
        letter-spacing: -0.016rem;
    }

    .brands__explore {
        width: 100%;
        min-width: 0;
        padding: 1.1rem 2rem;
    }

    .brands__nav {
        gap: 2rem;
        margin-top: 2.5rem;
    }

    .testimonials {
        padding: 6rem 0 3.8rem;
    }

    .testimonials__title {
        font-size: 2.8rem;
        line-height: 128.571%;
        letter-spacing: -0.028rem;
    }

    .testimonials__content {
        flex-direction: column;
        gap: 6rem;
        height: auto;
        margin-top: 6rem;
    }

    .testimonials__list {
        order: 2;
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .testimonials__list::-webkit-scrollbar {
        display: none;
    }

    .testimonials__track {
        flex-direction: row;
        gap: 1.6rem;
        width: -webkit-max-content;
        width: max-content;
    }

    .testimonials__row--clone {
        display: none;
    }

    .testimonials__tab {
        width: auto;
    }

    .testimonials__tab span {
        font-size: 1.6rem;
        line-height: 150%;
    }

    .testimonials__tab img {
        display: none;
    }

    .testimonials__tab.is-active span {
        font-weight: 600;
    }

    .testimonials__quotes {
        order: 1;
        display: grid;
        width: 100%;
        height: auto;
    }

    .testimonials__quote {
        position: relative;
        grid-area: 1/1;
        gap: 3.2rem;
    }

    .testimonials__body {
        gap: 3.2rem;
    }

    .testimonials__mark {
        width: 2.9rem;
        height: 1.8rem;
    }

    .testimonials__text p {
        font-size: 1.4rem;
        line-height: 142.857%;
    }

    .testimonials__avatar {
        width: 5.6rem;
        height: 5.6rem;
        font-size: 2.56rem;
        letter-spacing: -0.0256rem;
    }

    .testimonials__author-info {
        gap: 0;
    }

    .testimonials__author-name {
        font-size: 1.6rem;
        line-height: 150%;
        letter-spacing: -0.016rem;
    }

    .testimonials__footer {
        height: auto;
        margin-top: 2rem;
    }

    .testimonials__nav {
        flex-direction: row;
        justify-content: flex-start;
        gap: 1.2rem;
        width: 100%;
    }

    .testimonials__arrow {
        border-color: rgba(246, 232, 238, 0.4);
    }

    .testimonials__arrow img {
        transform: none;
    }

    .testimonials__line {
        top: 2.8rem;
    }

    .testimonials__line--start {
        display: none;
    }

    .testimonials__line--end {
        left: 15rem;
        right: 0.8rem;
    }

    .team {
        padding: 0 0 5rem;
        background: radial-gradient(59.9rem 59.9rem at 50% 53.4%, #f4aece 0%, #f6e8ee 100%);
    }

    .team__stage {
        width: 100%;
        height: 75.9rem;
    }

    .team__ring {
        top: 39.65rem;
        left: 50%;
    }

    .team__ring--lg {
        width: 56.7rem;
        height: 56.7rem;
        margin: -28.35rem 0 0 -28.35rem;
    }

    .team__ring--md {
        width: 40.38rem;
        height: 40.38rem;
        margin: -20.19rem 0 0 -20.19rem;
    }

    .team__ring--sm {
        width: 30.9rem;
        height: 30.9rem;
        margin: -15.45rem 0 0 -15.45rem;
    }

    .team__member {
        top: 39.65rem;
        left: 50%;
    }

    .team__member--1 {
        --a: -110.48deg;
        --r: 24.885rem;
        --s: 0.59404;
        z-index: 4;
    }

    .team__member--2 {
        --a: -50.43deg;
        --r: 20.415rem;
        --s: 0.61843;
        z-index: 5;
    }

    .team__member--3 {
        --a: -83.5deg;
        --r: 26.467rem;
        --s: 0.42892;
        z-index: 1;
    }

    .team__member--4 {
        --a: 134.41deg;
        --r: 19.13rem;
        --s: 0.63495;
        z-index: 6;
    }

    .team__member--5 {
        --a: 104.99deg;
        --r: 25.38rem;
        --s: 0.43964;
        z-index: 2;
    }

    .team__member--6 {
        --a: -137.08deg;
        --r: 19.128rem;
        --s: 0.4769;
        z-index: 3;
    }

    .team__member--7 {
        --a: 41.51deg;
        --r: 18.856rem;
        --s: 0.53306;
        z-index: 4;
    }

    .team__member--8 {
        --a: 72deg;
        --r: 23.271rem;
        --s: 0.64109;
        z-index: 7;
    }

    .team__info {
        top: 29rem;
        left: 50%;
        width: 35.1rem;
        gap: 2rem;
        z-index: 8;
    }

    .team__head {
        gap: 2rem;
    }

    .team__title {
        width: 14rem;
        font-size: 2.8rem;
        line-height: 128.571%;
        letter-spacing: -0.028rem;
    }

    .team__subtitle {
        font-size: 1.4rem;
        line-height: 142.857%;
    }

    .team__button {
        min-width: 18rem;
    }

    .team__contacts {
        flex-direction: column;
        max-width: 30rem;
        margin: 2rem auto 0;
    }

    .team__contact {
        width: 100%;
        height: 4.6rem;
        border-radius: 1.2rem;
        background: rgba(255, 255, 255, 0.3);
        padding: 1.5rem 2rem;
    }

    .team__contact-label {
        display: none;
    }

    .team__contact-icon {
        width: 2.6rem;
        height: 2.6rem;
    }

    .team__contact-value {
        font-size: 1.6rem;
    }

    .faq {
        padding: 8rem 0 28rem;
        border-radius: 1.6rem 1.6rem 0 0;
    }

    .faq__triangle {
        top: 148.2rem;
        left: -26.7rem;
        width: 139.82rem;
        height: 140.25rem;
        filter: blur(10rem);
    }

    .faq__triangle > g {
        filter: none;
    }

    .faq__title {
        width: 34.8rem;
        font-size: 2.8rem;
        line-height: 128.571%;
        letter-spacing: -0.028rem;
    }

    .faq__chat {
        width: 34.5rem;
        margin: 2rem 0 0;
        padding: 2rem;
    }

    .faq__bot-name {
        font-size: 1.6rem;
        line-height: 150%;
        letter-spacing: -0.016rem;
    }

    .faq__messages {
        gap: 1.2rem;
    }

    .faq__question {
        width: 100%;
        font-size: 1.4rem;
        line-height: 142.857%;
        white-space: normal;
    }

    .faq__answer {
        width: 100%;
        font-size: 1.4rem;
        line-height: 142.857%;
    }

    .faq__ball {
        bottom: -20.4rem;
        left: 20.948rem;
        width: 25.93rem;
        height: 25.82rem;
    }

    .faq__ball img {
        width: 21.203rem;
        height: 21.049rem;
    }

    .faq__cta {
        bottom: -20rem;
        left: 1.206rem;
        width: 25.594rem;
        height: 11.2rem;
    }

    .faq__cta-button {
        min-width: 18rem;
    }

    .faq__cta-bubble {
        width: 25.594rem;
        height: 11.2rem;
    }

    .faq__cta-inner {
        top: 1.53rem;
        left: 1.004rem;
        width: 23.1rem;
    }

    .faq__cta-text {
        font-size: 2rem;
        line-height: 140%;
    }

    .footer {
        padding: 4rem 0 2.5rem;
        overflow: visible;
        z-index: 1;
    }

    .footer__bg {
        overflow: visible;
    }

    .footer__triangle {
        top: -35.5rem;
        left: -26.7rem;
        width: 139.82rem;
        height: 67rem;
        filter: blur(13rem);
    }

    .footer__triangle > g {
        filter: none;
    }

    .footer__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 4rem;
    }

    .footer__slogan {
        width: 29.6rem;
        margin-left: auto;
        font-size: 1.8rem;
        line-height: 120%;
        letter-spacing: -0.02rem;
        white-space: normal;
    }

    .footer__nav {
        flex-direction: column;
        align-items: stretch;
        gap: 4rem;
        margin-top: 8rem;
    }

    .footer__menu {
        justify-content: space-between;
        gap: 0;
        width: 100%;
    }

    .footer__menu-link {
        font-size: 1.4rem;
        line-height: 142.857%;
    }

    .footer__button {
        width: 100%;
    }

    .footer__bottom {
        flex-direction: column;
        align-items: center;
        gap: 3.2rem;
        margin-top: 4rem;
        padding: 2rem 0;
    }

    .footer__socials {
        order: 1;
    }

    .footer__terms {
        order: 2;
        width: auto;
    }

    .footer__copy {
        order: 3;
        text-align: center;
    }

    .modal {
        padding: 1.5rem;
    }

    .modal__window {
        width: 34.5rem;
    }

    .modal__head {
        height: 12rem;
    }

    .modal__title {
        top: 3.2rem;
        width: 29.7rem;
        font-size: 2rem;
        line-height: 140%;
        letter-spacing: -0.02rem;
    }

    .modal__close {
        top: 0.769rem;
        right: 0.493rem;
        width: 3.2rem;
        height: 3.2rem;
    }

    .modal__close svg {
        width: 1.067rem;
        height: 1.067rem;
    }

    .modal__body {
        padding: 2rem;
    }

    .contacts {
        grid-template-columns: 1fr;
        gap: 0.4rem;
    }

    .contacts__item {
        height: auto;
        padding: 1.2rem 4rem;
        justify-content: flex-start;
    }

    .contacts__icon {
        width: 3.2rem;
        height: 3.2rem;
    }

    .contacts__info {
        width: 15.1rem;
    }

    .contacts__info--sm {
        width: auto;
    }

    @keyframes hero-promo-marquee {
        from {
            transform: translate3d(0, 0, 0);
        }
        to {
            transform: translate3d(-50%, 0, 0);
        }
    }
    html.uk .team__title {
        font-size: 2.5rem;
    }

    html.uk .features__title {
        font-size: 3rem;
    }

    html.uk .footer__slogan {
        font-size: 1.6rem;
    }

    html.uk .footer__copy {
        font-size: 1.5rem;
    }

    html.ru .hero__description {
        font-size: 1.6rem;
    }

    html.ru .team__title {
        font-size: 2.5rem;
    }

    html.ru .features__title {
        font-size: 3rem;
    }

    html.ru .footer__slogan {
        font-size: 1.5rem;
    }

    html.ru .footer__copy {
        font-size: 1.4rem;
    }

    html.ru .signup__actions .btn span {
        font-size: 1.4rem;
    }

    .google__block {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 0.8rem;
        width: 100%;
    }

    .google__block > input {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        min-width: 0;
        padding: 0;
        font-size: 1.6rem;
    }

    .code__cells {
        gap: 1.2rem;
    }

    .auth__submit {
        width: 100%;
        min-width: 0;
    }

    .code__cell {
        width: 4.8rem;
        height: 5.6rem;
    }

    .auth__form .app_links {
        gap: 1.2rem;
        margin-top: 0.8rem;
    }

    .auth__form .app_links .link {
        width: 100%;
    }

    .auth__form .app_links .modal__text__download p {
        font-size: 1.3rem;
        line-height: 138.462%;
    }

    .auth__form .app_links .link > a {
        width: 100%;
        max-width: 18rem;
        height: auto;
        aspect-ratio: 180 / 53;
    }

    body .page-banner {
        z-index: 46;
    }
}

@media (max-width: 350px) {
    .form__captcha .g-recaptcha {
        transform: scale(0.9);
        transform-origin: center top;
    }
}