.vis-hidden.astro-4kadi5m2 {
    visibility: hidden
}

.lang-selector.astro-fe4j42sm {
    display: none;
    position: relative
}

@media screen and (min-width:1120px) {
    .lang-selector.astro-fe4j42sm {
        display: block
    }
}

.lang-selector__button.astro-fe4j42sm {
    color: var(--header-text-color-primary);
    cursor: pointer;
    background-color: #0000;
    border: none;
    border-radius: 20px;
    outline: none;
    align-items: center;
    gap: 4px;
    padding: 7px 13px 7px 16px;
    display: flex
}

.lang-selector__button.astro-fe4j42sm:hover,
.lang-selector__button.astro-fe4j42sm[aria-expanded=true] {
    background: var(--header-item-hover-color, var(--header-bg-color))
}

.lang-selector__button.astro-fe4j42sm:focus-visible {
    background: var(--header-item-hover-color, var(--header-bg-color))
}

.lang-selector__text.astro-fe4j42sm {
    letter-spacing: .14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2
}

.lang-selector__list.astro-fe4j42sm {
    background: var(--header-item-bg-color);
    z-index: 100;
    border-radius: 32px;
    flex-direction: column;
    min-width: 160px;
    margin: 4px 0 0;
    padding: 8px;
    list-style: none;
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0 4px 25px #01010199
}

.lang-selector__list.astro-fe4j42sm:before {
    content: "";
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    top: -10px;
    left: 0
}

.lang-selector__link.astro-fe4j42sm {
    color: var(--header-text-color-primary);
    text-align: center;
    border-radius: 24px;
    padding: 13px 16px;
    font-size: 14px;
    font-weight: 500;
    display: block
}

.lang-selector__link.astro-fe4j42sm:hover {
    background: var(--header-item-hover-color, var(--header-bg-color));
    outline: none
}

.lang-selector__link.astro-fe4j42sm:focus-visible {
    background: var(--header-item-hover-color, var(--header-bg-color));
    outline: none
}

.ja-lang.astro-fe4j42sm,
.ko-lang.astro-fe4j42sm,
.zh-Hans-lang.astro-fe4j42sm {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.socials.astro-qbunpjfh {
    flex-direction: row;
    gap: 12px;
    width: 100%;
    display: flex
}

.social.astro-qbunpjfh {
    transition: all .3s ease-in-out
}

.social.astro-qbunpjfh:hover {
    filter: brightness(0)saturate()invert()sepia(3%)saturate(470%)hue-rotate(257deg)brightness(114%)contrast(88%)
}

.menu__links {
    z-index: 1;
    flex-direction: column;
    gap: 24px;
    list-style: none;
    display: flex;
    position: relative
}

@media screen and (min-width:1120px) {
    .menu__links {
        gap: 6px
    }
}

.menu__item {
    letter-spacing: -.28px;
    align-items: center;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.1;
    display: flex;
    position: relative
}

.menu__item:after {
    content: none
}

@media screen and (min-width:1120px) {
    .menu__item {
        color: var(--header-text-color-secondary);
        letter-spacing: .14px;
        padding: 0;
        font-size: 14px;
        line-height: 1.2
    }

    .menu__item:after {
        content: none
    }
}

.menu__item-button {
    color: var(--header-text-color-primary);
    letter-spacing: -.28px;
    background: 0 0;
    border: none;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 0;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.1;
    display: flex
}

@media screen and (min-width:1120px) {
    .menu__item-button {
        color: var(--header-text-color-secondary);
        letter-spacing: .14px;
        white-space: nowrap;
        border-radius: 20px;
        width: auto;
        padding: 7px 16px;
        font-size: 14px;
        line-height: 1.2
    }

    .menu__item-button:hover,
    .menu__item-button[aria-expanded=true] {
        background: var(--header-item-bg-color);
        color: var(--header-text-color-primary)
    }
}

.menu__dropdown {
    width: 100%;
    position: relative
}

@media screen and (min-width:1120px) {
    .menu__dropdown {
        width: auto
    }
}

.menu__dropdown--nested {
    position: static
}

.menu__dropdown-list {
    filter: drop-shadow(0 0 4px #0000001a);
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 16px;
    display: flex;
    overflow: hidden
}

@media screen and (min-width:1120px) {
    .menu__dropdown-list {
        background: var(--header-item-bg-color);
        color: #a7a7a7;
        min-width: 200px;
        overflow: initial;
        z-index: 100;
        border-radius: 32px;
        gap: 0;
        margin: 0;
        padding: 8px;
        list-style: none;
        display: none;
        position: absolute;
        top: calc(100% + 20px);
        left: 50%;
        transform: translate(-50%)
    }

    .menu__dropdown-list:has(.menu__dropdown--nested button[aria-expanded=true]) {
        border-right: .5px solid #404043;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

.menu__dropdown-chevron {
    z-index: 0;
    align-items: flex-end;
    width: 192px;
    height: 30px;
    display: none;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%)
}

.menu__dropdown-chevron>svg {
    color: var(--header-item-bg-color)
}

@media screen and (min-width:1120px) {
    .menu__dropdown-chevron {
        display: flex
    }
}

.menu__dropdown-link {
    color: var(--header-text-color-primary);
    text-align: left;
    background: 0 0;
    border: none;
    outline: none;
    align-items: center;
    gap: 4px;
    height: 24px;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    display: flex;
    position: relative
}

.menu__dropdown-link:before {
    content: "";
    width: 8px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -8px
}

@media screen and (min-width:1120px) {
    .menu__dropdown-link {
        height: unset;
        border-radius: 28px;
        align-items: center;
        gap: 8px;
        width: 100%;
        padding: 16px;
        display: flex
    }

    .menu__dropdown-link:hover {
        background: var(--header-item-hover-color, var(--header-bg-color));
        color: var(--header-text-color-primary)
    }

    .menu__dropdown-link:focus-visible {
        background: var(--header-item-hover-color, var(--header-bg-color));
        color: var(--header-text-color-primary)
    }

    .menu__dropdown-item-title {
        text-align: left;
        flex-grow: 1
    }
}

.menu__nested-panel {
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
    padding-bottom: 16px;
    display: flex
}

@media screen and (min-width:1120px) {
    .menu__nested-panel {
        background: var(--header-item-bg-color);
        height: calc(100% + 16px);
        margin-top: unset;
        z-index: 101;
        border-radius: 0 36px 36px 0;
        width: 266px;
        padding: 8px;
        display: none;
        position: absolute;
        top: -8px;
        left: calc(100% + 8px);
        overflow: auto
    }

    .menu__nested-panel:before {
        content: "";
        background-color: gray;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
}

.menu__social-link {
    align-items: center;
    gap: 8px;
    padding: 0;
    display: flex
}

@media screen and (min-width:1120px) {
    .menu__social-link {
        padding: 16px
    }
}

.menu__social-info {
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: flex
}

@media screen and (min-width:1120px) {
    .menu__social-info {
        flex: 1
    }
}

.menu__item-chevron {
    width: 24px;
    height: 24px;
    transition: transform .3s
}

@media screen and (min-width:1120px) {
    .menu__item-chevron {
        display: none
    }
}

.menu__chevron-icon {
    width: 16px;
    height: 16px;
    transition: transform .3s
}

@media screen and (min-width:1120px) {
    .menu__chevron-icon {
        display: none
    }
}

.menu__section-title {
    color: gray;
    letter-spacing: -.07px;
    padding: 0 0 0 32px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    display: inline-block
}

.menu__section-title:not(:first-child) {
    margin-top: 24px
}

@media screen and (min-width:1120px) {
    .menu__section-title {
        letter-spacing: -.0008em;
        margin: 0;
        padding: 18px 0 4px 12px;
        font-size: 13px;
        line-height: 1.25
    }
}

.menu__section-list {
    flex-direction: column;
    gap: 18px;
    font-size: 14px;
    list-style: none;
    display: flex
}

@media screen and (min-width:1120px) {
    .menu__section-list {
        margin-top: unset;
        gap: 3px
    }
}

.menu__social-sublink {
    outline: none;
    align-items: center;
    gap: 8px;
    padding: 0 32px;
    display: flex
}

.menu__social-sublink-title {
    color: var(--header-text-color-primary);
    font-weight: 500
}

@media screen and (min-width:1120px) {
    .menu__social-sublink {
        color: var(--header-text-color-secondary);
        border-radius: 24px;
        padding: 16px
    }

    .menu__social-sublink:hover {
        background: var(--header-item-hover-color, var(--header-bg-color));
        color: var(--header-text-color-primary)
    }

    .menu__social-sublink:focus-visible {
        background: var(--header-item-hover-color, var(--header-bg-color));
        color: var(--header-text-color-primary)
    }
}

[aria-expanded=true] .menu__chevron-icon,
[aria-expanded=true] .menu__item-chevron {
    transform: rotate(180deg)
}

@media screen and (min-width:1120px) {
    .header-container--transparent .menu__dropdown-list {
        color: #000;
        background: #dcdcdc
    }

    .header-container--transparent .menu__dropdown-chevron>svg {
        color: #dcdcdc
    }

    .header-container--transparent .menu__nested-panel {
        background: #dcdcdc
    }

    .header-container--transparent .menu__dropdown-link,
    .header-container--transparent .menu__social-sublink {
        color: #000
    }

    .header-container--transparent .menu__section-title {
        color: gray
    }

    .header-container--transparent .menu__social-sublink-title {
        color: #000
    }
}

.menu {
    justify-content: flex-end;
    margin-right: -6px;
    display: flex
}

@media screen and (min-width:1120px) {
    .menu {
        margin-right: unset;
        justify-content: center;
        align-items: center;
        width: auto
    }

    .menu .menu_aside {
        display: none
    }

    .menu .menu-item-title {
        text-align: left;
        flex-grow: 1
    }
}

.menu__toggle-icon {
    width: 16px;
    margin: auto;
    display: block;
    position: absolute
}

.menu__toggle-icon>span {
    background-color: var(--header-text-color-primary);
    width: 16px;
    height: 1.33px;
    display: block;
    position: absolute
}

@media (prefers-reduced-motion:reduce) {
    .menu__toggle-icon>span {
        transition: none;
        animation: none
    }
}

@media (prefers-reduced-motion:no-preference) {
    .menu__toggle-icon>span {
        transition: all .25s
    }
}

.menu__toggle-icon>span:first-child {
    top: 0;
    transform: translateY(-5.33px)
}

.menu__toggle-icon>span:nth-child(2) {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    top: 0
}

.menu__toggle-icon>span:last-child {
    background-color: var(--header-text-color-primary);
    transform: translateY(5.33px)
}

.menu__list {
    flex-direction: column;
    gap: 24px;
    margin-top: 82px;
    margin-bottom: 24px;
    list-style: none;
    display: flex
}

@media screen and (min-width:1120px) {
    .menu__list {
        height: 100%;
        margin-bottom: unset;
        margin-top: unset;
        flex-direction: row;
        align-items: center;
        gap: 0;
        width: auto;
        padding: 0;
        display: flex
    }
}

.menu .toggle__wrapper {
    cursor: pointer;
    z-index: 1;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    display: flex;
    position: relative
}

@media screen and (min-width:1120px) {
    .menu .toggle__wrapper {
        display: none
    }
}

.menu .toggle__wrapper>span {
    margin-top: auto;
    margin-bottom: auto;
    display: block
}

.menu .toggle__wrapper>span:before {
    background-color: var(--color-header-burger-button);
    content: "";
    top: 0;
    transform: translateY(-4px)
}

.menu .toggle__wrapper>span:after {
    background-color: var(--color-header-burger-button);
    content: "";
    transform: translateY(4px)
}

.menu .toggle__wrapper>span,
.menu .toggle__wrapper>span:after,
.menu .toggle__wrapper>span:before {
    width: 16px;
    height: 2px;
    display: block;
    position: absolute
}

@media (prefers-reduced-motion:reduce) {

    .menu .toggle__wrapper>span,
    .menu .toggle__wrapper>span:after,
    .menu .toggle__wrapper>span:before {
        transition: none;
        animation: none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .menu .toggle__wrapper>span,
    .menu .toggle__wrapper>span:after,
    .menu .toggle__wrapper>span:before {
        transition: all .25s
    }
}

.menu .toggle__content {
    background-color: var(--color-header-menu-aside, #fff);
    height: 100vh;
    opacity: 0;
    height: 100dvh;
    padding: calc(28px + var(--header-nav-height)) 24px 0;
    z-index: -1;
    flex-direction: column;
    width: 100%;
    margin: 0;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(100%)
}

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

@media (prefers-reduced-motion:no-preference) {
    .menu .toggle__content {
        transition: transform .25s, opacity .2s ease-in-out
    }
}

@media screen and (min-width:768px) {
    .menu .toggle__content {
        justify-content: space-between;
        padding: 60px
    }
}

@media screen and (min-width:1120px) {
    .menu .toggle__content {
        box-shadow: none;
        opacity: 1;
        height: auto;
        transition-duration: unset;
        visibility: visible;
        z-index: auto;
        background: 0 0;
        justify-content: center;
        align-items: center;
        width: auto;
        padding: 0;
        display: flex;
        position: static;
        transform: translate(0)
    }
}

.menu .toggle__content-block {
    margin-bottom: 30px;
    overflow: hidden auto
}

@media screen and (min-width:1120px) {
    .menu .toggle__content-block {
        overflow: unset;
        margin-bottom: 0
    }
}

.menu .menu__item {
    color: var(--color-header-font);
    letter-spacing: .063px;
    align-items: center;
    font-size: 20px;
    line-height: 1.2;
    display: flex;
    position: relative
}

@media screen and (min-width:768px) {
    .menu .menu__item {
        letter-spacing: .084px;
        padding: 28px 0;
        font-size: 28px;
        font-weight: 400
    }
}

@media screen and (min-width:1120px) {
    .menu .menu__item {
        letter-spacing: -.0043em;
        padding: 0;
        font-size: 17px;
        font-weight: 400;
        line-height: 22.1px
    }

    .menu .menu__item:has(.menu-button-links) {
        padding: 0
    }

    .menu .menu__item:after {
        content: none
    }

    .menu .menu__item:hover {
        color: var(--color-header-font-hover)
    }

    .menu .menu__item:focus-visible {
        color: var(--color-header-font-hover)
    }

    .menu .menu__item.menu_aside {
        display: none
    }
}

.menu .menu__item_active {
    color: var(--color-header-font-selected)
}

.menu__toggle-button {
    cursor: pointer;
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: flex;
    position: relative
}

@media screen and (min-width:1120px) {
    .menu__toggle-button {
        display: none
    }
}

.menu .toggle {
    opacity: 0;
    width: 0
}

@media screen and (min-width:1120px) {
    .menu .toggle {
        display: none
    }
}

.menu .toggle:checked~.menu__toggle-button>span {
    transform: rotate(45deg)
}

.menu .toggle:checked~.menu__toggle-button>span:before {
    transform: rotate(0)
}

.menu .toggle:checked~.menu__toggle-button>span:after {
    transform-origin: 50%;
    transform: rotate(-90deg)
}

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

@media screen and (min-width:1120px) {
    .menu__toggle {
        display: none
    }
}

.menu__toggle:checked~.menu__toggle-button>.menu__toggle-icon>span:first-child {
    transform: rotate(45deg)
}

.menu__toggle:checked~.menu__toggle-button>.menu__toggle-icon>span:nth-child(2) {
    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%)
}

.menu__toggle:checked~.menu__toggle-button>.menu__toggle-icon>span:last-child {
    transform: rotate(-45deg)
}

.menu__content {
    color: var(--header-text-color-primary);
    opacity: 0;
    z-index: 1;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(100%)
}

.menu__content:-webkit-any(div) {
    padding-bottom: 20px
}

.menu__content:-moz-any(div) {
    padding-bottom: 20px
}

.menu__content:is(div) {
    padding-bottom: 20px
}

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

@media (prefers-reduced-motion:no-preference) {
    .menu__content {
        transition: transform .25s, opacity .2s ease-in-out
    }
}

@media screen and (min-width:1120px) {
    .menu__content {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        box-shadow: none;
        color: inherit;
        opacity: 1;
        z-index: auto;
        background: 0 0;
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto;
        padding: 0;
        display: flex;
        position: static;
        transform: translate(0)
    }

    .menu__content:-webkit-any(div) {
        padding-bottom: unset;
        padding-top: unset
    }

    .menu__content:-moz-any(div) {
        padding-bottom: unset;
        padding-top: unset
    }

    .menu__content:is(div) {
        padding-bottom: unset;
        padding-top: unset
    }
}

.menu__toggle:checked~.menu__content {
    opacity: 1;
    transform: translate(0)
}

.menu__content-scroll {
    flex-direction: column;
    flex: 1;
    margin-bottom: 0;
    display: flex;
    overflow-y: auto
}

@media screen and (min-width:1120px) {
    .menu__content-scroll {
        flex: 0;
        margin-bottom: 0;
        overflow-y: visible
    }
}

.menu__languages {
    margin-top: auto;
    padding: 6px 0
}

@media screen and (min-width:1120px) {
    .menu__languages {
        display: none
    }
}

.menu__languages-wrapper {
    align-items: flex-end;
    gap: 6px;
    display: inline-flex;
    position: relative
}

.menu__languages-display {
    color: gray;
    letter-spacing: -.27px;
    align-items: center;
    gap: 6px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.31;
    display: flex
}

.menu__languages-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    text-indent: 1px;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.menu__languages-select:hover {
    color: #0000;
    opacity: 1;
    background: 0 0;
    outline: none
}

.menu__languages-select:focus-visible {
    color: #0000;
    opacity: 1;
    background: 0 0;
    outline: none
}

.menu__languages-select option {
    color: #000;
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.menu__languages-arrow {
    display: none;
    transform: rotate(-90deg)
}

.menu__languages-icon {
    color: gray;
    width: 24px;
    height: 24px
}

.menu__footer {
    display: none
}

@media screen and (min-width:1120px) {
    .menu__footer {
        display: none
    }
}

.menu__socials {
    margin-top: 30px
}

body:has(.menu__toggle:checked) {
    overflow: hidden
}

.header-container {
    z-index: 11;
    --subheader-translate: -100%;
    --header-translate-fallback: calc(var(--header-height)*-1)
}

.header-container--dark {
    --header-color-theme: 0 0 0;
    --header-bg-color: #000000b3;
    --header-menu-bg-color: #000;
    --header-text-color-primary: #fff;
    --header-item-bg-color: #1d1d1d;
    --header-item-hover-color: #383838;
    --header-text-color-secondary: #ededed;
    --header-border-color: #ffffff1a;
    --header-logo-color: inherit
}

.header-container--light {
    --header-color-theme: 255 255 255;
    --header-bg-color: #ffffffb3;
    --header-menu-bg-color: #fff;
    --header-text-color-primary: #000;
    --header-item-bg-color: #dcdcdc;
    --header-item-hover-color: #0000000d;
    --header-text-color-secondary: #333;
    --header-border-color: transparent;
    --header-logo-color: inherit
}

.header-container--light.header-container--scrolled {
    --header-border-color: #0000001a
}

.header-container--transparent {
    --header-color-theme: 0 0 0;
    --header-bg-color: transparent;
    --header-menu-bg-color: #fff;
    --header-text-color-primary: #fff;
    --header-item-bg-color: #ffffff1a;
    --header-item-hover-color: #ffffff26;
    --header-text-color-secondary: #fff;
    --header-border-color: transparent;
    --header-logo-color: inherit
}

@media screen and (min-width:1120px) {
    .header-container {
        --subheader-translate: 0%
    }
}

.header {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: var(--header-bg-color);
    border-bottom: 1px solid var(--header-border-color);
    color: var(--header-text-color-secondary);
    height: var(--header-height);
    left: 0;
    right: 0;
    top: var(--banner-height);
    transform: translateY(var(--header-translate));
    z-index: 30;
    margin: 0 auto;
    transition: all .3s;
    position: fixed
}

.header:after {
    background: var(--header-bg-color);
    content: "";
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0
}

@media screen and (min-width:1120px) {
    .header:not(.header--fixed) {
        margin-bottom: calc(var(--header-height)*-1);
        margin-top: var(--banner-height);
        transform: unset;
        position: static
    }
}

.header--hidden {
    transform: translateY(var(--header-height))
}

.header__inner {
    z-index: 2;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    position: relative
}

@media screen and (min-width:768px) {
    .header {
        padding: 12px 60px
    }
}

@media screen and (min-width:1240px) {
    .header {
        padding: 12px 156px
    }
}

.header__logo {
    color: var(--header-logo-color);
    z-index: 10;
    flex-shrink: 0;
    align-items: center;
    display: flex;
    position: relative
}

@media screen and (min-width:1120px) {
    .header__logo {
        left: var(--container-padding);
        position: absolute
    }
}

.header__logo-icon {
    color: var(--header-logo-color, var(--header-text-color-primary));
    width: 102px;
    height: 22px;
    transition: all .3s
}

.header__nav {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    display: flex
}

@media screen and (min-width:1120px) {
    .header__nav {
        gap: unset;
        flex: 0 auto
    }
}

.header__actions {
    flex-shrink: 0;
    align-items: center;
    gap: 20px;
    display: none
}

@media screen and (min-width:1120px) {
    .header__actions {
        right: var(--container-padding);
        gap: 4px;
        display: flex;
        position: absolute
    }

    .header .header__buy-button--mobile {
        display: none
    }
}

.lang-selector {
    display: block
}

.ja-lang,
.ko-lang,
.zh-Hans-lang {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.header:has(.menu__toggle:checked) {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: var(--header-menu-bg-color, #fffc);
    height: calc(100dvh - var(--banner-height))
}

.header-container--transparent .header:has(.menu__toggle:checked) {
    --header-color-theme: 255 255 255;
    --header-bg-color: #ffffffb3;
    --header-menu-bg-color: #fff;
    --header-text-color-primary: #000;
    --header-item-bg-color: #dcdcdc;
    --header-item-hover-color: #0000000d;
    --header-text-color-secondary: #333;
    --header-border-color: #0000001a;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #fff
}

.header-container:has(.menu__toggle:checked) .subheader {
    opacity: 0;
    pointer-events: none
}

.subheader__buy-button {
    white-space: nowrap
}

.subheader.astro-nen7h5rs {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: var(--header-bg-color);
    color: var(--header-text-color-primary);
    height: var(--header-height);
    opacity: 0;
    left: 0;
    top: var(--banner-height);
    transform: translateY(calc(var(--subheader-translate) + var(--header-translate, var(--header-translate-fallback))));
    z-index: 29;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    transition: transform .3s, opacity .3s;
    display: flex;
    position: fixed
}

.subheader__logo.astro-nen7h5rs {
    display: none
}

.subheader__nav-container.astro-nen7h5rs {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    transform: translate(-10px);
    -webkit-mask-image: linear-gradient(90deg, #fff0, #000 10% 90%, #fff0);
    mask-image: linear-gradient(90deg, #fff0, #000 10% 90%, #fff0)
}

@media screen and (min-width:1120px) {
    .subheader__nav-container.astro-nen7h5rs {
        -webkit-mask-image: unset;
        -webkit-mask-image: unset;
        mask-image: unset
    }
}

.subheader__nav.astro-nen7h5rs {
    scrollbar-width: none;
    flex-wrap: nowrap;
    width: 100%;
    padding-left: 10px;
    padding-right: 24px;
    display: flex;
    overflow-y: scroll
}

.subheader__nav.astro-nen7h5rs::-webkit-scrollbar {
    display: none
}

@media screen and (min-width:1120px) {
    .subheader__nav.astro-nen7h5rs {
        justify-content: flex-end;
        padding-right: 48px
    }
}

.subheader__link.astro-nen7h5rs {
    letter-spacing: .14px;
    border-radius: 20px;
    flex-shrink: 0;
    padding: 7px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    transition: all .3s
}

.subheader__link.astro-nen7h5rs:hover {
    background: var(--header-item-hover-color)
}

.subheader__link.astro-nen7h5rs:active {
    filter: brightness(90%)
}

@media screen and (min-width:1120px) {
    .subheader.astro-nen7h5rs {
        padding-right: var(--container-padding);
        top: var(--banner-height)
    }

    .subheader__buy-button.astro-nen7h5rs,
    .subheader__logo.astro-nen7h5rs {
        display: block
    }
}

._form_80pcd_1 {
    width: 100%
}

._form__field_80pcd_5 {
    background: rgb(var(--color-bg-secondary));
    border-radius: 18px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 300px;
    height: 56px;
    margin-bottom: 12px;
    padding: 16px;
    font-size: 18px;
    display: flex
}

._form__input_80pcd_19 {
    color: rgb(var(--text-primary));
    background: 0 0;
    border: none;
    outline: none;
    width: 100%;
    line-height: 130%
}

._form__input_80pcd_19::placeholder {
    color: #767676
}

._form__policy_80pcd_31 {
    color: rgb(var(--color-secondary));
    font-size: 14px;
    font-weight: 400;
    line-height: 125%
}

._form__submit_80pcd_38 {
    color: rgb(var(--text-primary));
    background: 0 0;
    border: none;
    outline: none;
    align-items: center;
    display: flex
}

._form__success_80pcd_47 {
    color: green
}

._form__label_80pcd_51 {
    color: #da6565;
    margin-bottom: 16px;
    display: block
}

._telegramDropdownWrapper_10cj7_1 {
    width: 100%;
    position: relative
}

._dropdownTrigger_10cj7_6 {
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
    background: 0 0;
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block
}

._socialButton_10cj7_19 {
    background-color: rgb(var(--bg-secondary));
    cursor: pointer;
    border: none;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 28px 16px;
    text-decoration: none;
    transition: all .3s;
    display: flex
}

._socialButton_10cj7_19._active_10cj7_33,
._socialButton_10cj7_19:focus,
._socialButton_10cj7_19:hover {
    color: #fff;
    background: radial-gradient(50% 85.71% at 50% 100%, #fff6 0, #fff0 100%), #189cde;
    box-shadow: inset 0 -10px 30px #ffffff4d
}

._socialButtonText_10cj7_39 {
    letter-spacing: -.27px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 131%
}

._dropdown_10cj7_6 {
    filter: drop-shadow(0 0 10px rgba(var(--text-primary)/30%));
    z-index: 1000;
    width: 100%;
    padding-top: 12px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%)
}

@media screen and (min-width:768px) {
    ._dropdown_10cj7_6 {
        min-width: 425px
    }
}

._dropdownTail_10cj7_63 {
    color: rgb(var(--color-primary));
    justify-content: center;
    width: 100%;
    display: flex
}

._dropdownTail_10cj7_63 svg {
    min-width: 425px
}

._dropdownContainer_10cj7_73 {
    background: rgb(var(--color-primary));
    border-radius: 16px;
    min-width: 300px;
    padding: 16px
}

@media screen and (min-width:1280px) {
    ._dropdownContainer_10cj7_73 {
        border-radius: 40px
    }
}

._dropdownContent_10cj7_85 {
    flex-direction: column;
    gap: 0;
    max-height: 400px;
    display: flex;
    overflow-y: auto
}

@media screen and (min-width:768px) {
    ._dropdownContent_10cj7_85 {
        flex-direction: row;
        max-height: none;
        overflow-y: visible
    }
}

._dropdownColumn_10cj7_100 {
    flex-direction: column;
    flex: 1;
    display: flex
}

._dropdownItem_10cj7_106 {
    color: inherit;
    border-radius: 24px;
    padding: 24px;
    text-decoration: none;
    transition: background .2s
}

._dropdownItem_10cj7_106:focus,
._dropdownItem_10cj7_106:hover {
    background: #f5f5f6
}

._dropdownItemContent_10cj7_117 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    display: flex
}

._dropdownItemTitle_10cj7_125 {
    color: rgb(var(--text-primary));
    letter-spacing: -.27px;
    white-space: nowrap;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 131%;
    display: flex
}

._flag_10cj7_137 {
    flex-shrink: 0;
    width: 20px;
    height: 16px
}

._dropdownItemCount_10cj7_143 {
    color: #999;
    letter-spacing: -.07px;
    font-size: 14px;
    font-weight: 400;
    line-height: 125%
}

.dark ._dropdownItem_10cj7_106:focus,
.dark ._dropdownItem_10cj7_106:hover {
    background: #ffffff1a
}

.join-community.astro-vj2hok26 {
    background-color: rgb(var(--color-primary));
    padding-top: 100px;
    padding-bottom: 40px;
    position: relative
}

.join-community.astro-vj2hok26:after {
    content: "";
    height: 1px;
    width: var(--container-width);
    background-color: #0000001a;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.join-community__inner.astro-vj2hok26 {
    max-width: 1320px;
    margin: 0 auto
}

.join-community__meta.astro-vj2hok26 {
    text-align: center;
    margin-bottom: 48px
}

.join-community__title.astro-vj2hok26 {
    color: rgb(var(--color-primary-inverted));
    letter-spacing: -.432px;
    margin-bottom: 24px;
    font-size: 36px;
    font-weight: 500;
    line-height: 39.96px
}

.join-community__description.astro-vj2hok26 {
    color: rgb(var(--text-secondary));
    max-width: 600px;
    margin: 0 auto;
    font-size: 20px
}

@media screen and (min-width:976px) {
    .join-community.astro-vj2hok26 {
        padding-bottom: 64px
    }
}

@media screen and (min-width:1280px) {
    .join-community.astro-vj2hok26 {
        padding-top: 150px
    }

    .join-community__meta.astro-vj2hok26 {
        margin-bottom: 80px
    }

    .join-community__title.astro-vj2hok26 {
        letter-spacing: -2.08px;
        margin-bottom: 24px;
        font-size: 52px;
        line-height: 48.88px
    }
}

.social-buttons-grid.astro-vj2hok26 {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    width: 100%;
    display: grid
}

@media screen and (min-width:1280px) {
    .social-buttons-grid.astro-vj2hok26 {
        grid-template-columns: repeat(4, 1fr)
    }
}

.social-buttons-column.astro-vj2hok26 {
    grid-template-columns: 1fr 1fr;
    place-items: center;
    gap: 24px;
    display: grid
}

@media screen and (min-width:976px) {
    .social-buttons-column.astro-vj2hok26 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }
}

.social-button.astro-vj2hok26 {
    background: rgb(var(--color-bg-secondary));
    color: rgb(var(--color-primary-inverted));
    cursor: pointer;
    border: none;
    border-radius: 40px;
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 56px;
    height: 56px;
    margin: 0 auto;
    padding: 28px 16px;
    text-decoration: none;
    transition: all .3s;
    display: flex
}

@media screen and (min-width:390px) {
    .social-button.astro-vj2hok26 {
        width: 72px;
        height: 72px
    }
}

@media screen and (min-width:768px) {
    .social-button.astro-vj2hok26 {
        width: 100%;
        height: auto
    }
}

.social-button__text.astro-vj2hok26 {
    letter-spacing: -.27px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 131%;
    display: none
}

@media screen and (min-width:976px) {
    .social-button__text.astro-vj2hok26 {
        display: block
    }
}

.social-button--twitter.astro-vj2hok26:hover {
    color: #fff;
    background: radial-gradient(50% 85.71% at 50% 100%, #fff6 0, #fff0 100%), #000;
    box-shadow: inset 0 -10px 30px #ffffff4d
}

.social-button--discord.astro-vj2hok26:hover {
    color: #fff;
    background: radial-gradient(50% 85.71% at 50% 100%, #fff6 0, #fff0 100%), #5765f2;
    box-shadow: inset 0 -10px 30px #ffffff4d
}

.social-button--reddit.astro-vj2hok26:hover {
    color: #fff;
    background: radial-gradient(50% 85.71% at 50% 100%, #fff6 0, #fff0 100%), #ff4500;
    box-shadow: inset 0 -10px 30px #ffffff4d
}

.social-button--facebook.astro-vj2hok26:hover {
    color: #fff;
    background: radial-gradient(50% 85.71% at 50% 100%, #fff6 0, #fff0 100%), #0766ff;
    box-shadow: inset 0 -10px 30px #ffffff4d
}

@media screen and (min-width:768px) {
    .social-button--telegram-wrapper.astro-vj2hok26 {
        width: 100%
    }
}

.social-button--telegram.astro-vj2hok26:hover {
    color: #fff;
    background: radial-gradient(50% 85.71% at 50% 100%, #fff6 0, #fff0 100%), #189cde;
    box-shadow: inset 0 -10px 30px #ffffff4d
}

.social-button--linkedin.astro-vj2hok26:hover {
    color: #fff;
    background: radial-gradient(50% 85.71% at 50% 100%, #fff6 0, #fff0 100%), #0b66c2;
    box-shadow: inset 0 -10px 30px #ffffff4d
}

.social-button--instagram.astro-vj2hok26:hover {
    color: #fff;
    background: radial-gradient(50% 85.71% at 50% 100%, #fff6 0, #fff0 100%), #ff2f40;
    box-shadow: inset 0 -10px 30px #ffffff4d
}

.social-button--youtube.astro-vj2hok26:hover {
    color: #fff;
    background: radial-gradient(50% 85.71% at 50% 100%, #fff6 0, #fff0 100%), #ff0032;
    box-shadow: inset 0 -10px 30px #ffffff4d
}

.footer-sections-container.astro-56fr65s7 {
    max-width: 100vw;
    overflow: hidden
}

.footer.astro-56fr65s7 {
    --gap: 24px;
    background-color: rgb(var(--color-primary));
    padding-top: 60px;
    padding-bottom: 48px;
    position: relative;
    overflow: hidden
}

.footer.astro-56fr65s7:before {
    content: "";
    height: 1px;
    left: var(--container-padding);
    width: calc(100% - var(--container-padding)*2);
    background-color: #ffffff1a;
    position: absolute;
    top: 0
}

.footer__content.astro-56fr65s7 {
    flex-direction: column;
    justify-content: space-between;
    gap: 80px;
    margin: 0 auto;
    display: flex
}

@media screen and (min-width:768px) {
    .footer__content.astro-56fr65s7 {
        gap: 80px
    }
}

@media screen and (min-width:1280px) {
    .footer__content.astro-56fr65s7 {
        flex-direction: row;
        row-gap: 100px
    }
}

@media screen and (min-width:1568px) {
    .footer__content.astro-56fr65s7 {
        flex-direction: row;
        row-gap: 150px
    }
}

.footer__meta.astro-56fr65s7 {
    flex-direction: column-reverse;
    gap: 40px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    display: flex
}

@media screen and (min-width:768px) {
    .footer__meta.astro-56fr65s7 {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
}

@media screen and (min-width:1280px) {
    .footer__meta.astro-56fr65s7 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px
    }
}

.footer__address.astro-56fr65s7 {
    flex-direction: column;
    gap: 40px;
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
    display: flex
}

.footer__address-link.astro-56fr65s7 {
    color: var(--text-primary);
    text-decoration: underline
}

@media screen and (min-width:768px) {
    .footer__address.astro-56fr65s7 {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        width: 100%
    }
}

@media screen and (min-width:1280px) {
    .footer__address.astro-56fr65s7 {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px
    }
}

.footer__socials.astro-56fr65s7 {
    justify-content: unset;
    margin-top: 40px
}

.footer__links.astro-56fr65s7 {
    align-content: start;
    align-items: stretch;
    gap: var(--gap);
    flex-flow: wrap;
    width: 100%;
    font-size: 16px;
    display: flex
}

@media screen and (min-width:768px) {
    .footer__links.astro-56fr65s7 {
        flex-flow: wrap
    }
}

@media screen and (min-width:1280px) {
    .footer__links.astro-56fr65s7 {
        flex-wrap: nowrap
    }
}

.footer__copyright.astro-56fr65s7 {
    color: rgb(var(--color-secondary));
    width: 100%;
    padding-bottom: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 125%
}

@media screen and (min-width:976px) {
    .footer__copyright.astro-56fr65s7 {
        text-align: center
    }
}

.footer__disclaimer.astro-56fr65s7 {
    color: rgb(var(--color-secondary));
    width: 100%;
    padding-top: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 125%
}

@media screen and (min-width:976px) {
    .footer__disclaimer.astro-56fr65s7 {
        text-align: center
    }
}

.footer__list-item.astro-56fr65s7 {
    color: rgb(var(--color-secondary));
    cursor: pointer;
    margin-bottom: 12px;
    font-weight: 400;
    transition: color .2s
}

.footer__list-item.astro-56fr65s7:hover {
    color: rgb(var(--color-dark-100))
}

.footer__list.astro-56fr65s7 {
    letter-spacing: .048px;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    display: flex
}

.footer__support.astro-56fr65s7 {
    margin-top: 1em;
    text-decoration: underline
}

.footer__phone.astro-56fr65s7 {
    margin-top: 1em
}

.footer__list-product.astro-56fr65s7 {
    grid-area: product
}

.footer__list_legal.astro-56fr65s7 {
    grid-area: legal
}

.footer__list_company.astro-56fr65s7 {
    grid-area: company
}

.footer__list_partners.astro-56fr65s7 {
    grid-area: partners
}

.footer__list-head.astro-56fr65s7 {
    margin-bottom: 16px
}

.footer__list-head_crypto-converter.astro-56fr65s7 {
    margin-top: 24px
}

@media screen and (min-width:768px) {
    .footer.astro-56fr65s7 {
        --gap: 24px
    }
}

@media screen and (min-width:1280px) {
    .footer.astro-56fr65s7 {
        --gap: 40px;
        padding-top: 96px
    }
}

@media screen and (min-width:1568px) {
    .footer.astro-56fr65s7 {
        --gap: 90px
    }
}

.dark .footer.astro-56fr65s7 {
    background-color: rgb(var(--color-dark-100))
}

.dark .footer__list-item.astro-56fr65s7:hover {
    color: rgb(var(--color-white-100))
}

.follow__form.astro-56fr65s7 {
    width: 330px
}

.footer__links-col-1.astro-56fr65s7,
.footer__links-col-2.astro-56fr65s7,
.footer__links-col-3.astro-56fr65s7,
.footer__links-col-4.astro-56fr65s7 {
    display: contents
}

.footer__list--col1-1.astro-56fr65s7 {
    order: 1
}

.footer__list--col1-2.astro-56fr65s7 {
    order: 2
}

.footer__list--col1-3.astro-56fr65s7 {
    order: 3
}

.footer__list--col2-1.astro-56fr65s7 {
    order: 4
}

.footer__list--col2-2.astro-56fr65s7 {
    order: 5
}

.footer__list--col3-1.astro-56fr65s7 {
    order: 6
}

.footer__list--col3-2.astro-56fr65s7 {
    order: 7
}

.footer__list--col3-3.astro-56fr65s7 {
    order: 8
}

.footer__list--col4-1.astro-56fr65s7 {
    order: 9
}

@media screen and (min-width:768px) {
    .footer__links.astro-56fr65s7 {
        justify-content: flex-start;
        gap: 24px
    }

    .footer__links-col-1.astro-56fr65s7,
    .footer__links-col-2.astro-56fr65s7,
    .footer__links-col-3.astro-56fr65s7,
    .footer__links-col-4.astro-56fr65s7 {
        display: contents
    }

    .footer__list.astro-56fr65s7 {
        width: calc(33.333% - 16px)
    }
}

@media screen and (min-width:976px) {
    .footer__links.astro-56fr65s7 {
        gap: 24px
    }

    .footer__links-col-1.astro-56fr65s7,
    .footer__links-col-2.astro-56fr65s7,
    .footer__links-col-3.astro-56fr65s7,
    .footer__links-col-4.astro-56fr65s7 {
        flex-direction: column;
        gap: 24px;
        display: flex
    }

    .footer__links-col-1.astro-56fr65s7 {
        flex-shrink: 0;
        width: 200px
    }

    .footer__links-col-2.astro-56fr65s7,
    .footer__links-col-3.astro-56fr65s7,
    .footer__links-col-4.astro-56fr65s7 {
        flex: 1;
        width: auto;
        min-width: 0
    }

    .footer__list.astro-56fr65s7 {
        width: auto
    }

    .footer__list--col1-1.astro-56fr65s7,
    .footer__list--col1-2.astro-56fr65s7,
    .footer__list--col1-3.astro-56fr65s7,
    .footer__list--col2-1.astro-56fr65s7,
    .footer__list--col2-2.astro-56fr65s7,
    .footer__list--col3-1.astro-56fr65s7,
    .footer__list--col3-2.astro-56fr65s7,
    .footer__list--col3-3.astro-56fr65s7,
    .footer__list--col4-1.astro-56fr65s7 {
        order: 0
    }
}

@media screen and (min-width:1280px) {
    .footer__links.astro-56fr65s7 {
        gap: 40px
    }

    .footer__links-col-1.astro-56fr65s7 {
        width: 200px
    }

    .footer__links-col-2.astro-56fr65s7,
    .footer__links-col-3.astro-56fr65s7 {
        flex: 1
    }

    .footer__links-col-4.astro-56fr65s7 {
        flex: none;
        width: auto;
        min-width: 180px
    }
}

@media screen and (min-width:1568px) {
    .footer__links.astro-56fr65s7 {
        gap: 60px
    }
}

._container_1ivyb_1 {
    width: 100%;
    position: relative;
    overflow: hidden
}

._applyButton_1ivyb_7 {
    color: #fff;
    cursor: pointer;
    letter-spacing: -.01em;
    opacity: 1;
    z-index: 2;
    background-color: #000;
    border: none;
    border-radius: 99px;
    outline: none;
    width: 100%;
    padding: 16px 24px;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    transition: background-color .2s, transform .4s cubic-bezier(.34, 1.56, .64, 1), opacity .4s;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0)scale(1)
}

._applyButton_1ivyb_7:hover {
    background-color: #1f1f1f
}

._applyButton_1ivyb_7:focus-visible {
    background-color: #1f1f1f
}

._applyButton_1ivyb_7:active {
    background-color: #333
}

._applyButton_hidden_1ivyb_34 {
    opacity: 0;
    pointer-events: none;
    transform: translate(120%)scale(0)
}

@media screen and (min-width:768px) {
    ._applyButton_1ivyb_7 {
        font-size: 19px;
        line-height: 24px
    }
}

._form_1ivyb_46 {
    z-index: 1;
    background-color: #0000001a;
    border: 1px solid #0000;
    border-radius: 99px;
    align-items: center;
    padding: 14px 24px;
    transition: background-color .2s;
    display: flex;
    position: relative;
    overflow: hidden
}

._form_1ivyb_46:focus-within {
    background-color: #00000026
}

@media screen and (min-width:768px) {
    ._form_1ivyb_46 {
        padding: 15px 24px
    }
}

._input_1ivyb_67 {
    color: #000;
    letter-spacing: -.02em;
    background: 0 0;
    border: none;
    outline: none;
    flex: 1;
    width: 100%;
    padding-right: 56px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

._input_1ivyb_67::placeholder {
    color: #0006;
    opacity: 1
}

._input_1ivyb_67:disabled {
    opacity: .5
}

._submitButton_1ivyb_88 {
    color: #000;
    cursor: pointer;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    outline: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    transition: none;
    display: flex;
    position: absolute;
    top: 8px;
    right: 8px
}

._submitButton_1ivyb_88:disabled {
    cursor: not-allowed
}

._submitButton_1ivyb_88 img {
    width: 16px;
    height: 16px
}

._successMessage_1ivyb_114 {
    z-index: 3;
    background-color: #e6e6e6;
    border-radius: 99px;
    gap: 8px;
    width: 100%;
    padding: 16px 24px;
    animation: .3s cubic-bezier(.34, 1.56, .64, 1) _slide-from-top_1ivyb_1;
    position: absolute;
    top: 0;
    left: 0
}

._successIcon_1ivyb_130,
._successMessage_1ivyb_114 {
    justify-content: center;
    align-items: center;
    display: flex
}

._successIcon_1ivyb_130 {
    color: #4caf50;
    width: 20px;
    height: 20px;
    font-size: 16px;
    font-weight: 700
}

._successText_1ivyb_141 {
    color: #4caf50;
    letter-spacing: -.01em;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

@media screen and (min-width:768px) {
    ._successText_1ivyb_141 {
        font-size: 19px;
        line-height: 24px
    }
}

._error_1ivyb_155 {
    color: #da6565;
    margin-top: 8px;
    font-size: 13px;
    line-height: 16px
}

@keyframes _slide-from-top_1ivyb_1 {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

._banner_1nci6_1 {
    z-index: 9999;
    background: #fff;
    transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    box-shadow: 0 -4px 20px #0000001a
}

._banner_show_1nci6_12 {
    transform: translateY(0)
}

._bannerContent_1nci6_16 {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 24px;
    display: flex
}

@media screen and (min-width:768px) {
    ._bannerContent_1nci6_16 {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
        padding: 32px
    }
}

._bannerLeft_1nci6_33 {
    gap: 24px;
    display: flex
}

._bannerIcon_1nci6_38 {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex
}

._bannerIcon_1nci6_38 svg {
    width: 32px;
    height: 32px
}

@media screen and (min-width:768px) {

    ._bannerIcon_1nci6_38,
    ._bannerIcon_1nci6_38 svg {
        width: 40px;
        height: 40px
    }
}

._bannerText_1nci6_61 {
    flex: 1
}

._bannerTitle_1nci6_65 {
    color: #000;
    letter-spacing: -.27px;
    margin: 0 0 8px;
    padding-right: 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 122%
}

._bannerSubtitle_1nci6_75 {
    color: #00000080;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

._bannerRight_1nci6_83 {
    flex-shrink: 0;
    align-items: center;
    gap: 16px;
    display: flex
}

._bannerClose_1nci6_90 {
    cursor: pointer;
    background: #e6e6e6;
    border: none;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    transition: all .2s;
    display: flex;
    position: absolute;
    top: 16px;
    right: 16px
}

._bannerClose_1nci6_90:hover {
    background: #dcdcdc
}

@media screen and (min-width:768px) {
    ._bannerClose_1nci6_90 {
        position: static
    }
}

._bannerClose_1nci6_90 img {
    width: 24px;
    height: 24px;
    display: block
}

._exitPopupWrapper_en45o_1 {
    z-index: 9998;
    position: fixed;
    bottom: 24px;
    left: 24px
}

@media screen and (min-width:768px) {
    ._exitPopupWrapper_en45o_1 {
        bottom: 20px;
        left: 20px
    }
}

._exitPopup_en45o_1 {
    opacity: 0;
    pointer-events: none;
    transform-origin: 0 100%;
    background: #fff;
    border-radius: 24px;
    max-width: min(284px, 100vw - 48px);
    padding: 24px;
    transition: all .4s cubic-bezier(.34, 1.56, .64, 1);
    transform: scale(0);
    box-shadow: 0 8px 32px #00000026
}

._exitPopup_show_en45o_26 {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1)
}

@media screen and (min-width:768px) {
    ._exitPopup_en45o_1 {
        width: calc(100vw - 40px);
        max-width: 384px;
        padding: 32px
    }
}

._exitPopupClose_en45o_39 {
    cursor: pointer;
    background: #e6e6e6;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    transition: background .2s;
    display: flex;
    position: absolute;
    top: 16px;
    right: 16px
}

._exitPopupClose_en45o_39:hover {
    background: #dcdcdc
}

._exitPopupClose_en45o_39 img {
    width: 20px;
    height: 20px;
    display: block
}

._exitPopupContent_en45o_63 {
    flex-direction: column;
    gap: 16px;
    display: flex
}

._exitPopupIcon_en45o_69 {
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex
}

._exitPopupIcon_en45o_69 img {
    width: 40px;
    height: 40px;
    display: block
}

._exitPopupTitle_en45o_82 {
    color: #000;
    margin: 0;
    font-size: 20px;
    font-weight: 600
}

._exitPopupText_en45o_89 {
    color: #0009;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

._policyText_en45o_97 {
    color: #999;
    max-width: 315px;
    margin: 16px auto 0;
    font-size: 12px;
    line-height: 16px
}

._policyText_en45o_97 a {
    color: #999;
    text-decoration: underline
}

._overlay_19kw8_1 {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    opacity: 0;
    pointer-events: none;
    z-index: 50;
    background-color: #000c;
    justify-content: center;
    align-items: flex-end;
    padding: 0 24px 24px;
    transition: opacity .3s ease-in-out;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

._overlay_19kw8_1._show_19kw8_15 {
    opacity: 1;
    pointer-events: auto
}

@media screen and (min-width:768px) {
    ._overlay_19kw8_1 {
        align-items: center;
        padding: 0
    }
}

@media screen and (prefers-reduced-motion:reduce) {
    ._overlay_19kw8_1._show_19kw8_15 {
        transition: none
    }
}

._modalWrapper_19kw8_31 {
    width: 100%;
    max-width: 480px;
    position: relative
}

@media screen and (min-width:768px) {
    ._modalWrapper_19kw8_31 {
        width: calc(100% - 32px)
    }
}

._closeButton_19kw8_42 {
    --bg-color: #4c4c4c;
    cursor: pointer;
    z-index: 1;
    background: 0 0;
    border: none;
    outline: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    position: fixed;
    top: 16px;
    right: 16px
}

._closeButton_19kw8_42:hover {
    --bg-color: #3c3c3c
}

._closeButton_19kw8_42:focus-visible {
    --bg-color: #3c3c3c
}

@media screen and (min-width:768px) {
    ._closeButton_19kw8_42 {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 0;
        right: -68px
    }
}

._closeIcon_19kw8_72 {
    background-color: var(--bg-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: relative
}

._closeIcon_19kw8_72:after,
._closeIcon_19kw8_72:before {
    content: "";
    background: #fff;
    width: 16px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)rotate(45deg)
}

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

._modal_19kw8_31 {
    background-color: #fff;
    border-radius: 40px;
    width: 100%;
    padding: 24px;
    transition: transform .3s ease-in-out;
    position: relative;
    transform: translateY(100%)
}

._overlay_19kw8_1._show_19kw8_15 ._modal_19kw8_31 {
    transform: translateY(0)
}

@media screen and (min-width:768px) {
    ._modal_19kw8_31 {
        transform: scale(.95)
    }

    ._overlay_19kw8_1._show_19kw8_15 ._modal_19kw8_31 {
        transform: scale(1)
    }
}

@media screen and (prefers-reduced-motion:reduce) {
    ._modal_19kw8_31 {
        transform: none
    }
}

._contentContainer_19kw8_119 {
    padding: 16px
}

._iconWrapper_19kw8_123 {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 24px;
    display: flex
}

._giftIcon_19kw8_132 {
    width: 40px;
    height: 40px
}

._title_19kw8_137 {
    color: #000;
    letter-spacing: -.8px;
    margin-bottom: 24px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.12
}

@media screen and (min-width:768px) {
    ._title_19kw8_137 {
        font-size: 40px
    }
}

._caption_19kw8_151 {
    color: #00000080;
    letter-spacing: -.27px;
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 500;
    line-height: 131%
}

._policyText_19kw8_160 {
    color: #a6a5ac;
    text-align: center;
    max-width: 330px;
    margin: 0 auto;
    padding: 16px 24px 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px
}

@media screen and (min-width:768px) {
    ._policyText_19kw8_160 {
        padding: 16px 0 0
    }
}

._policyText_19kw8_160 a {
    color: #fff;
    text-decoration: underline;
    transition: opacity .2s
}

._policyText_19kw8_160 a:hover {
    opacity: .8
}

._policyText_19kw8_160 a:focus-visible {
    opacity: .8
}

._widget_1n0kp_1 {
    cursor: pointer;
    opacity: 0;
    z-index: 9999;
    background: #fff;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    transition: all .3s cubic-bezier(.34, 1.56, .64, 1);
    display: flex;
    position: fixed;
    bottom: 24px;
    left: 24px;
    transform: scale(0);
    box-shadow: 0 4px 20px #00000026
}

._widget_show_1n0kp_20 {
    opacity: 1;
    transform: scale(1)
}

._widget_1n0kp_1:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 24px #0003
}

._widget_1n0kp_1:active {
    transform: scale(.95)
}

._widget_1n0kp_1 img {
    width: 32px;
    height: 32px;
    display: block
}

@media screen and (min-width:768px) {
    ._widget_1n0kp_1 {
        width: 56px;
        height: 56px;
        bottom: 20px;
        left: 20px
    }

    ._widget_1n0kp_1 img {
        width: 28px;
        height: 28px
    }
}

._widgetPopup_1n0kp_49 {
    opacity: 0;
    pointer-events: none;
    transform-origin: 0 100%;
    z-index: 9998;
    background: #fff;
    border-radius: 24px;
    width: 388px;
    max-width: calc(100vw - 48px);
    padding: 32px;
    transition: all .4s cubic-bezier(.34, 1.56, .64, 1);
    position: fixed;
    bottom: 24px;
    left: 24px;
    transform: scale(0);
    box-shadow: 0 8px 32px #00000026
}

._widgetPopup_show_1n0kp_66 {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1)
}

@media screen and (min-width:768px) {
    ._widgetPopup_1n0kp_49 {
        width: calc(100vw - 40px);
        max-width: 384px;
        padding: 28px 24px;
        bottom: 20px;
        left: 20px
    }
}

._widgetPopupClose_1n0kp_81 {
    cursor: pointer;
    background: #e6e6e6;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    transition: background .2s;
    display: flex;
    position: absolute;
    top: 16px;
    right: 16px
}

._widgetPopupClose_1n0kp_81:hover {
    background: #dcdcdc
}

._widgetPopupClose_1n0kp_81 img {
    width: 20px;
    height: 20px;
    display: block
}

._widgetPopupContent_1n0kp_105 {
    flex-direction: column;
    gap: 16px;
    display: flex
}

._widgetPopupIcon_1n0kp_111 {
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex
}

._widgetPopupIcon_1n0kp_111 img {
    width: 40px;
    height: 40px;
    display: block
}

._widgetPopupTitle_1n0kp_124 {
    color: #000;
    letter-spacing: -.36px;
    margin: 0;
    padding-right: 30px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

._widgetPopupText_1n0kp_134 {
    color: #0009;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

:root {
    --banner-height: var(--banner-height-mobile);
    --header-height: 54px
}

@media screen and (min-width:976px) {
    :root {
        --banner-height: var(--banner-height-desktop)
    }
}

:root {
    --color-accent-100: 0 153 255;
    --color-accent-200: 51 173 255;
    --color-white-100: 255 255 255;
    --color-white-150: 247 247 247;
    --color-white-200: 237 237 237;
    --color-white-300: 204 204 204;
    --color-gray-100: 153 153 153;
    --color-gray-150: 145 145 145;
    --color-gray-200: 128 128 128;
    --color-gray-300: 189 189 189;
    --color-gray-400: 113 113 113;
    --color-gray-500: 102 102 102;
    --color-gray-600: 163 163 163;
    --color-gray-faq-text: 61 61 62;
    --color-faq-item-bg: 242 242 244;
    --color-dark-100: 0 0 0;
    --color-dark-200: 26 26 26;
    --color-dark-300: 72 72 72;
    --color-dark-350: 60 60 60;
    --color-dark-400: 42 42 42;
    --color-dark-600: 94 94 94;
    --color-error: 218 101 101;
    --color-success: 0 128 0
}

.wf--v2,
.wf-new,
body {
    --text-primary: var(--color-dark-100);
    --text-secondary: var(--color-gray-100);
    --text-tertiary: var(--color-gray-200);
    --color-primary: var(--color-white-100);
    --color-primary-inverted: var(--color-dark-100);
    --color-secondary: var(--color-gray-100);
    --color-bg-secondary: var(--color-white-200)
}

.dark,
.dark body,
.wf--v2.dark,
.wf-new.dark {
    --text-primary: var(--color-white-100);
    --text-secondary: var(--color-gray-100);
    --text-tertiary: var(--color-gray-200);
    --color-primary: var(--color-dark-100);
    --color-primary-inverted: var(--color-white-100);
    --color-secondary: 160 160 160;
    --color-bg-secondary: var(--color-dark-200)
}

.section {
    background: rgb(var(--color-primary));
    color: rgb(var(--text-primary));
    z-index: 0
}

@property --button-v2-effect-opacity {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 50%
}

@property --button-v2-from-1-to-30 {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 1%
}

.button-v2 {
    letter-spacing: -.21px;
    text-align: center;
    border: none;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 131%;
    transition: background-color .3s;
    display: flex
}

.button-v2.hidden {
    display: none
}

@media screen and (min-width:768px) {
    .button-v2 {
        padding: 16px 24px;
        font-size: 18px
    }
}

.button-v2--buy {
    --button-v2-effect-opacity: 50%;
    background: radial-gradient(237.5% 50.19% at 50% 50%, #fff0 0, rgb(255, 255, 255, var(--button-v2-effect-opacity)) 100%), #09f;
    color: rgb(var(--color-white-100));
    border-radius: 28px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    transition: --button-v2-effect-opacity .3s;
    box-shadow: inset 0 5px 20px #fff, inset 0 -5px 10px #0047ca
}

.button-v2--buy:focus,
.button-v2--buy:hover {
    --button-v2-effect-opacity: 100%
}

.button-v2--primary {
    background-color: rgb(var(--color-white-100));
    color: rgb(var(--color-dark-100))
}

@media (hover:hover) {

    .button-v2--primary:focus,
    .button-v2--primary:hover {
        background-color: #d3d3d3
    }
}

.button-v2--primary:active {
    background-color: #d3d3d3
}

.button-v2--secondary {
    color: rgb(var(--color-dark-100));
    background-color: #1e1e1e1a
}

@media (hover:hover) {

    .button-v2--secondary:focus,
    .button-v2--secondary:hover {
        background-color: #e6e6e6
    }
}

.button-v2--secondary:active {
    background-color: #d9d9d9
}

.button-v2--light-blur {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    color: #000;
    background: #00000012
}

@media (hover:hover) {

    .button-v2--light-blur:focus,
    .button-v2--light-blur:hover {
        background: #0000001f
    }
}

.button-v2--light-blur:active {
    background: #00000026
}

.button-v2--contrast {
    --button-v2-from-1-to-30: 1%;
    background: rgb(var(--text-primary));
    background: radial-gradient(50% 85.71% at 50% 100%, rgb(255, 255, 255, var(--button-v2-from-1-to-30)) 0, #fff0 100%), #000;
    color: rgb(var(--color-primary));
    transition: --button-v2-from-1-to-30 .3s
}

@media (hover:hover) {

    .button-v2--contrast:focus,
    .button-v2--contrast:hover {
        --button-v2-from-1-to-30: 30%
    }
}

.button-v2--contrast:active {
    background: rgb(var(--text-primary)/85%)
}

.button-v2--tertiary {
    background-color: rgb(var(--color-primary-inverted));
    color: rgb(var(--color-primary))
}

@media (hover:hover) {

    .button-v2--tertiary:focus,
    .button-v2--tertiary:hover {
        background-color: #e6f2ff
    }
}

.button-v2--tertiary:active {
    background-color: #d9eaff
}

.button-v2--dark {
    background-color: rgb(var(--color-dark-100));
    color: rgb(var(--color-white-100))
}

@media (hover:hover) {

    .button-v2--dark:focus,
    .button-v2--dark:hover {
        background-color: #333
    }
}

.button-v2--dark:active {
    background-color: #4d4d4d
}

.button-v2--rounded {
    border-radius: 28px
}

.button-v2--lg {
    padding: 16px 24px;
    font-size: 18px
}

.popup-v2-wrapper {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    opacity: 0;
    pointer-events: none;
    z-index: 50;
    background: #0003;
    place-items: center;
    width: 100vw;
    height: 100dvh;
    padding: 24px 10px;
    transition: opacity .3s, transform .3s;
    display: grid;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(.95)
}

@media screen and (min-width:768px) {
    .popup-v2-wrapper {
        padding: 24px
    }
}

@media screen and (min-width:1280px) {
    .popup-v2-wrapper {
        padding: 40px
    }
}

.popup-v2-wrapper.active,
.popup-v2-wrapper[aria-hidden=false] {
    opacity: 1;
    pointer-events: all;
    transform: scale(1)
}

@starting-style {

    .popup-v2-wrapper.active,
    .popup-v2-wrapper[aria-hidden=false] {
        opacity: 0;
        transform: scale(.95)
    }
}

.popup-v2 {
    border: none;
    border-radius: 40px;
    margin: 0
}

.popup-v2__close {
    background-color: rgb(var(--color-dark-200));
    color: #fff;
    z-index: 10;
    border: none;
    border-radius: 50%;
    place-items: center;
    width: 40px;
    height: 40px;
    display: grid;
    position: absolute;
    top: 44px;
    right: 30px
}

@media screen and (min-width:768px) {
    .popup-v2__close {
        width: 56px;
        height: 56px;
        top: 44px;
        right: 44px
    }
}

@media screen and (min-width:1280px) {
    .popup-v2__close {
        top: 60px;
        right: 60px
    }
}

.dark .popup-v2__close {
    background-color: rgb(var(--color-dark-600))
}

.carousel-select {
    overscroll-behavior-x: contain;
    touch-action: pan-y pinch-zoom;
    flex-shrink: 0;
    height: max-content;
    position: relative;
    overflow-x: auto
}

.carousel-select img {
    display: block
}

.carousel-select__wrapper {
    overscroll-behavior-x: contain;
    touch-action: pan-y pinch-zoom;
    white-space: normal;
    min-height: 56px;
    margin-top: 5px;
    margin-bottom: 24px;
    display: flex;
    position: relative;
    overflow: hidden
}

.carousel-select__wrapper:after,
.carousel-select__wrapper:before {
    content: "";
    opacity: 1;
    pointer-events: none;
    z-index: 2;
    width: 60px;
    transition: opacity .2s;
    position: absolute;
    top: 0;
    bottom: 0
}

.carousel-select__wrapper:after {
    background: linear-gradient(-90deg, rgb(var(--color-primary)/80%) 0, rgb(var(--color-primary)/0) 100%);
    right: -1px
}

.carousel-select__wrapper:before {
    background: linear-gradient(90deg, rgb(var(--color-primary)/80%) 0, rgb(var(--color-primary)/0) 100%);
    left: -1px
}

.carousel-select__wrapper:has(:first-child.swiper-slide-fully-visible):before {
    opacity: 0
}

.carousel-select__wrapper:has(:last-child.swiper-slide-fully-visible):after {
    opacity: 0
}

.carousel-select__item,
.carousel-select__wrapper__item {
    width: -moz-fit-content;
    width: fit-content
}

.skeleton__wrapper {
    display: flex
}

.skeleton__item {
    --card-shift: 6px;
    height: 44px;
    margin: var(--card-shift) calc(var(--card-shift)*3) var(--card-shift) var(--card-shift);
    background-color: #525255;
    border-radius: 9px;
    width: 66px;
    position: relative
}

.skeleton__item:after,
.skeleton__item:before {
    content: "";
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.skeleton__item:before {
    right: calc(var(--card-shift)*-1);
    z-index: -1;
    background-color: #2e2e30
}

.skeleton__item:after {
    right: calc(var(--card-shift)*-2);
    z-index: -2;
    background: #222224
}

.carousel-select__controls-left,
.carousel-select__controls-right {
    background-color: rgb(var(--color-white-300));
    color: rgb(var(--color-white-100));
    cursor: pointer;
    opacity: 1;
    z-index: 1;
    border: none;
    border-radius: 50%;
    outline: none;
    place-items: center;
    width: 32px;
    height: 32px;
    transition: all .3s;
    display: grid;
    position: absolute;
    bottom: 36px
}

@media screen and (hover:hover) and (pointer:fine) {

    .carousel-select__controls-left:hover,
    .carousel-select__controls-right:hover {
        filter: brightness(120%)
    }

    .carousel-select__controls-left:focus-visible {
        filter: brightness(120%)
    }

    .carousel-select__controls-right:focus-visible {
        filter: brightness(120%)
    }
}

.carousel-select__controls-left.swiper-button-disabled,
.carousel-select__controls-right.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.carousel-select__controls-left {
    left: 10px;
    rotate: 180deg
}

.carousel-select__controls-right {
    right: 10px
}

.dark .carousel-select__controls-left,
.dark .carousel-select__controls-right {
    background-color: rgb(var(--color-dark-300))
}

.text-lg {
    letter-spacing: -.15rem;
    line-height: 48px
}

.text-hero,
.text-lg {
    font-size: 44px;
    font-weight: 500
}

.text-hero {
    letter-spacing: -.528px;
    line-height: 111%
}

.text-body-lg {
    letter-spacing: -.3px;
    font-size: 20px;
    font-weight: 500;
    line-height: 122%
}

.color-accent {
    color: rgb(var(--color-accent-100))
}

.color-primary {
    color: rgb(var(--color-primary-inverted))
}

.color-secondary {
    color: rgb(var(--color-secondary))
}

.color-tertiary {
    color: rgb(var(--text-tertiary))
}

.text-400 {
    font-weight: 400
}

.text-500 {
    font-weight: 500
}

.italic {
    font-style: italic
}

@media screen and (min-width:768px) {
    .text-lg {
        font-size: 64px;
        line-height: 64px
    }
}

@media screen and (min-width:1240px) {
    .text-hero {
        letter-spacing: -2.56px;
        font-size: 64px;
        line-height: 100%
    }
}

.container-v2 {
    --container-width: calc(100% - 48px);
    --container-padding: calc((100% - var(--container-width))/2);
    padding: 0 var(--container-padding);
    width: 100%
}

@media screen and (min-width:976px) {
    .container-v2 {
        --container-width: 896px
    }
}

@media screen and (min-width:1280px) {
    .container-v2 {
        --container-width: 1200px
    }
}

@media screen and (min-width:1568px) {
    .container-v2 {
        --container-width: 1440px
    }
}

.max-w-100 {
    max-width: 100vw;
    overflow: hidden
}

[data-smart-script-qr] {
    background: #fff;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex
}

[data-smart-script-qr] canvas {
    width: 100%;
    height: 100%
}

.no-scroll {
    overflow: hidden
}

.visually-hidden {
    white-space: nowrap;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    border: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute !important
}

.grecaptcha-badge {
    visibility: hidden
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/Graphik-Thin-Web.eot);
    src: url(../fonts/Graphik-Thin-Web.woff2)format("woff2"), url(../fonts/Graphik-Thin-Web.woff)format("woff"), url(../fonts/Graphik-Thin-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 100;
    src: url(../fonts/Graphik-Thin-Italic-Web.eot);
    src: url(../fonts/Graphik-Thin-Italic-Web.woff2)format("woff2"), url(../fonts/Graphik-Thin-Italic-Web.woff)format("woff"), url(../fonts/Graphik-Thin-Italic-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/Graphik-Extralight-Web.eot);
    src: url(../fonts/Graphik-Extralight-Web.woff2)format("woff2"), url(../fonts/Graphik-Extralight-Web.woff)format("woff"), url(../fonts/Graphik-Extralight-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 200;
    src: url(../fonts/Graphik-Extralight-Italic-Web.eot);
    src: url(../fonts/Graphik-Extralight-Italic-Web.woff2)format("woff2"), url(../fonts/Graphik-Extralight-Italic-Web.woff)format("woff"), url(../fonts/Graphik-Extralight-Italic-Web.ttf)format("truetype")
}

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

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/Graphik-Light-Italic-Web.eot);
    src: url(../fonts/Graphik-Light-Italic-Web.woff2)format("woff2"), url(../fonts/Graphik-Light-Italic-Web.woff)format("woff"), url(../fonts/Graphik-Light-Italic-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Graphik-Regular-Web.eot);
    src: url(../fonts/Graphik-Regular-Web.woff2)format("woff2"), url(../fonts/Graphik-Regular-Web.woff)format("woff"), url(../fonts/Graphik-Regular-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/Graphik-Regular-Italic-Web.eot);
    src: url(../fonts/Graphik-Regular-Italic-Web.woff2)format("woff2"), url(../fonts/Graphik-Regular-Italic-Web.woff)format("woff"), url(../fonts/Graphik-Regular-Italic-Web.ttf)format("truetype")
}

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

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/Graphik-Medium-Italic-Web.eot);
    src: url(../fonts/Graphik-Medium-Italic-Web.woff2)format("woff2"), url(../fonts/Graphik-Medium-Italic-Web.woff)format("woff"), url(../fonts/Graphik-Medium-Italic-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Graphik-Semibold-Web.eot);
    src: url(../fonts/Graphik-Semibold-Web.woff2)format("woff2"), url(../fonts/Graphik-Semibold-Web.woff)format("woff"), url(../fonts/Graphik-Semibold-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/Graphik-Semibold-Italic-Web.eot);
    src: url(../fonts/Graphik-Semibold-Italic-Web.woff2)format("woff2"), url(../fonts/Graphik-Semibold-Italic-Web.woff)format("woff"), url(../fonts/Graphik-Semibold-Italic-Web.ttf)format("truetype")
}

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

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/Graphik-Bold-Italic-Web.eot);
    src: url(../fonts/Graphik-Bold-Italic-Web.woff2)format("woff2"), url(../fonts/Graphik-Bold-Italic-Web.woff)format("woff"), url(../fonts/Graphik-Bold-Italic-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/Graphik-Black-Web.eot);
    src: url(../fonts/Graphik-Black-Web.woff2)format("woff2"), url(../fonts/Graphik-Black-Web.woff)format("woff"), url(../fonts/Graphik-Black-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/Graphik-Black-Italic-Web.eot);
    src: url(../fonts/Graphik-Black-Italic-Web.woff2)format("woff2"), url(../fonts/Graphik-Black-Italic-Web.woff)format("woff"), url(../fonts/Graphik-Black-Italic-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Graphik-Super-Web.eot);
    src: url(../fonts/Graphik-Super-Web.woff2)format("woff2"), url(../fonts/Graphik-Super-Web.woff)format("woff"), url(../fonts/Graphik-Super-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/Graphik-Super-Italic-Web.eot);
    src: url(../fonts/Graphik-Super-Italic-Web.woff2)format("woff2"), url(../fonts/Graphik-Super-Italic-Web.woff)format("woff"), url(../fonts/Graphik-Super-Italic-Web.ttf)format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Serpentine;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/SerpentineStd-Bold.eot);
    src: url(../fonts/SerpentineStd-Bold.woff2)format("woff2"), url(../fonts/SerpentineStd-Bold.woff)format("woff"), url(../fonts/SerpentineStd-Bold.ttf)format("truetype")
}

:root {
    --color-black: #010101;
    --color-grey-dark: #2c2c2d;
    --color-gray-medium: #444445;
    --color-gray: #6c6c70;
    --color-gray-light: #aaaaaf;
    --color-white: #f0f0f0;
    --color-page-bg: var(--color-black);
    --color-page-font: var(--color-gray);
    --color-breadcrumbs-text: #ffffff80;
    --color-breadcrumbs-separator: #ffffff0d;
    --color-body-bg: #f8f9f9;
    --color-button-primary-bg: #000;
    --color-button-primary-bg-hover: #333;
    --color-button-primary-font: #fff;
    --color-footer-logo: #090e13;
    --color-footer-head-bg: #090e13;
    --color-accent-first: #1ace80;
    --color-accent-second: #007aff;
    --color-link: #09f;
    --header-nav-height: 54px;
    --blog-menu-nav-height: 40px;
    --page-padding-inline-base: 24px;
    --page-max-width: 1728px;
    --cell-numbers: 2;
    --page-padding-inline: var(--page-padding-inline-base);
    --gradient-button: linear-gradient(90deg, #09f, #6cf);
    --gradient-head-text: linear-gradient(90deg, #525255, #f0f0f0);
    --gradient-text: linear-gradient(90deg, #f0f0f0, #f0f0f01a 100%);
    --gradient-border: linear-gradient(270deg, #58585800, #585858 53.65%, #58585800)
}

@keyframes fade-in-fade-out {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

:root .fade_in_fade_out {
    animation: 2s ease-in-out fade-in-fade-out
}

@media screen and (min-width:768px) {
    :root {
        --cell-numbers: 16;
        --width-cell-1: calc((min(100vw, var(--page-max-width)) - (2*var(--page-padding-inline-base)))/var(--cell-numbers));
        --width-cell-2: calc(var(--width-cell-1)*2);
        --width-cell-3: calc(var(--width-cell-1)*3);
        --width-cell-4: calc(var(--width-cell-1)*4);
        --width-cell-5: calc(var(--width-cell-1)*5);
        --width-cell-6: calc(var(--width-cell-1)*6);
        --width-cell-7: calc(var(--width-cell-1)*7);
        --width-cell-8: calc(var(--width-cell-1)*8);
        --width-cell-10: calc(var(--width-cell-1)*10);
        --width-cell-11: calc(var(--width-cell-1)*11);
        --width-cell-12: calc(var(--width-cell-1)*12);
        --width-cell-14: calc(var(--width-cell-1)*14);
        --width-cell-16: calc(var(--width-cell-1)*16);
        --page-padding-inline: calc(var(--page-padding-inline-base) + var(--width-cell-1))
    }
}

@media screen and (min-width:1240px) {
    :root {
        --cell-numbers: 12;
        --blog-menu-nav-height: 56px
    }
}

.button {
    letter-spacing: .1px;
    text-align: center;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1;
    display: inline-flex
}

.button_full {
    width: 100%
}

.button_primary {
    color: #fff;
    opacity: .9;
    background: linear-gradient(90deg, #6cf0, #66ccffb3), #09f
}

.button_primary:focus,
.button_primary:hover {
    background: #09f
}

.button_primary.disabled {
    cursor: not-allowed;
    opacity: .5;
    background: linear-gradient(90deg, #6cf0, #66ccffb3), #09f
}

.button_gray {
    color: #fff;
    opacity: .9;
    background: #1f1f1f
}

.button_gray:focus,
.button_gray:hover {
    background: #1f1f1fe6
}

.button_gray.disabled {
    cursor: not-allowed;
    opacity: .5;
    background: #1f1f1fe6
}

.button_white {
    color: #1f1f1f;
    opacity: .9;
    background: #fff
}

.button_white:focus,
.button_white:hover {
    background: #ffffffe6
}

.button_white.disabled {
    cursor: not-allowed;
    opacity: .5;
    background: #ffffffad
}

.button_small {
    letter-spacing: -.15px;
    border-radius: 12px;
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 135%
}

.button.button__loading {
    color: #0000;
    position: relative
}

@media screen and (prefers-reduced-motion:reduce) {
    .button.button__loading:after {
        border: 3px solid #0000;
        border-top: 3px solid var(--color-white);
        color: #0000;
        content: "";
        border-radius: 50%;
        width: 24px;
        height: 24px;
        margin: auto;
        animation: none;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.button.button__loading:after {
    border: 3px solid #0000;
    border-top: 3px solid var(--color-white);
    color: #0000;
    content: "";
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: auto;
    animation: 2s linear infinite spin;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.link_primary {
    background: var(--gradient-button, #09f);
    text-shadow: 0 0 30px #6cf3;
    white-space: nowrap;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    padding: 8px 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1
}

@media screen and (min-width:768px) {
    .link_primary {
        font-size: 15px
    }
}

@media screen and (min-width:1240px) {
    .link_primary {
        font-size: 16px
    }
}

.link_primary:focus,
.link_primary:hover {
    --gradient-button: #6cf
}

.link_white {
    color: var(--color-white);
    text-decoration: underline
}

.link_white:focus,
.link_white:hover {
    background: var(--gradient-button, #09f);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

.text_underline-dashed {
    text-underline-offset: 4px;
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-decoration-thickness: 1px
}

.text_white {
    color: var(--color-white)
}

.text_accent {
    color: var(--color-accent)
}

.text_highlight {
    color: #f8f32b
}

.text_gradient {
    background: var(--gradient-head-text);
    -webkit-background-clip: text;
    background-clip: text
}

.text_gradient,
.text_gradient-text {
    -webkit-text-fill-color: transparent
}

.text_gradient-text {
    background: var(--gradient-text), var(--color-gray);
    -webkit-background-clip: text;
    background-clip: text
}

.text_gradient_accent {
    background: var(--gradient-button);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

.text_small {
    letter-spacing: .018px;
    line-height: 1.2
}

.text_base,
.text_small {
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.text_base {
    letter-spacing: .2px;
    line-height: 120%
}

@media screen and (min-width:768px) {
    .text_base {
        letter-spacing: .3px;
        font-size: 20px
    }
}

@media screen and (min-width:1240px) {
    .text_base {
        font-size: 21px
    }
}

.text_center {
    text-align: center
}

.text_bold {
    font-weight: 500
}

.text_label {
    border: 1px solid #fff;
    border-radius: 28px;
    margin-inline-start: 3px;
    margin-inline-end: 3px;
    padding: 4px 8px;
    display: inline-block
}

@media screen and (min-width:768px) {
    .text_label {
        margin-inline-start: 6px;
        margin-inline-end: 6px;
        padding: 8px 16px
    }
}

.text_label+.text_label {
    margin-left: 0
}

.label_small {
    color: var(--color-gray);
    letter-spacing: .08px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    min-height: 100%;
    font-family: Graphik LC Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

body {
    background-color: var(--color-page-bg);
    color: var(--color-page-font);
    white-space: normal;
    grid-template: min-content auto min-content/auto;
    grid-auto-rows: 0;
    width: 100vw;
    max-width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: grid;
    overflow-x: hidden
}

ul {
    list-style: none
}

a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
}

h1,
h2,
h3,
h4 {
    word-break: break-word
}

a,
div,
footer,
h1,
h2,
h3,
h4,
header,
input,
label,
li,
main,
p,
section,
ul {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.container {
    max-width: 100%;
    padding-left: var(--page-padding-inline);
    padding-right: var(--page-padding-inline);
    width: 100vw
}

.scrollable-wrapper {
    left: calc(var(--page-padding-inline)*-1);
    scrollbar-width: none;
    width: calc(100% + var(--page-padding-inline)*2);
    margin: 0;
    padding: 0;
    position: relative;
    overflow: scroll hidden
}

.scrollable-wrapper::-webkit-scrollbar {
    display: none
}

@media screen and (min-width:768px) {
    .scrollable-wrapper {
        max-width: 100%;
        overflow: inherit;
        width: auto;
        margin: 0;
        position: static;
        left: auto
    }
}

.scrollable {
    margin: 0 var(--page-padding-inline);
    width: -moz-fit-content;
    width: fit-content;
    padding: 0
}

@media screen and (min-width:768px) {
    .scrollable {
        width: 100%;
        margin: 0
    }
}

.nowrap {
    white-space: nowrap
}

.only-desktop {
    display: none
}

@media screen and (min-width:1240px) {
    .only-desktop {
        display: initial
    }

    .only-not-desktop {
        display: none
    }
}

.only-not-mobile {
    display: none
}

@media screen and (min-width:768px) {
    .only-not-mobile {
        display: inherit
    }

    .only-mobile {
        display: none
    }
}

.only-tablet {
    display: none
}

@media screen and (min-width:768px) {
    .only-tablet {
        display: initial
    }
}

@media screen and (min-width:1240px) {
    .only-tablet {
        display: none
    }
}

picture {
    max-width: 100%;
    height: auto
}

.sticky {
    position: sticky
}

.section-border {
    position: relative
}

.section-border:before {
    background: var(--gradient-border);
    content: "";
    height: 1px;
    margin-left: calc(var(--page-padding-inline)*-1);
    width: 100%;
    display: block;
    position: absolute;
    top: 0
}

a,
button {
    -webkit-tap-highlight-color: transparent
}

button,
label {
    cursor: pointer
}

.responsive-wrapper {
    opacity: 1;
    transition: all .3s;
    transform: translateY(0)
}

@starting-style {
    .responsive-wrapper {
        opacity: 0;
        transform: translateY(100px)
    }
}

[data-af-custom-fonts=af-creatives-text] {
    font-family: inherit !important
}