/*--------------------*/
/*  Reset             */
/*--------------------*/
html {height: auto;box-sizing: border-box;font-synthesis: none;-webkit-font-smoothing: antialiased;scroll-padding-top: var(--h-height, 0);}
html:not(.touch-screen)::-webkit-scrollbar {width: 0.5rem;height: 0.5rem;}
html:not(.touch-screen)::-webkit-scrollbar-track {background: transparent;}
html:not(.touch-screen)::-webkit-scrollbar-thumb {background: #c2c2c2;border-radius: 0.25rem;}
html:not(.touch-screen)::-webkit-scrollbar-thumb:active {background: #8d8d8d;}
body {height: auto;overflow-y: scroll;}
body:not(.touch-screen) *::-webkit-scrollbar {width: 0.25rem;height: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-track {background: transparent;border-radius: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-thumb {background: #c2c2c2;}
:where(body.touch-screen *::-webkit-scrollbar) {display: none;}
* {border: 0;margin: 0;padding: 0;min-width: 0;font: inherit;font-size: 100%;line-height: inherit;vertical-align: baseline;-webkit-locale: auto;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;}
:is(*, *:before, *:after) {box-sizing: inherit;}
:is(:focus, :hover, :active, :visited) {outline: none;}
::-moz-selection {color: var(--clr-white);background: var(--clr-primary);}
::selection {color: var(--clr-white);background: var(--clr-primary);}
a {text-decoration: none;cursor: pointer;outline: none;color: inherit;transition: var(--transition-1);}
a:hover {text-decoration: none;}
:is(ul, ol) {list-style: none;}
:is(sub, sup) {font-size: 75%;line-height: 0;position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
picture {font-size: 0;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
:is(img, svg, iframe) {width: auto;height: auto;max-width: 100%;-webkit-user-select: none;-moz-user-select: none;user-select: none;vertical-align: middle;}
img {position: relative;}
img::before {content: "";position: absolute;inset: 0;background: no-repeat center/min(5rem, 50%) min(5rem, 50%) var(--clr-grey) url(../img/placeholder.svg);}
input {-webkit-appearance: none;-moz-appearance: none;font-size: 1rem;font-weight: 400;color: var(--clr-black);}
::-moz-placeholder {display: none;}
::placeholder {display: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;height: 0.7em;width: 0.7em;background-size: contain;cursor: pointer;}
:is(input, textarea, select) {border-radius: 0;background: none;border: none;margin: 0;width: 100%;padding: 0;}
textarea {display: block;resize: none;overflow: auto;}
select::-ms-expand {display: none;}
button {background: none;cursor: pointer;}
/*----------------------*/
/*  Main Global         */
/*----------------------*/
:root {--root-scale: 1rem;--container-width: 100%;--ff-1: "Geist",sans-serif;--page-padding-left: 6.875rem;--page-padding-right: 8.125rem;--h1: clamp(3.75rem, 2.8398rem + 3.8835vw, 7.5rem);--h2: clamp(2.875rem, 2.1165rem + 3.2362vw, 6rem);--h3: clamp(2.25rem, 1.7039rem + 2.3301vw, 4.5rem);--h4: clamp(1.5rem, 0.9539rem + 2.3301vw, 3.75rem);--h5: clamp(1.5rem, 1.1359rem + 1.5534vw, 3rem);--h6: clamp(1rem, 0.6966rem + 1.2945vw, 2.25rem);--text-md: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem);--text-lg: clamp(1.125rem, 0.9126rem + 0.9061vw, 2rem);--text-sm: 1rem;--text: var(--text-md);--sp-xl: clamp(11.25rem, 8.5194rem + 11.6505vw, 22.5rem);--sp-lg: clamp(9rem, 7.3617rem + 6.9903vw, 15.75rem);--sp-md: clamp(4.5rem, 3.0437rem + 6.2136vw, 10.5rem);--sp-sm: clamp(3.75rem, 2.8398rem + 3.8835vw, 7.5rem);--sp-xs: clamp(2rem, 1.5146rem + 2.0712vw, 4rem);--sp-2xs: clamp(1rem, 0.7573rem + 1.0356vw, 2rem);--sp-3xs: clamp(0.5rem, 0.2573rem + 1.0356vw, 1.5rem);--rd-1: 2.5rem;--rd-2: 1.5rem;--rd-3: 1rem;--rd-4: 0.25rem;--clr-white: #ffffff;--clr-white-25: rgba(255, 255, 255, 0.25);--clr-white-50: rgba(255, 255, 255, 0.5);--clr-dark-blue: #040f32;--clr-black: #000000;--clr-pink: #ff0099;--clr-title: var(--clr-white);--clr-text: var(--clr-white);--clr-primary: var(--clr-pink);--clr-secondary: var(--clr-black);--blur: 10px;--transition-1: 0.3s ease;--transition-2: 0.6s ease;--cubic-1: cubic-bezier(0.33, 1, 0.68, 1);--bs-gutter-x: 2.5rem;--hover-opacity: 0.7;}
@media (max-width: 1199px) {
:root {--page-padding-left: 0px;--page-padding-right: 0px;}
}
@media (max-width: 767px) {
:root {--rd-1: 1.25rem;--rd-2: 0.75rem;}
}
html {font-size: var(--root-scale);}
html.keyboard-focus:focus {outline: auto;}
html.overflow-menu,
html.overflow-hidden {overflow: clip;}
html.overflow-menu body,
html.overflow-hidden body {overflow: clip;}
#content-block {position: relative;min-height: 100svh;display: flex;flex-direction: column;overflow: clip;}
header {position: relative;opacity: 0;}
main {display: flex;flex-direction: column;}
main .seo-section {order: 1;}
footer {margin-top: auto;}
.seo-section {order: 1;}
.section {opacity: 0;transition: opacity var(--transition-2);}
.section.animated {opacity: 1;}
.container,
.container-fluid {--bs-gutter-y: 3rem;width: 100%;margin-inline: auto;padding-inline: calc(var(--bs-gutter-x) * 0.5);position: relative;}
.swiper-container {will-change: opacity;opacity: 0;}
.swiper-container.swiper-initialized {opacity: 1;transition: 0.15s linear opacity;}
@media (min-width: 1200px) {
:root {--container-width: 84.4vw;}
.container {width: var(--container-width);max-width: 100%;}
}
@media (min-width: 1200px) and (max-width: 1365px) {
:root {--root-scale: 0.6675rem;}
}
@media (min-width: 1366px) and (max-width: 1680px) {
:root {--root-scale: 0.75rem;}
}
@media (min-width: 2100px) {
html {font-size: 1.375rem;}
}
@media (min-width: 2600px) {
html {font-size: 2rem;}
}
/*--------------------*/
/*  Header            */
/*--------------------*/
:root {--h-height: 7.25rem;--h-logo-width: 7.375rem;}
.with-noise {filter: url(#noise) brightness(1.1);}
.firefox .with-noise {filter: none;}
.firefox .with-noise::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: inherit;background-image: url("../img/noise-texture.png");opacity: 0.1;background-size: 5.5rem;mix-blend-mode: multiply;pointer-events: none;z-index: 4;}
#fps {position: fixed;top: 0;left: 0;font-size: 15px;color: red;z-index: 1000000;font-weight: bold;}
.page-top-gradient {position: relative;height: 140svh;overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;-webkit-mask-image: url(../img/page-top-gradient-mask.png);mask-image: url(../img/page-top-gradient-mask.png);-webkit-mask-size: cover;mask-size: cover;}
.page-top-gradient__inner {z-index: 2;position: absolute;inset: -1px;background: linear-gradient(81.52deg, #8e04a4 0%, #ff0099 100%);}
.page-top-gradient__inner.style2 {background: linear-gradient(81.52deg, #ff0099 0%, #ff8a44 100%);}
.page-top-gradient img {position: absolute;left: 0;top: 0;width: 100%;height: 101%;}
.page-bottom-gradient {overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;}
.page-bottom-gradient__inner {z-index: 2;position: absolute;inset: -1px;background: linear-gradient(189.76deg, #ff0099 4.58%, #1e00e3 58.9%, #200023 87.52%);}
header {position: sticky;z-index: 100;top: 0;opacity: 1;}
.h-wrap {position: relative;z-index: 2;}
.h-inner {position: relative;width: 100%;height: var(--h-height);gap: 1rem;display: grid;align-items: center;grid-template-columns: 1fr min-content 1fr;grid-auto-flow: dense;}
.h-logo {display: block;width: var(--h-logo-width);flex-shrink: 0;grid-column: 2;z-index: 2;}
.h-logo img {display: block;max-width: 100%;}
.h-menu {display: contents;}
.h-links {font-size: 1rem;font-weight: 500;}
.h-links ul {display: flex;align-items: center;gap: var(--sp-2xs);}
.h-links:last-child ul {justify-content: flex-end;}
.h-menu-btn {display: none;width: 1.5rem;height: 1.5rem;position: relative;flex-shrink: 0;grid-column: 3;justify-self: flex-end;}
.h-menu-btn::before,
.h-menu-btn::after,
.h-menu-btn span {content: "";position: absolute;left: 50%;width: 75%;height: 0.125rem;border-radius: 0.0625rem;background-color: currentColor;transform: translate(-50%, -50%);transition: top var(--transition-1),transform var(--transition-1),opacity var(--transition-1);}
.h-menu-btn::before {top: 25%;}
.h-menu-btn::after {top: 75%;}
.h-menu-btn span {top: 50%;}
.open-menu .h-menu-btn span {opacity: 0;}
.open-menu .h-menu-btn::before {top: 50%;transform: translate(-50%, -50%) rotate(45deg);}
.open-menu .h-menu-btn::after {top: 50%;transform: translate(-50%, -50%) rotate(-45deg);}
.h-menu-overlay {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100vh;}
@media (min-width: 1200px) {
.h-link:hover {opacity: var(--hover-opacity);}
}
@media (max-width: 1199px) {
header {position: relative;}
}
@media (max-width: 767px) {
:root {--h-logo-width: 5.25rem;--h-height: 4rem;}
.open-menu .h-menu-overlay {display: block;z-index: 1;}
.h-menu-btn {display: block;}
.h-menu {display: flex;position: absolute;left: 50%;top: 0;width: 100vw;flex-direction: column;align-items: center;padding-top: calc(var(--h-height) + var(--sp-xs));--gap: 24px;gap: var(--gap);padding-bottom: 2rem;transform: translate(-50%, 0);opacity: 0;visibility: hidden;transition: opacity var(--transition-1),visibility var(--transition-1);}
.h-menu::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;background: var(--clr-dark-blue);opacity: 0.2;z-index: -1;transition: height var(--transition-2),opacity var(--transition-2);}
.open-menu .h-menu {opacity: 1;visibility: visible;transition: opacity var(--transition-2),visibility var(--transition-2);}
.open-menu .h-menu::before {height: 100%;opacity: 0.9;transition: height var(--transition-1),opacity var(--transition-1);}
.h-links ul {flex-direction: column;gap: var(--gap);}
}
/*--------------------*/
/*  Typography        */
/*--------------------*/
body {font-family: var(--ff-1);font-weight: 400;font-size: var(--text);line-height: 1.3333;color: var(--clr-text);background-color: var(--clr-dark-blue);letter-spacing: -0.01em;}
.text {--text-space: 1rem;--text-rd: var(--rd-2);--text-li-padding: 1.125rem;--text-th-height: 3.625rem;--text-th-padding: var(--sp-2xs);font-size: var(--text);line-height: 1.3333;font-weight: 400;color: var(--clr-text);}
.text.text-md {font-size: var(--text-md);}
.text.text-sm {font-size: var(--text-sm);}
.text * + :where(*) {margin-top: calc(var(--text-space) * 3);}
.text * + :is(p, ul, ol) {margin-top: calc(var(--text-space) * 2);}
.text * + :is(li) {margin-top: 0.5em;}
.text :is(img, table, iframe, figure, picture, blockquote, .swiper-entry) + *:not(figcaption) {margin-top: calc(var(--text-space) * 3);}
.text .swiper-entry > * * {margin-top: 0;}
.text b {font-weight: 500;}
.text b {color: var(--clr-primary);}
.text strong {font-weight: 600;color: var(--clr-white);}
.text em {font-style: italic;font-weight: 500;}
.text a:not(.btn) {display: inline;font-weight: 500;color: var(--clr-primary);text-decoration: underline;text-decoration-color: currentColor;}
.text ul li,
.text ol li {position: relative;padding-left: var(--text-li-padding);}
.text ol li {padding-left: calc(var(--text-li-padding) * 2);}
.text ul li:before {content: "";position: absolute;left: 0;top: 0.45em;width: 0.375rem;height: 0.375rem;border-radius: 100%;background-color: var(--clr-primary);}
.text ol {counter-reset: number;}
.text ol li:before {counter-increment: number;content: counter(number) ".";display: inline-block;position: absolute;left: 0;font-weight: 500;line-height: inherit;color: var(--clr-primary);}
.text img {display: block;width: 100%;border-radius: var(--text-rd);}
.text figure {line-height: 0;width: 100%;}
.text figure.aligncenter {text-align: center;}
.text figure.alignright {text-align: right;}
.text figure > img {width: auto;}
.text figure figcaption {font-size: 0.75rem;font-weight: 500;line-height: 1.5em;color: var(--clr-black);margin: 0.25rem;}
.text iframe {display: block;max-width: 100%;width: 100%;height: 100%;aspect-ratio: 16/9;border: 0;border-radius: var(--text-rd);}
.text blockquote {position: relative;text-align: center;font-weight: 600;padding-block: clamp(1.25rem, -0.8553rem + 4.386vw, 3.75rem);padding-inline: clamp(1rem, -1.3158rem + 4.8246vw, 3.75rem);color: var(--clr-white);background-color: var(--bg-3);border-radius: var(--rd-3);text-transform: uppercase;font-size: var(--h4);letter-spacing: 0.015rem;}
.text blockquote::before {content: "";position: absolute;top: -1.25rem;left: 50%;transform: translateX(-50%);width: 4.75rem;height: 4.0625rem;background: none;background-image: url(../img/icons/blockquote-icon.svg);z-index: 1;background-position: center;background-size: cover;background-repeat: no-repeat;}
.text table {border-collapse: collapse;width: 100%;font-size: var(--text);}
.text tbody tr {text-align: left;border-bottom: 0.0625rem solid var(--clr-border);}
.text thead tr {border: none;}
.text thead th,
.text thead td {font-weight: 500;color: var(--clr-white);background-color: var(--bg-3);font-size: var(--text-md);}
.text td,
.text th {vertical-align: middle;padding: var(--sp-2xs);font-size: inherit;line-height: inherit;font-weight: inherit;color: var(--clr-text);}
.text td:first-child,
.text th:first-child {padding-left: var(--text-th-padding);border-radius: var(--text-th-height) 0 0 var(--text-th-height);}
.text td:last-child,
.text th:last-child {padding-right: var(--text-th-padding);border-radius: 0 var(--text-th-height) var(--text-th-height) 0;}
.text *:first-child img {margin-top: 0;}
.text h1,
.text h2,
.text h3,
.text h4 {text-transform: uppercase;}
h1,
.h1 {font-size: var(--h1);line-height: 1;}
h2,
.h2 {font-size: var(--h2);line-height: 1;letter-spacing: -0.0625rem;}
h3,
.h3 {font-size: var(--h3);line-height: 1.083;}
h4,
.h4 {font-size: var(--h4);}
h5,
.h5 {font-size: var(--h5);}
h6,
.h6 {font-size: var(--h6);}
.text-balance {text-wrap: balance;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.title {color: var(--clr-title);font-weight: 500;}
.upper {text-transform: uppercase;}
.clr-title {color: var(--clr-title);}
.balance {text-wrap-style: balance;}
.uppercase {text-transform: uppercase;}
.fw-700 {font-weight: 700;}
.fw-600 {font-weight: 600;}
.fw-500 {font-weight: 500;}
.nowrap {white-space: nowrap;}
.text-sm {font-size: var(--text-sm);letter-spacing: unset;}
.text-lg {font-size: var(--text-lg);letter-spacing: -0.02em;}
.content-block > * + * {margin-top: clamp(1rem, 0.2632rem + 1.5351vw, 1.875rem);}
hr {display: block;width: 100%;height: 1px;background: var(--clr-border);}
.title-letter {width: auto;height: 1lh;display: inline-block;vertical-align: bottom;margin-inline: -0.1em;}
.title-letter_D {margin-right: -0.15em;}
.title-letter img {max-width: unset;}
i:has(.title-letter) {overflow: visible;}
i:has(.title-letter) img {position: relative;left: 0;right: 0;max-width: none;}
.text.single-page :is(h1, h2, h3, h4, h5, h6) {letter-spacing: -0.02em;font-weight: 700;text-transform: initial;}
.text.single-page * + :where(h1, h2, h3, h4) {margin-top: calc(var(--text-space) * 8.75);}
.text.single-page ul li::before {background-color: currentColor;}
* + .text.single-page {margin-top: var(--sp-2xs);}
@media (min-width: 1200px) {
.text a:not(.btn):hover {text-decoration-color: transparent;}
}
@media (max-width: 1199px) {
.text blockquote::before {width: 2.5rem;height: 2.25rem;top: -0.875rem;}
}
@media (max-width: 991px) {
.text {--text-space: 0.75rem;--text-th-height: 3.5rem;--text-th-padding: 0.5rem;}
.text ol li {padding-left: calc(var(--text-li-padding) * 1.4);}
.text table {font-size: 0.75rem;}
.text table thead th,
.text table thead td {font-size: 0.75rem;}
.text.single-page * + :where(h1, h2, h3, h4) {margin-top: calc(var(--text-space) * 5.83333);}
}
/*--------------------*/
/*  Buttons           */
/*--------------------*/
:root {--btn-height: 4rem;--btn-height-s: 3rem;}
@media (max-width: 767px) {
:root {--btn-height: 3.5rem;}
}
.btn {z-index: 1;position: relative;-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer;overflow: hidden;font-size: 1rem;line-height: 1em;font-weight: 700;color: var(--clr-white);text-decoration: none;padding: 0 var(--sp-2xs);border: none;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;height: var(--btn-height);gap: 1rem;border-radius: 1rem;--color: var(--clr-white);}
.btn::before {content: "";position: absolute;inset: 0;background-color: var(--clr-primary);transition: opacity var(--transition-1);z-index: -1;}
.btn_s {border-radius: 0.5rem;--btn-height: var(--btn-height-s);}
.btn_secondary {color: var(--clr-black);--color: var(--clr-black);}
.btn_secondary::before {background-color: var(--clr-white);}
.btn > svg,
.btn > img {width: 1.25rem;height: 1.25rem;flex-shrink: 0;}
.btn_block {width: 100%;}
.btn_rounded {border-radius: 100rem;}
.btn.disabled {pointer-events: none;background-color: var(--clr-grey);}
[data-btn-txt] {position: relative;overflow: hidden;display: inline-block;font-size: inherit;line-height: inherit;z-index: 2;color: transparent;}
[data-btn-txt]:before,
[data-btn-txt]:after {content: attr(data-btn-txt);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;transition: var(--transition-2);color: var(--color, var(--clr-white));}
[data-btn-txt]:after {transform: translateY(-125%);}
.btn-close {display: inline-block;position: relative;cursor: pointer;--bw: 2.75rem;width: var(--bw);height: var(--bw);color: var(--clr-white);border-radius: 100%;background-color: var(--clr-black);transition: var(--transition-1);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 50%;height: 0.125rem;transform: translate(-50%, -50%) rotate(45deg);background-color: currentColor;}
.btn-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
@media (min-width: 1200px) {
.btn:hover::before {opacity: 0.8;}
.btn:hover [data-btn-txt]:before {transform: translateY(125%);}
.btn:hover [data-btn-txt]:after {transform: translateY(0);}
a:hover [data-btn-txt]:before {transform: translateY(125%);}
a:hover [data-btn-txt]:after {transform: translateY(0);}
}
@media (max-width: 767px) {
.btn_block-mob {display: flex;width: 100%;}
}
/*--------------------*/
/*  Text/Title animate*/
/*--------------------*/
.text-animate,
.title-animate {opacity: 0;}
.title-animate {overflow: hidden;}
.text-animated,
.title-animated {opacity: 1;}
.text-animate__word > i {display: inline-block;transform: translateY(30%);opacity: 0;transition: 1s;transform-origin: left top;}
.text-animate__word.animated > i {transform: translateY(0);opacity: 1;}
.title-animate__symbol > i {display: inline-block;transform: translateY(50%);opacity: 0;transition: 0.5s;transform-origin: left bottom;}
.title-animate__symbol.animated > i {transform: translateY(0);opacity: 1;}
.content > * + * {margin-top: var(--sp-2xs);}
.download-android-btn,
.download-ios-btn {display: none;}
.ios .download-ios-btn {display: inline-flex;}
.android .download-android-btn {display: inline-flex;}
.banner {position: relative;min-height: calc(100svh - var(--h-height) - 7.5rem);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2rem;text-align: center;padding-block: var(--sp-xs);}
.banner.type2 {gap: 1rem;}
.banner.type2 .title + * {margin-top: clamp(1rem, -3.2532rem + 8.8608vw, 4.5rem);}
.banner.type2 .btn {min-width: 14.25rem;}
.banner-download {position: relative;display: inline-block;}
.banner-download__modal-wrap {position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);border-radius: 1rem;background-color: transparent;overflow: hidden;transition: border-radius var(--transition-1);}
.banner-download__modal {width: 26.25rem;max-width: 100vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(1);visibility: 0;opacity: 0;border-radius: 1.5rem;padding: 1.25rem;display: grid;grid-template-columns: 1fr 1fr;gap: 1.25rem;z-index: 2;background-color: var(--clr-primary);}
.banner-download__modal .btn {padding-inline: 0;gap: 0.75rem;}
.banner-download__qr {grid-column: 1/-1;background: var(--clr-white);display: flex;align-items: center;gap: 1.875rem;color: var(--clr-black);font-weight: 600;font-size: var(--text-sm);border-radius: 1rem;}
.banner-download__qr img {width: 10rem;}
.banner-download.active .banner-download__modal-wrap {border-radius: 1.5rem;}
.ios .banner-download,
.android .banner-download {display: none;}
@media (max-width: 575px) {
.banner {min-height: auto;padding-block: 5.75rem 7.5rem;}
.banner .title {width: calc(100% + 1.625rem);margin-left: -0.8125rem;}
.banner.type2 .btn {width: 100%;}
}

/*--------------------*/
/*  Helpers           */
/*--------------------*/
/* spacers */
[class*=spacer] {clear: both;width: 100%;}
.spacer-xl {height: var(--sp-xl);}
.spacer-lg {height: var(--sp-lg);}
.spacer-md {height: var(--sp-md);}
.spacer-sm {height: var(--sp-sm);}
.spacer-xs {height: var(--sp-xs);}
.spacer-2xs {height: var(--sp-2xs);}
/* gutters */
.g-xl,
.gy-xl {--bs-gutter-y: var(--sp-xl);}
.g-lg,
.gy-lg {--bs-gutter-y: var(--sp-lg);}
.g-md,
.gy-md {--bs-gutter-y: var(--sp-md);}
.g-sm,
.gy-sm {--bs-gutter-y: var(--sp-sm);}
.g-sm-1,
.gy-sm-1 {--bs-gutter-y: var(--sp-sm-1);}
.g-xs,
.gy-xs {--bs-gutter-y: var(--sp-xs);}
.g-2xs,
.gy-2xs {--bs-gutter-y: var(--sp-2xs);}
.g-xl,
.gx-xl {--bs-gutter-x: var(--sp-xl);}
.g-lg,
.gx-lg {--bs-gutter-x: var(--sp-lg);}
.g-md,
.gx-md {--bs-gutter-x: var(--sp-md);}
.g-sm,
.gx-sm {--bs-gutter-x: var(--sp-sm);}
.g-sm-1,
.gx-sm-1 {--bs-gutter-x: var(--sp-sm-1);}
.g-xs,
.gx-xs {--bs-gutter-x: var(--sp-xs);}
.g-2xs,
.gx-2xs {--bs-gutter-x: var(--sp-2xs);}
/* margins */
.mt-xl {margin-top: var(--sp-xl);}
.mt-lg {margin-top: var(--sp-lg);}
.mt-md {margin-top: var(--sp-md);}
.mt-sm-1 {margin-top: var(--sp-sm-1);}
.mt-sm {margin-top: var(--sp-sm);}
.mt-xs {margin-top: var(--sp-xs);}
.mt-2xs {margin-top: var(--sp-2xs);}
.mb-xl {margin-bottom: var(--sp-xl);}
.mb-lg {margin-bottom: var(--sp-lg);}
.mb-md {margin-bottom: var(--sp-md);}
.mb-sm-1 {margin-bottom: var(--sp-sm-1);}
.mb-sm {margin-bottom: var(--sp-sm);}
.mb-xs {margin-bottom: var(--sp-xs);}
.mb-2xs {margin-bottom: var(--sp-2xs);}
.mx-auto {margin-inline: auto;}
/* colors */
.clr-white {color: var(--clr-white) !important;}
.clr-black {color: var(--clr-white) !important;}
.clr-primary {color: var(--clr-primary) !important;}
.clr-secondary {color: var(--clr-secondary) !important;}
.clr-green {color: var(--clr-green) !important;}
.clr-red {color: var(--clr-red) !important;}
.clr-text {color: var(--clr-text) !important;}
/* cover */
.image {position: relative;}
.image img {display: block;position: relative;width: 100%;}
:where(.image-cover),
:where(.video-cover),
:where(.image-contain) {position: relative;overflow: hidden;padding-bottom: 50%;}
:where(.image-round) {overflow: hidden;border-radius: 100%;padding-bottom: 100%;}
.video-cover video,
.image-cover img,
.image-contain img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.image-contain img {-o-object-fit: scale-down;object-fit: scale-down;}
a .image-cover img,
a .video-cover video {transition: transform var(--transition-1);}
@media (min-width: 1200px) {
a:hover .image-cover img,
a:hover .video-cover video {transform: scale(1.04);}
}
/* icon */
.icon {--size: 1.5rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.icon > * {display: block;width: 100%;height: 100%;}
/*--------------------*/
/*  Accordion         */
/*--------------------*/
.accordion {position: relative;z-index: 1;}
.accordion .text a:not(.btn) {color: currentColor;}
.accordion-item {--pd-acc: 1rem;--icon-acc: 1.1112em;--br-acc: 1.5rem;position: relative;border-radius: var(--br-acc);background: rgba(255, 255, 255, 0.1);will-change: auto;}
.accordion-item + .accordion-item {margin-top: var(--pd-acc);}
.accordion-title {position: relative;cursor: pointer;transition: var(--transition-1);gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;font-size: var(--h6);line-height: 1.33em;font-weight: 500;letter-spacing: -0.01em;color: var(--clr-title);padding: var(--pd-acc);}
.accordion-title i {position: relative;transition: var(--transition-1);display: inline-block;width: var(--icon-acc);height: var(--icon-acc);flex-shrink: 0;}
.accordion-title i svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;}
.accordion-title.is-active i {transform: rotateX(-180deg);}
.accordion-inner {display: none;padding: 0 var(--pd-acc) var(--pd-acc);}
@media (min-width: 768px) {
.accordion-item {--pd-acc: 1.25rem;}
}
@media (min-width: 992px) {
.accordion-item {--pd-acc: 1.5rem;}
}
@media (min-width: 1200px) {
.accordion-item {--pd-acc: 2.5rem;--br-acc: 2.5rem;}
.accordion-title:hover {color: var(--clr-primary);}
}
/*--------------------*/
/*  Profile Slider    */
/*--------------------*/
.section:has(.profile-slider) {position: relative;}
.profile-slider {position: relative;pointer-events: none;}
.profile-slider::before {content: "";position: absolute;pointer-events: none;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(30, 0, 227, 0) 0%, #FF0099 55.77%, rgba(30, 0, 227, 0) 100%);opacity: 0.4;}
.profile-slider::after {content: "";position: absolute;pointer-events: none;z-index: 4;top: 0;left: 50%;transform: translateX(-50%);width: min(56%, 28.625rem);height: 100%;background-repeat: no-repeat;background-size: contain;background-position: center;background-image: url("../img/profiles/profilePhoneBar.png");}
.profile-slider-big {position: absolute !important;z-index: 1;min-width: 0;top: 46%;left: 50%;width: min(74%, 120rem);transform: translate(-50%, -50%);}
.profile-slider-big .swiper-container {overflow: visible;}
.profile-slider-big .swiper-slide {width: min(56%, 26.25rem);}
.profile-slider-small {position: absolute !important;pointer-events: none;z-index: 3;min-width: 0;top: 46%;left: 50%;width: min(56%, 26.25rem);transform: translate(-50%, -50%);}
.profile-slider-small .swiper-container {overflow: hidden;}
.profile-slider-small .swiper-slide {width: min(56%, 26.25rem);}
.profile-slider-small .swiper-slide.swipe-down .profile-img img:not(.profile-btn img) {transform: translateY(3rem);}
.profile-slider-small .swiper-slide.swipe-down .profile-img::after {opacity: 1;visibility: visible;}
.profile-slider-small .swiper-slide.swipe-down .profile-btn-down {opacity: 1;visibility: visible;transform: translate(-50%, calc(-50% + 3rem));}
.profile-slider-small .swiper-slide.swipe-up .profile-img img:not(.profile-btn img) {transform: translateY(-3rem);}
.profile-slider-small .swiper-slide.swipe-up .profile-img::before {opacity: 1;visibility: visible;}
.profile-slider-small .swiper-slide.swipe-up .profile-btn-up {opacity: 1;visibility: visible;transform: translate(-50%, calc(-50% - 3rem));}
.profile-img {position: relative;pointer-events: none;overflow: hidden;width: 100%;display: block;aspect-ratio: 420/629;border-radius: 1rem;}
.profile-img img {width: 100%;border-radius: 1rem;transition: transform 0.5s;}
.profile-img::before {content: "";position: absolute;pointer-events: none;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(265.76% 100% at 49.85% 0%, rgba(32, 140, 255, 0) 30%, rgba(32, 140, 255, 0.7) 100%);border-radius: inherit;transition: 0.5s;opacity: 0;visibility: hidden;}
.profile-img::after {content: "";position: absolute;pointer-events: none;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(265.76% 100% at 49.85% 0%, rgba(255, 43, 32, 0.7) 0%, rgba(255, 43, 32, 0) 70%);border-radius: inherit;transition: 0.5s;opacity: 0;visibility: hidden;}
.profile-btn {position: absolute;pointer-events: none;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: 0.5s;opacity: 0;visibility: hidden;gap: 0.375rem;display: inline-flex;align-items: center;background: rgba(4, 15, 50, 0.3);box-shadow: 0px 2.1374px 8.54962px rgba(0, 0, 0, 0.08),0px 4.27481px 17.0992px rgba(0, 0, 0, 0.04);border-radius: 3.75rem;font-size: clamp(1rem, 0.7573rem + 1.0356vw, 2rem);line-height: 1.27em;font-weight: 700;letter-spacing: -0.02em;color: var(--clr-white);padding: 0.5em 0.875em;}
.profile-btn img {display: inline-block;width: 1.3125em;height: 1.3125em;flex-shrink: 0;transform: initial;border-radius: 0;}
.profile-mask {position: relative;pointer-events: none;z-index: 2;left: 50%;transform: translateX(-50%);width: min(61%, 28.625rem);height: auto;}
@media (min-width: 992px) {
.profile-slider::after {width: 28.625rem;}
.profile-slider-big {width: min(100%, 120rem);}
.profile-mask {width: 28.625rem;}
}
/*--------------------*/
/*  Numb Block        */
/*--------------------*/
.numb-grid {gap: 1rem;display: grid;}
.numb-card {position: relative;overflow: hidden;background-color: rgba(255, 255, 255, 0.1);border-radius: 1rem;text-align: center;padding-block: 3rem;padding-inline: 0.875rem;}
.numb-card .title img {width: 0.7em;aspect-ratio: 21/20;}
@media (min-width: 992px) {
.numb-grid {gap: var(--sp-xs);grid-template-columns: repeat(3, 1fr);}
}
@media (min-width: 1200px) {
.numb-card {padding-block: var(--sp-sm);}
}
/*--------------------*/
/*  Service Block     */
/*--------------------*/
.service-block {gap: clamp(1.5rem, 1.0449rem + 1.9417vw, 3.375rem);display: grid;}
.service-grid {gap: 0.5rem;display: grid;}
.service-card {position: relative;overflow: hidden;gap: 0.875rem;display: grid;border-radius: 1rem;padding-block: 2.25rem 0;padding-inline: 3.25rem;}
.service-content {position: relative;}
.service-content .subtitle {font-weight: 700;letter-spacing: -0.01em;}
.service-content .title {font-weight: 400;letter-spacing: -0.02em;}
.service-content > * {position: relative;z-index: 1;}
.service-content > * + * {margin-top: 0.5rem;}
.service-content img {position: absolute;top: -2rem;left: -2.5rem;width: 4.25rem;aspect-ratio: 1/1;z-index: 0;}
.service-media {position: relative;overflow: hidden;width: 100%;aspect-ratio: 540/484;border-radius: 0.875rem;margin-bottom: -0.875rem;}
.service-media img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 0.875rem;}
.service-labels {position: absolute;bottom: 1rem;left: -2.25rem;gap: 0.375rem;display: flex;flex-direction: column;align-items: flex-start;width: -moz-fit-content;width: fit-content;}
.service-label {gap: 0.25rem;display: flex;align-items: center;background-color: #FCF7FF;border-radius: 0.5rem;font-size: clamp(0.8125rem, 0.6456rem + 0.712vw, 1.5rem);line-height: 1.33em;font-weight: 500;color: var(--clr-dark-blue);padding: 0.44rem 0.77rem 0.44rem 0.55rem;}
.service-label img {display: inline-block;width: 1.3em;aspect-ratio: 1/1;}
.service-content,
.service-media-wrap {transform: translateY(5rem);}
.service-media-wrap {opacity: 0;}
@media (min-width: 768px) {
.service-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 1200px) {
.service-grid {gap: 1.25rem;}
.service-card {gap: 3.625rem;border-radius: 2.5rem;padding-block: clamp(2.5rem, 1.8932rem + 2.589vw, 5rem) 0;padding-inline: var(--sp-sm);}
.service-content > * + * {margin-top: 0.75rem;}
.service-content img {top: -4.5rem;left: -6rem;width: 9.625rem;}
.service-media {border-radius: 2rem;margin-bottom: -2rem;}
.service-media img {border-radius: 2rem;}
.service-content,
.service-media-wrap {transform: translateY(10.625rem);}
.service-labels {bottom: 2.5rem;left: calc(var(--sp-sm) * -1 + 2.5rem);gap: 1rem;}
.service-label {gap: 0.625rem;border-radius: 1.2rem;padding: 1rem 1.75rem 1rem 1.25rem;}
.service-label img {width: 1.67em;}
}
/*--------------------*/
/*  LR Block          */
/*--------------------*/
.lr-block {gap: 1rem;display: grid;}
.lr-content {align-self: center;}
.lr-content > * + * {margin-top: 0.625rem;}
.lr-content .subtitle {line-height: 1.33em;font-weight: 700;letter-spacing: -0.01em;}
.lr-content .title {line-height: 1.33em;letter-spacing: -0.02em;}
.lr-media {position: relative;overflow: hidden;width: 100%;aspect-ratio: 1/1;border-radius: 2.5rem;background-color: rgba(255, 255, 255, 0.1);transform: translateY(4rem);opacity: 0;transition: 0.5s ease;will-change: transform,opacity;}
.lr-media img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 2.5rem;}
.animated .lr-media {transform: translateY(0);opacity: 1;}
@media (min-width: 992px) {
.lr-block {gap: var(--sp-sm);grid-template-columns: auto 52.4%;}
.lr-block.lr-right {grid-template-columns: 52.4% auto;}
.lr-block.lr-right .lr-media {order: -1;}
.lr-content > * + * {margin-top: var(--sp-2xs);}
.lr-content .text {display: block;}
}
/*--------------------*/
/*  Founder           */
/*--------------------*/
.founder-block {display: grid;}
.founder-block > * {height: 100%;}
.founder-info {position: relative;border-radius: var(--rd-1);padding: 6.25rem 5rem 5.625rem 7.5rem;overflow: hidden;background: var(--clr-white);flex-shrink: 0;z-index: 2;}
.founder-info__bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--clr-white);}
.founder-info .with-noise {filter: url(#noise) grayscale(1) opacity(0.6);}
.founder-info::before {content: "";position: absolute;top: 0;right: 0;height: 100%;width: 18vw;background-size: cover;background-repeat: no-repeat;background-position: top right;background-image: url(../img/founder-decor.png);z-index: 1;pointer-events: none;opacity: 0;transition: var(--transition-1);transition-delay: 0.6s;}
.founder-info .quote {width: 2.3125rem;flex-shrink: 0;-o-object-fit: contain;object-fit: contain;margin-bottom: 1.25rem;}
.founder-info .title {position: relative;z-index: 1;color: var(--clr-dark-blue);}
.founder-info .bottom-info {position: relative;z-index: 1;display: flex;align-items: center;gap: clamp(1.5rem, -0.4747rem + 4.1139vw, 3.125rem);margin-top: clamp(2.5rem, 0.981rem + 3.1646vw, 3.75rem);}
.founder-info .bottom-info .text {color: var(--clr-black);font-weight: 500;}
.founder-info .bottom-info .position {color: rgba(4, 15, 50, 0.5);}
.founder-info .bottom-info .founder-sign {position: relative;overflow: hidden;display: block;width: 4.875rem;aspect-ratio: 159/104;margin-inline: inherit;}
.founder-info .bottom-info .founder-sign .with-noise {filter: url(#noise) grayscale(0) opacity(0.6);}
.founder-info .bottom-info .founder-sign video {width: 100%;height: auto;}
.founder-user {position: relative;border-radius: var(--rd-1);overflow: hidden;background: var(--clr-pink);height: -webkit-fill-available;flex-shrink: 0;margin-left: -6%;opacity: 1;display: flex;align-items: center;justify-content: end;order: -1;}
.founder-user__bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.founder-user .with-noise {filter: url(#noise) brightness(1.1) opacity(0.3);z-index: 1;}
.founder-user .down {position: absolute;top: clamp(1.125rem, -1.3054rem + 5.0633vw, 3.125rem);right: clamp(1.125rem, -0.6978rem + 3.7975vw, 2.625rem);width: clamp(4.125rem, -6.6598rem + 22.4684vw, 13rem);flex-shrink: 0;-o-object-fit: contain;object-fit: contain;}
.founder-user .user-img {position: absolute;left: -4.5%;bottom: -0.125rem;width: 29.4vw;aspect-ratio: 1/1.15;}
.founder-user .user-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-fit: contain;object-fit: contain;}
.founder-user .user-content {margin-right: clamp(2.5rem, 0.981rem + 3.1646vw, 3.75rem);margin-top: clamp(2.5rem, 0.981rem + 3.1646vw, 3.75rem);}
.founder-user .title {text-transform: uppercase;font-weight: 800;font-size: clamp(1.5rem, -1.9937rem + 7.2785vw, 4.375rem);line-height: 1;}
.founder-user .label {text-transform: uppercase;font-weight: 800;font-size: 1.625rem;line-height: 1;padding: 0.5rem 1rem;border-radius: var(--rd-3);background-color: #FF8A44;margin-top: 1.5rem;}
@media (min-width: 992px) {
.founder-block {grid-template-columns: 53.25% auto;}
.founder-user {order: 1;transform: translateX(-100%);transition: var(--transition-2);transition-delay: 0.8s;}
.founder-info .bottom-info .founder-sign {opacity: 0;visibility: hidden;width: 9.9375rem;}
.animated .founder-info::before {opacity: 1;}
.animated .founder-info .bottom-info .founder-sign {opacity: 1;visibility: visible;}
.animated .founder-user {transform: translateX(0);}
}
@media (max-width: 1199px) {
.founder-info {padding: 3.125rem 2.5rem 3.125rem 3.75rem;}
.founder-user .label {max-width: 16.25rem;}
}
@media (max-width: 991px) {
.founder-block {flex-direction: column-reverse;}
.founder-info {width: 100%;margin-top: -30px;}
.founder-info .with-noise {filter: url(#noise-mobile) grayscale(1) opacity(0.6);}
.founder-user {width: 100%;margin: 0;height: 40vh;}
.founder-user .user-img {left: 0;width: 51vw;bottom: 1.75rem;}
.founder-user .user-content {margin-right: 1.5625rem;margin-top: 20px;}
.founder-user .label {max-width: 9rem;font-size: 0.8125rem;padding: 0.25rem 0.5rem;border-radius: 0.5rem;margin-top: 0.5rem;}
.founder-user .with-noise {filter: none;}
}
@media (max-width: 767px) {
.founder-user {height: 35vh;}
}
/*--------------------*/
/*  Numbers           */
/*--------------------*/
.numbers-block {-moz-column-count: 1;column-count: 1;-moz-column-gap: 1rem;column-gap: 1rem;}
.numbers-block + * {margin-top: calc(clamp(1.5rem, -1.2342rem + 5.6962vw, 3.75rem) - 1rem);}
.number-item {position: relative;overflow: hidden;background-color: rgba(255, 255, 255, 0.1);border-radius: var(--rd-1);padding: clamp(1.5rem, -1.2342rem + 5.6962vw, 3.75rem);-moz-column-break-inside: avoid;break-inside: avoid;height: -moz-fit-content;height: fit-content;margin-bottom: clamp(1rem, -2.3418rem + 6.962vw, 3.75rem);}
.number-item img {position: absolute;top: clamp(1.5rem, -1.2342rem + 5.6962vw, 3.75rem);right: clamp(1.5rem, -1.2342rem + 5.6962vw, 3.75rem);width: 3.5rem;-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}
.number-item .number-progress {margin-top: 2.5rem;}
.number-item .number-progress > * + * {margin-top: 2.5rem;}
.progress-item .progress-info {display: flex;align-items: center;gap: 0.5rem;width: 0;transition: 1s ease;transition-delay: 0.2s;}
.progress-item .progress-info strong {font-weight: 700;}
.progress-item .progress-info .text:first-child {flex-shrink: 0;}
.progress-item .progress-info .text:last-child {margin-left: auto;}
.progress-item .progress-line {position: relative;background-color: var(--clr-white-50);width: 0;height: 0.5rem;border-radius: 0.125rem;margin-top: 0.625rem;pointer-events: none;transition: 1s ease;transition-delay: 0.2s;}
.number-animated .number-progress .progress-item .progress-info {width: 100%;}
.number-animated .number-progress .progress-item .progress-line {width: 100%;}
.tools {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;gap: clamp(2.75rem, 1.5348rem + 2.5316vw, 3.75rem) clamp(1rem, -0.8228rem + 3.7975vw, 2.5rem);margin-top: clamp(2.5rem, -0.538rem + 6.3291vw, 5rem);}
.tool-item img {position: relative;top: auto;right: auto;width: 3rem;-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}
.tool-item img + img {margin-left: clamp(1.875rem, 1.1155rem + 1.5823vw, 2.5rem);}
.tool-item .title {margin-top: clamp(1rem, -2.3418rem + 6.962vw, 3.75rem);font-weight: 400;}
@media (min-width: 992px) {
.numbers-block {-moz-column-count: 2;column-count: 2;-moz-column-gap: clamp(1.5rem, -1.2342rem + 5.6962vw, 3.75rem);column-gap: clamp(1.5rem, -1.2342rem + 5.6962vw, 3.75rem);}
}
@media (min-width: 1200px) {
.number-item:hover .progress-line {background-color: var(--clr-pink);}
}
@media (max-width: 991px) {
.numbers-title {font-size: 1.875rem;line-height: 1.4;max-width: 80%;margin-inline: auto;}
.numbers-title + .spacer-sm {height: 2rem;}
.number-item img {width: 1.75rem;}
.number-item .number-progress {margin-top: 1.25rem;}
.number-item .number-progress > * + * {margin-top: 1.25rem;}
.progress-item .progress-info .text {font-size: 0.75rem;}
.progress-item .progress-line {margin-top: 0.5rem;height: 0.25rem;border-radius: 0.0625rem;}
.numbers-block + * {margin-top: 0;margin-bottom: 4.375rem;}
.tool-item img {width: 2.25rem;}
}
@media (max-width: 575px) {
.tools {flex-direction: column;}
}
/*--------------------*/
/*  MAP               */
/*--------------------*/
.teams {position: relative;gap: 1.25rem;display: grid;grid-template-columns: repeat(10, 1fr);width: -moz-fit-content;width: fit-content;margin-inline: auto;z-index: 1;}
.teams img {width: 8rem;border-radius: 1.25rem;overflow: hidden;aspect-ratio: 1/1;}
.map-block {position: relative;width: 100%;padding-bottom: 66%;margin-top: -19%;}
.map-block img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (max-width: 1199px) {
.teams {grid-template-columns: repeat(8, 1fr);}
.teams img {width: 5.625rem;border-radius: 0.625rem;}
}
@media (max-width: 767px) {
.teams {grid-template-columns: repeat(4, 1fr);}
.teams img {width: 4.5rem;}
.global-title {font-weight: 400;font-size: 1.875rem;line-height: 1.4;}
.map-block {margin-top: 0;}
}
/*--------------------*/
/*  Benefits          */
/*--------------------*/
.benefits-grid {gap: 1.5rem;display: grid;}
.animated .benefit-card {transform: translateY(0);opacity: 1;}
.benefit-card {position: relative;overflow: hidden;background-color: rgba(255, 255, 255, 0.1);border-radius: var(--rd-1);text-align: center;padding: 2.5rem;display: flex;align-items: center;justify-content: center;flex-direction: column;transform: translateY(4rem);opacity: 0;transition: var(--transition-2);will-change: transform,opacity;}
.benefit-card img {width: 4rem;aspect-ratio: 1/1;}
.benefit-card .benefit-content {margin-top: 2.5rem;}
.benefit-card .benefit-content > * + * {margin-top: 1rem;}
.benefit-card__bg {position: absolute;z-index: -1;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 101%;height: 101%;background-repeat: no-repeat;background-image: url(../img/benefit-bg.svg);background-position: center;background-size: cover;}
.benefit-card.down::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;filter: blur(20px);border-radius: 50%;background: radial-gradient(rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0.3294117647) 20%, rgba(255, 255, 255, 0.46) 40%, rgba(255, 138, 68, 0.24) 50%, rgba(255, 0, 153, 0) 80%);display: none;}
.benefit-card i {position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70%;aspect-ratio: 1;border-radius: 50%;border: 129px solid var(--clr-white);filter: blur(50px);mix-blend-mode: plus-lighter;opacity: 0.5;}
.benefit-card i::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 120%;aspect-ratio: 1;border-radius: 50%;border: 129px solid var(--clr-white);filter: blur(50px);mix-blend-mode: plus-lighter;opacity: 0.3;}
.benefit-card i::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;aspect-ratio: 1;border-radius: 50%;border: 129px solid var(--clr-white);filter: blur(50px);mix-blend-mode: plus-lighter;opacity: 0.3;}
.benefit-card .down-img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);pointer-events: none;width: 50%;height: 50%;-o-object-fit: contain;object-fit: contain;}
.benefit-card .icons {position: absolute;top: 0;left: 0;pointer-events: none;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;animation: spin 50s linear infinite;}
@keyframes spin {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@media (min-width: 992px) {
.benefits-grid {grid-template-columns: repeat(3, 1fr);grid-auto-flow: dense;}
.benefits-grid .prelast {grid-column: 1;grid-row: auto;}
.benefits-grid .down {grid-column: 2/span 2;grid-row: span 2;justify-self: stretch;align-self: stretch;}
}
@media (min-width: 1200px) {
.benefits-grid {gap: var(--sp-xs);grid-template-columns: repeat(3, 1fr);}
.benefit-card {aspect-ratio: 1/0.812;}
.benefit-card:not(.down):hover img {transform: none;}
.benefit-card:not(.down):hover .benefit-content {transform: none;opacity: 1;visibility: visible;}
}
@media (max-width: 991px) {
.benefits-grid .down {min-height: 19.375rem;}
.benefit-title {font-weight: 400;font-size: 1.875rem;line-height: 1.4;text-wrap: inherit;}
}
.safari .benefit-card.down::after,
.firefox .benefit-card.down::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: inherit;background-image: url("../img/noise-texture.png");opacity: 0.1;background-size: 5.5rem;mix-blend-mode: multiply;pointer-events: none;z-index: 4;}
/*--------------------*/
/*  Images            */
/*--------------------*/
.images-grid {gap: clamp(1.5rem, -8.0696rem + 19.9367vw, 9.375rem) clamp(1.5rem, -6.5506rem + 16.7722vw, 8.125rem);display: grid;}
.animated .img-item {transform: translateY(0);opacity: 1;}
.img-item {position: relative;transform: translateY(4rem);opacity: 0;transition: var(--transition-2);will-change: transform,opacity;}
.img-item__bg {position: absolute;z-index: 1;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 30%, rgba(0, 0, 0, 0.1) 80%);border-radius: 1.25rem;filter: url(#noise) brightness(0) opacity(0.3);}
.img-item picture {position: relative;border-radius: 1.25rem;overflow: hidden;width: 100%;height: 100%;display: block;}
.img-item img {border-radius: 1.25rem;overflow: hidden;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.img-item .sticker {position: absolute;width: 4.875rem;aspect-ratio: 1;top: 0;transform: translateY(-10%);z-index: 2;pointer-events: none;}
.img-item:nth-child(1) {aspect-ratio: 1/0.75;}
.img-item:nth-child(2) {aspect-ratio: 1/0.96;}
.img-item:nth-child(3) {aspect-ratio: 1/1;}
.img-item:nth-child(3) .sticker {right: 4%;}
.img-item:nth-child(4) {aspect-ratio: 1/0.67;}
.img-item:nth-child(5) {aspect-ratio: 1/0.67;}
.img-item:nth-child(6) {aspect-ratio: 1/0.6;}
.img-item:nth-child(7) {aspect-ratio: 525/293;}
.img-item:nth-child(7) .sticker {left: 4%;}
.img-item:nth-child(8) {aspect-ratio: 1/0.71;}
.img-item:nth-child(9) {aspect-ratio: 1/0.61;}
.img-item:nth-child(10) {aspect-ratio: 518/347;}
.img-item:nth-child(10) .sticker {right: 6%;}
.firefox .img-item__bg {filter: none;}
@media (min-width: 992px) {
.images-grid {grid-template-columns: repeat(2, 1fr);}
.img-item .sticker {width: 9.75rem;transform: translateY(-35%);}
.img-item:nth-child(1) {aspect-ratio: 1/0.75;width: 96%;align-self: end;}
.img-item:nth-child(2) {aspect-ratio: 1/1;width: 100%;}
.img-item:nth-child(3) {aspect-ratio: 1/1.4;width: 78%;}
.img-item:nth-child(3) .sticker {right: -5%;}
.img-item:nth-child(4) {aspect-ratio: 1/0.67;width: 118%;justify-self: end;margin-top: 4%;}
.img-item:nth-child(5) {aspect-ratio: 1/0.59;width: 110%;margin-bottom: 4%;}
.img-item:nth-child(6) {aspect-ratio: 1/1.1;width: 86%;justify-self: end;margin-top: calc(clamp(1.5rem, -8.0696rem + 19.9367vw, 9.375rem) * -1.2);}
.img-item:nth-child(7) {aspect-ratio: 1/0.36;grid-column: 1/span 2;grid-row: span 1;}
.img-item:nth-child(7) .sticker {left: 5%;}
.img-item:nth-child(8) {aspect-ratio: 1/0.78;width: 110%;}
.img-item:nth-child(9) {aspect-ratio: 1/0.62;width: 86%;justify-self: end;align-self: center;}
.img-item:nth-child(10) {aspect-ratio: 1/0.48;grid-column: 1/span 2;grid-row: span 1;width: 90%;margin-inline: auto;}
.img-item:nth-child(10) .sticker {right: 5%;}
}
/*--------------------*/
/*  Process           */
/*--------------------*/
.process-grid {gap: 6.25rem 2.5rem;display: grid;}
.animated .process-item {transform: translateY(0);opacity: 1;}
.process-item {position: relative;overflow: hidden;text-align: center;display: flex;align-items: center;flex-direction: column;transform: translateY(4rem);opacity: 0;transition: var(--transition-2);will-change: transform,opacity;}
.process-item img {width: 5rem;aspect-ratio: 1/1;}
.process-item .process-content {margin-top: 3.75rem;}
.process-item .process-content > * + * {margin-top: 1rem;}
@media (min-width: 992px) {
.process-grid {grid-template-columns: repeat(5, 1fr);}
}
@media (max-width: 1199px) {
.process-item .process-content .title {opacity: 1;}
.process-item .process-content .title i {transform: translateY(0);opacity: 1;}
}
@media (max-width: 991px) {
.process-title {max-width: 80%;margin-inline: auto;font-weight: 400;font-size: 2.5rem;line-height: 1.4;}
.process-item img {width: 3rem;}
.process-item .process-content {margin-top: 1.5rem;}
.process-item .process-content > * + * {margin-top: 0.5rem;text-wrap: balance;}
}
/*--------------------*/
/*  Complete          */
/*--------------------*/
.complete-block {position: relative;display: flex;align-items: center;justify-content: space-between;padding-inline: var(--sp-md);overflow: hidden;border-radius: var(--rd-1);}
.complete-block__bg {position: absolute;z-index: -1;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: linear-gradient(180deg, #ff0099 35%, #4f0667 99.44%);}
.complete-block__title {padding-block: var(--sp-sm);display: flex;flex-direction: column;gap: 2.5rem;flex: 0 0 50%;}
.complete-block__title .btn {width: -moz-fit-content;width: fit-content;min-width: 14rem;margin-top: 0.625rem;}
.simple-block {display: flex;flex-direction: column;gap: clamp(1.25rem, -0.269rem + 3.1646vw, 2.5rem);}
.simple-block img {display: none;}
.item {position: relative;width: 22.5vw;height: 6.8vw;border-radius: 1.875rem;overflow: hidden;}
.item .with-noise {border-radius: 1.875rem;}
.item:nth-child(1) .with-noise {background: linear-gradient(180deg, #ff0099 35%, rgba(255, 0, 153, 0.89) 99.44%);}
.item:nth-child(2) .with-noise {background: linear-gradient(180deg, rgba(255, 0, 153, 0.85) 35%, rgba(255, 0, 153, 0.85) 99.44%);}
.item:nth-child(3) {position: absolute;top: 33%;width: 25vw;z-index: 50;}
.item:nth-child(3) .with-noise {background: rgb(255, 255, 255);filter: url(#noise) brightness(1.8);}
.item:nth-child(4) {z-index: 22;}
.item:nth-child(4) .with-noise {background: linear-gradient(180deg, #ff0099 35%, #ff0099 99.44%);filter: url(#noise) brightness(1.8);}
.item:nth-child(5) .with-noise {background: linear-gradient(180deg, rgba(255, 0, 153, 0.69) 35%, rgba(79, 6, 103, 0.81) 99.44%);filter: url(#noise) brightness(1) opacity(0.4);}
.item:nth-child(6) .with-noise {background: linear-gradient(180deg, rgba(255, 0, 153, 0.1) 35%, rgba(79, 6, 103, 0.02) 99.44%);filter: url(#noise) brightness(1) opacity(0.15);}
@media (min-width: 1200px) {
.complete-block__title {transform: translateX(-100%) scale(0.4);opacity: 0;visibility: hidden;transition: var(--transition-2);transition-delay: 0.6s;backface-visibility: hidden;}
.item {transition: var(--transition-2);transition-delay: 0.4s;}
.item:nth-child(1) {transform: translateX(-70%);}
.item:nth-child(2) {transform: translateX(-60%);}
.item:nth-child(3) {transform: translateX(-160%);}
.item:nth-child(4) {transform: translateX(-50%);}
.item:nth-child(5) {transform: translateX(-40%);}
.item:nth-child(6) {transform: translateX(-30%);}
.animated .complete-block__title {transform: translateX(0) scale(1);opacity: 1;visibility: visible;}
.animated .item:nth-child(1) {transform: translateX(0);}
.animated .item:nth-child(2) {transform: translateX(0);}
.animated .item:nth-child(3) {transform: translateX(-20%);}
.animated .item:nth-child(4) {transform: translateX(0);}
.animated .item:nth-child(5) {transform: translateX(0);}
.animated .item:nth-child(6) {transform: translateX(0);}
}
@media (max-width: 991px) {
.complete-block {padding-inline: 1.5rem;padding-top: 1.5rem;flex-direction: column;}
.complete-block__bg {filter: none;background: linear-gradient(180deg, #ff0099 0%, #4f0667 99.44%);}
.complete-block__title {flex: 0 0 100%;padding: 0;gap: 1.25rem;}
.complete-block__title .title.h1 {font-size: 3rem;line-height: 1;}
.complete-block__title .btn {width: 100%;border-radius: 1.875rem;background-color: #FF0099;}
.simple-block {margin-left: auto;padding-bottom: 17.5rem;}
.simple-block .item {display: none;}
.simple-block img {display: block;position: absolute;left: 0;bottom: 0;aspect-ratio: 321/307;width: auto;flex-shrink: 0;-o-object-fit: contain;object-fit: contain;}
}
/*--------------------*/
/*  About             */
/*--------------------*/
.about-entry {--inset: 1.25rem;--pd: 1.5rem;position: relative;background-color: var(--clr-white);border-radius: 1.25rem;padding: var(--pd);margin-top: calc(clamp(2.25rem, 1.2791rem + 4.1424vw, 6.25rem) + var(--inset));}
.about-head {position: relative;text-align: center;}
.about-head > * + * {margin-top: 2rem;}
.about-head > * + .title {margin-top: 1.5rem;}
.about-head .title {font-size: 2.5rem;color: var(--clr-dark-blue);}
.about-head .text {max-width: 90%;margin-inline: auto;}
.about-head-text p {--space: 0.625rem;color: rgba(0, 0, 0, 0);display: flex;flex-direction: column;align-items: center;will-change: filter;}
.about-head-text div {--percent: 0%;padding: var(--space);margin: calc(var(--space) * -1);display: inline-block;background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) var(--percent), rgba(0, 0, 0, 0) var(--percent), rgba(0, 0, 0, 0) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.about-head-img {position: relative;overflow: hidden;display: block;width: 54%;aspect-ratio: 1/1;border-radius: 1rem;margin-top: calc(var(--pd) * -1 - var(--inset));margin-inline: auto;}
.about-head-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 1rem;}
.about-sign {position: relative;overflow: hidden;display: block;width: 4.875rem;aspect-ratio: 159/104;margin-inline: auto;}
.about-sign video {width: 100%;height: auto;}
.about-numbers {position: relative;gap: 2.5rem;display: grid;grid-template-columns: repeat(2, 1fr);border-top: 2px solid var(--clr-dark-blue);padding-top: 2rem;}
.about-number > * + * {margin-top: 0.25rem;}
.about-number-text {color: var(--clr-black);}
.about-number-title {font-size: var(--h3);line-height: 1.33em;font-weight: 500;letter-spacing: -0.01em;color: var(--clr-pink);}
.about-info > * + * {margin-top: var(--sp-sm);}
.about-info-item {gap: 0.75rem;display: grid;}
.about-info-item .title {align-self: baseline;color: var(--clr-dark-blue);}
.about-info-item .text {font-size: var(--text-lg);color: var(--clr-dark-blue);}
.about-info-item .description {font-size: var(--text-md);color: var(--clr-dark-blue); margin-bottom: var(--sp-xs);}
.about-advt {position: relative;gap: 4rem;display: grid;border-top: 2px solid var(--clr-dark-blue);padding-top: clamp(3.75rem, 3.1432rem + 2.589vw, 6.25rem);}
.about-advt-item > * {color: var(--clr-dark-blue);}
.about-advt-item > * + * {margin-top: 1.5rem;}
.about-advt-item > .title + .text {margin-top: 0.5rem;}
.about-advt-item .title {font-size: clamp(1.5rem, 1.318rem + 0.7767vw, 2.25rem);line-height: 1.33em;letter-spacing: -0.01em;}
.about-more > * + * {margin-top: var(--sp-xs);}
.about-more > * {color: var(--clr-dark-blue);}
.about-more-cards {gap: var(--sp-2xs);display: grid;}
.about-more-card {position: relative;}
.about-more-card-media {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1/1;border-radius: 1rem;}
.about-more-card-media::before {content: "";position: absolute;z-index: 1;inset: 0;background: linear-gradient(179.8deg, rgba(4, 15, 50, 0) 59.63%, rgba(4, 15, 50, 0.7) 99.83%);border-radius: inherit;}
.about-more-card-media img,
.about-more-card-media video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: inherit;transition: var(--transition-1);will-change: transform;}
.about-more-card-info {position: absolute;z-index: 2;bottom: 0;left: 0;right: 0;padding: 0.75rem;}
.about-more-card-info > * + * {margin-top: 0.25rem;}
.about-more-card-info > * {color: var(--clr-white);}
.about-more-card-info .title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.about-more-card-info .text {font-weight: 500;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.about-entry > * + * {margin-top: clamp(6rem, 5.0291rem + 4.1424vw, 10rem);}
@media (min-width: 768px) {
.about-head .title {font-size: var(--h1);}
.about-numbers {grid-template-columns: repeat(4, 1fr);}
.about-number-title {font-size: var(--h4);}
.about-advt {grid-template-columns: repeat(2, 1fr);}
.about-more-cards {grid-template-columns: repeat(2, 1fr);}
.about-more-card-info {padding: 1rem;}
}
@media (min-width: 992px) {
.about-entry {--inset: 2.5rem;--pd: 2.5rem;border-radius: 2.5rem;}
.about-head {max-width: 61%;margin-inline: auto;}
.about-head > * + * {margin-top: 3.5rem;}
.about-head > * + .title {margin-top: 2.5rem;}
.about-head .text {max-width: 100%;}
.about-head-img {width: 42%;border-radius: 1.875rem;}
.about-head-img img {border-radius: 1.875rem;}
.about-sign {width: 9.9375rem;}
}
@media (min-width: 1200px) {
.about-entry {--pd: 12.5rem;}
.about-numbers {gap: 5rem;padding-top: 4rem;}
.about-number > * + * {margin-top: 0.5rem;}
.about-info-item {gap: var(--sp-sm);grid-template-columns: 25% auto;}
.about-info-item .text {font-size: var(--h6);}
.about-advt {gap: 1.25rem;grid-template-columns: repeat(4, 1fr);}
.about-advt-item > * + * {margin-top: 2.5rem;}
.about-more-card:hover .about-more-card-media video,
.about-more-card:hover .about-more-card-media img {transform: scale(1.05);}
.about-more-card-media {aspect-ratio: 574/409;border-radius: 1.5rem;}
.about-more-card-info {padding: 1.5rem;}
.about-more-card-info > * + * {margin-top: 0.5rem;}
.about-more-card-info .text {font-size: 1.125rem;}
}
/*--------------------*/
/*  Animations        */
/*--------------------*/
.slideUp {--time: 1.5s;--delay: calc(.11s * var(--animate-index));will-change: transform,opacity;opacity: 0;transform: translateY(3rem);}
.slideUp.animated {animation: var(--time) var(--cubic-1) var(--delay) slideUp forwards;}
.slideUp.contact-block {--time: 0.6s;}
.slideUp.banner {--time: 1s;transform: translateY(2rem);}
@keyframes slideUp {
to {opacity: 1;transform: translateY(0%);}
}
/*--------------------*/
/*  Blog              */
/*--------------------*/
.blog-item {gap: clamp(2rem, 1.2718rem + 3.1068vw, 5rem);display: grid;}
.blog-item + .blog-item {margin-top: clamp(4rem, 3.4539rem + 2.3301vw, 6.25rem);}
.blog-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1/1;border-radius: 1.75rem;}
.blog-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;-o-object-position: center;object-position: center;border-radius: 1.75rem;transition: var(--transition-1);will-change: transform;}
.blog-info {align-self: center;}
.blog-info > * + * {margin-top: clamp(0.5rem, 0.2573rem + 1.0356vw, 1.5rem);}
.blog-info .text,
.blog-info .title {display: block;width: -moz-fit-content;width: fit-content;letter-spacing: -0.02em;}
.blog-info .title {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
@media (min-width: 768px) {
.blog-item {grid-template-columns: 40% auto;}
}
@media (min-width: 1200px) {
.blog-item {grid-template-columns: 20.706% auto;}
.blog-img {border-radius: 3.5rem;}
.blog-img img {border-radius: 3.5rem;}
.blog-img:hover img {transform: scale(1.05);}
.blog-info a.title:hover {color: var(--clr-primary);}
}
/*--------------------*/
/*  Assets Block      */
/*--------------------*/
.assets-entry {gap: clamp(1.875rem, 0.8131rem + 4.5307vw, 6.25rem);display: grid;}
.assets-block {position: relative;gap: 5rem;display: grid;background-color: rgba(255, 255, 255, 0.1);border-radius: 1.25rem;padding: 6.125rem 1.5rem 2rem 1.5rem;}
.assets-img {position: relative;overflow: hidden;display: inline-block;margin-inline: auto;}
.assets-img img {width: 100%;}
.assets-img.size-1 {width: min(42%, 16rem);aspect-ratio: 128/61;}
.assets-img.size-2 {width: min(42%, 16rem);aspect-ratio: 1/1;}
.assets-img.size-3 {width: min(45.3%, 17.25rem);aspect-ratio: 138/161;}
@media (min-width: 576px) {
.assets-block {gap: 2.5rem;align-items: center;grid-template-columns: repeat(3, 1fr);padding: 2rem 1.5rem;}
.assets-block .btn {grid-column: span 3;justify-self: center;}
.assets-img.size-1 {width: min(100%, 16rem);}
.assets-img.size-2 {width: min(100%, 16rem);}
.assets-img.size-3 {width: min(100%, 17.25rem);}
}
@media (min-width: 1200px) {
.assets-block {gap: 7.5rem;padding: 7.5rem 4rem;}
}
/*--------------------*/
/*  Contact Block     */
/*--------------------*/
.contact-entry {gap: clamp(1.875rem, 0.8131rem + 4.5307vw, 6.25rem);display: grid;}
.contact-block {position: relative;gap: 2.5rem;display: grid;background-color: rgba(255, 255, 255, 0.1);border-radius: 1.25rem;padding: 1.5rem;}
.contact-info {font-size: clamp(1rem, 0.7876rem + 0.9061vw, 1.875rem);line-height: 1.4em;font-weight: 400;letter-spacing: -0.02em;color: rgba(255, 255, 255, 0.5);}
.contact-info > * + * {margin-top: 0.5rem;}
.contact-info a {color: var(--clr-white);}
@media (min-width: 576px) {
.contact-block {grid-template-columns: auto 40%;}
}
@media (min-width: 992px) {
.contact-block {align-items: center;padding: 2.5rem;}
}
@media (min-width: 1200px) {
.contact-block {grid-template-columns: repeat(2, 1fr);border-radius: 2.5rem;padding: 8.625rem 9.625rem;}
.contact-block .btn {width: -moz-fit-content;width: fit-content;min-width: 14.25rem;margin-left: auto;}
.contact-info a:hover {color: var(--clr-primary);}
}
/*--------------------*/
/*  Footer            */
/*--------------------*/
.footer {position: relative;display: grid;grid-template-columns: 7fr 4fr;align-items: center;gap: var(--sp-sm);max-width: 73.75rem;margin: 0 auto;padding-right: var(--sp-xs);}
.footer-qr {position: relative;overflow: hidden;transition: background-color var(--transition-1);aspect-ratio: 1;max-width: 90svh;}
.footer-qr__img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: opacity var(--transition-1);-webkit-mask-image: url(../img/footer-qr.svg);mask-image: url(../img/footer-qr.svg);-webkit-mask-size: cover;mask-size: cover;border-radius: 4rem;overflow: hidden;pointer-events: none;}
.footer-qr__img_hover {-webkit-mask-image: url(../img/footer-qr-hovered.svg);mask-image: url(../img/footer-qr-hovered.svg);-webkit-mask-size: cover;mask-size: cover;opacity: 0;}
.footer-qr__img-wrap {position: absolute;top: -4rem;left: -4rem;width: 1360px;aspect-ratio: 136/76;transition: transform var(--transition-1);transform: translateX(0);will-change: transform;}
.footer-qr img {opacity: 0.8;aspect-ratio: 1;display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: left;object-position: left;transition: object-position var(--transition-2);transition: object-position var(--transition-2),-o-object-position var(--transition-2);}
.footer-qr__label {position: absolute;left: 50%;bottom: 5%;display: inline-block;transform: translate(-50%, 50%);font-size: 1rem;}
.footer-right {display: grid;grid-template-columns: auto 1.5rem;line-height: 1.5rem;font-size: 1rem;}
.footer-right ul {display: flex;flex-direction: column;gap: 2rem;}
.footer-right li:not(:has(a)) {opacity: 0.5;}
.footer-app-buttons {margin-top: var(--sp-xs);display: flex;gap: 1rem;grid-column: -1/1;}
.footer-app-buttons > * {flex-grow: 1;}
.footer-bottom {position: relative;background: radial-gradient(313.01% 100% at 50% 100%, #ff8a44 0%, #ff0099 23.41%, rgba(4, 15, 50, 0) 90%);overflow: hidden;}
.footer-bottom__logo {margin-top: 2rem;margin-inline: auto;display: block;max-width: 73.75rem;width: 100%;aspect-ratio: 1180/470;overflow: hidden;}
.footer-bottom__logo img {display: block;width: 100%;}
.footer-ios-btn,
.footer-android-btn {display: none;text-align: center;grid-column: -1/1;margin-top: 1rem;}
.footer-ios-btn .btn,
.footer-android-btn .btn {max-width: 25rem;width: 100%;}
@media (min-width: 1200px) {
.footer-right a:hover {opacity: var(--hover-opacity);}
.footer-qr:hover img {-o-object-position: right;object-position: right;opacity: 1;background-color: rgba(255, 255, 255, 0.1);}
.footer-qr:hover .footer-qr__img_hover {opacity: 1;}
.footer-qr:hover .footer-qr__img_hover .footer-qr__img-wrap {transform: translateX(-25%);}
}
@media (max-width: 991px) {
.footer-qr {display: none;}
.footer {grid-template-columns: 1fr;padding-inline: var(--sp-xs);}
}
@media (max-width: 767px) {
.footer {padding-inline: 0;}
.footer-bottom {padding-top: 3.75rem;margin-top: -3rem;}
.footer-bottom__logo {aspect-ratio: 55/22;}
.footer-app-buttons {display: none;}
}
.users-swiper .swiper-slide {width: 23.75rem;}
.user-card .image-cover {padding-bottom: 0;aspect-ratio: 38/50;border-radius: 1rem;}
.user-card .image-cover img {transition: var(--transition-1);will-change: transform;}
.user-card__name {font-size: var(--text-lg);font-weight: 600;margin-top: 1rem;line-height: 1;display: flex;align-items: center;gap: 0.5rem;}
.user-card__name img {width: 1em;flex-shrink: 0;}
@media (min-width: 1200px) {
.user-card:hover .image-cover img {transform: scale(1.1);}
}
@media (max-width: 1199px) {
.users-swiper .swiper-slide {width: 16.25rem;}
}
@media (max-width: 991px) {
.users-swiper .swiper-slide {width: 13.75rem;}
}
@media (max-width: 767px) {
.users-swiper .swiper-slide {width: 11.875rem;}
}
.scroll-text {color: rgba(255, 255, 255, 0.5);display: flex;flex-direction: column;align-items: center;will-change: filter;--space: 0.625rem;}
.scroll-text div {padding: var(--space);margin: calc(var(--space) * -1);display: inline-block;--percent: 0%;background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) calc(var(--percent) - 5%), rgba(255, 255, 255, 0.5) var(--percent), rgba(255, 255, 255, 0.5) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.scroll-text div::before {content: "";position: absolute;width: calc(var(--percent) - var(--space) * 2);height: 30%;background-color: #fff;opacity: 0.1;filter: blur(10px);left: var(--space);top: 50%;transform: translateY(-50%);}
.scroll-text div i {position: relative;font-weight: 700;background: linear-gradient(to right, rgb(255, 0, 153) 0%, rgb(255, 0, 153) calc(var(--percent) - 5%), rgba(255, 0, 153, 0.5) var(--percent), rgba(255, 0, 153, 0.5) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.scroll-text div i::before {content: "";position: absolute;width: calc(var(--percent) - var(--space) * 2);height: 30%;background-color: #ff0099;opacity: 0.1;filter: blur(10px);left: var(--space);top: 50%;transform: translateY(-50%);}
.scroll-text span {position: relative;display: inline-block;}
.scroll-text .mask {width: 100%;height: 100%;position: absolute;background-color: #fff;left: 0;top: 0;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.scroll-text.max-text {max-width: 86.25rem;}
@media (max-width: 767px) {
.scroll-text {--space: 0.25rem;}
.scroll-text.max-text {max-width: 92%;margin-inline: auto;}
}
.mob-phone-text {position: relative;z-index: 2;}
.mob-phone {width: 65%;max-width: 28.75rem;margin: 0 auto;margin-top: var(--sp-lg);position: relative;}
.mob-phone__gradient {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100rem;}
.mob-phone__image {position: relative;z-index: 2;aspect-ratio: 253/523;}
.mob-phone__inner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.mob-phone__message1 {position: absolute;transform: translate(-50%, -50%) scale(0.8);left: 50%;top: 60%;width: 80%;aspect-ratio: 382/65;}
.mob-phone__message2 {position: absolute;transform: translate(-50%, -50%) scale(0.8);left: 50%;top: 65%;width: 90%;aspect-ratio: 431/65;}
.mob-phone__user1,
.mob-phone__user2 {position: absolute;width: 76%;left: 45%;top: 45%;transform: translate(-50%, -50%) scale(0.5);aspect-ratio: 35/46;}
.mob-phone__user2 {left: 54%;top: 48%;}
.find-block {position: relative;display: flex;align-items: center;justify-content: space-between;padding-inline: var(--sp-md);overflow: hidden;border-radius: var(--rd-1);}
.find-block__bg {position: absolute;z-index: -1;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: linear-gradient(156.34deg, #ff0099 5.35%, #4f0667 99.44%);}
.find-block__title {padding-block: var(--sp-sm);}
.find-block__items {position: relative;max-height: calc(var(--h4) * 9 + var(--sp-2xs) * 8);overflow: auto;display: block;font-size: var(--h4);line-height: 1.333;scrollbar-width: none;/* Firefox */-ms-overflow-style: none;/* IE and Edge */pointer-events: none;}
.find-block__items::-webkit-scrollbar {display: none;/* Chrome, Safari, Opera */}
.find-block__item {display: grid;grid-template-columns: 1.333em auto;gap: 1.25rem;align-items: center;font-weight: 500;padding-left: calc(6.25rem * var(--gsap-p-coef));margin-top: var(--sp-2xs);}
.find-block__flare {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 120%;filter: blur(30px);}
.find-block__flare-png {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 120%;display: none;}
.firefox .find-block__flare,
.safari .find-block__flare {display: none;}
.firefox .find-block__flare-png,
.safari .find-block__flare-png {display: block;}
@media (max-width: 1199px) {
.find-block {padding-inline: var(--sp-sm);}
}
@media (max-width: 991px) {
.find-block {flex-direction: column;}
.find-block__title {text-align: center;padding-bottom: 0;}
.find-block__flare {top: 20%;}
.find-block__item {padding-left: calc(4.25rem * var(--gsap-p-coef));}
}
@media (max-width: 767px) {
.find-block__items {margin-inline: -1.5rem;}
.find-block__item {padding-left: calc(2.625rem * var(--gsap-p-coef));}
}
.verified-title {margin-top: var(--sp-3xs);margin-bottom: var(--sp-sm);}
.verified-block {position: relative;}
.verified-block__grid {position: relative;width: -moz-fit-content;width: fit-content;display: grid;grid-template-columns: 18.75rem 18.75rem 36.25rem 18.75rem 18.75rem;grid-auto-flow: dense;gap: clamp(3.75rem, -0.4167rem + 5.5556vw, 6.25rem);max-width: unset;left: 50%;transform: translateX(-50%);}
.verified-block__user {overflow: hidden;position: relative;border-radius: var(--rd-2);padding: 1.25rem 1rem;display: flex;align-items: flex-end;aspect-ratio: 300/400;}
.verified-block__user .image-cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;}
.verified-block__user-title {position: relative;z-index: 2;display: flex;font-size: var(--h6);font-weight: 500;align-items: center;gap: 0.5rem;}
.verified-block__user-title img {width: 1em;flex-shrink: 0;}
.verified-block__main {position: relative;grid-row: span 2;overflow: hidden;border-radius: var(--rd-2);aspect-ratio: 580/900;}
.verified-block__main img {display: block;width: 100%;}
.verified-block__main .image-cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.verified-block__icon {position: absolute;top: 15%;right: 1rem;width: clamp(5rem, 3.301rem + 7.2492vw, 12rem);aspect-ratio: 1/1;transform: rotate(13deg);}
.verified-block__icon img {width: 100%;}
@media (max-width: 1199px) {
.verified-block__grid {grid-template-columns: 12.5rem 12.5rem 25rem 12.5rem 12.5rem;gap: var(--sp-xs);}
}
@media (max-width: 767px) {
.verified-block__grid {grid-template-columns: 8.125rem 8.125rem 14.375rem 8.125rem 8.125rem;gap: 1rem;}
.verified-block__user {padding: 0.5rem;}
.verified-block__user-title {font-size: 0.875rem;}
.verified-title {text-transform: uppercase;margin-bottom: 3rem;margin-top: 0.625rem;}
.verified-top-text {font-size: 1rem;}
}
.testimonials {position: relative;overflow: hidden;border-radius: var(--rd-1);padding-block: var(--sp-xs);text-align: center;min-height: min(90svh, 67.75rem);display: flex;flex-direction: column;justify-content: center;}
.testimonials__bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.testimonials__title {margin-bottom: var(--sp-sm);}
.testimonials .swiper-pagination {margin-top: auto;transform: translateY(50%);bottom: calc(var(--sp-md) / 2) !important;}
.testimonials__user {display: flex;flex-direction: column;align-items: center;gap: 0.5rem;color: rgba(255, 255, 255, 0.6);margin-top: var(--sp-xs);}
.testimonials__slide {padding-inline: var(--sp-sm);}
@media (max-width: 991px) {
.testimonials {min-height: min(95svh, 43.75rem);}
}
@media (max-width: 767px) {
.testimonials__slide {padding-inline: var(--sp-2xs);}
.testimonials__user {font-size: 0.75rem;}
.testimonials__user img {height: 0.875rem;}
}
.companies {display: flex;justify-content: center;align-items: center;gap: var(--sp-xs) var(--sp-md);flex-wrap: wrap;max-width: 93.75rem;margin-inline: auto;}
.companies img {height: 2.5rem;}
@media (max-width: 1199px) {
.companies img {height: 2.25rem;}
}
@media (max-width: 991px) {
.companies img {height: 2.125rem;}
}
@media (max-width: 767px) {
.companies-title {font-size: var(--h2);line-height: 1;}
.companies > * {text-align: center;flex-basis: calc(50% - var(--sp-md) / 2);flex-grow: 1;flex-shrink: 0;}
.companies img {max-height: 1.625rem;height: auto;max-width: 100%;}
}
.join-us {display: grid;grid-template-columns: 2fr 3fr;align-items: center;gap: var(--sp-xs);}
.join-us__images {display: flex;gap: var(--sp-3xs);align-items: center;}
.join-us__images .image-cover,
.join-us__images .video-cover {aspect-ratio: 3/4;padding: 0;border-radius: 0.5rem;flex-basis: 30%;flex-grow: 1;}
.join-us__images > *:nth-child(2) {flex-basis: 28%;}
.join-us__images > *:nth-child(3) {flex-basis: 26%;}
.join-us__swiper .swiper-container {overflow: visible;}
.join-us__swiper .swiper-slide {width: 20rem;}
.join-us__swiper .image-cover,
.join-us__swiper .video-cover {aspect-ratio: 3/4;padding: 0;border-radius: 0.5rem;}
@media (max-width: 991px) {
.join-us {grid-template-columns: 1fr;text-align: center;gap: var(--sp-sm);}
.join-us__images {display: none;}
.btn_block {max-width: 25rem;justify-self: center;}
}
@media (max-width: 767px) {
.join-us__swiper .swiper-slide {width: 16.25rem;}
}