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

a {
    text-decoration: none
}

li,
ol,
ul {
    list-style: none
}

img {
    vertical-align: top;
    pointer-events: none;
    user-select: none
}

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

html {
    height: 100%;
    background: var(--bg-color);
    font-family: var(--font-roboto), sans-serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-size: 16px
}

.wrapper,
body,
html {
    width: 100%;
    display: flex;
    flex-direction: column
}

body,
html {
    position: relative;
    font-weight: 400;
    color: var(--font-color);
    text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    min-height: 100%;
    display: grid;
    grid-template-rows: 1fr auto
}

body,
button {
    font-family: var(--font-roboto), sans-serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}

.wrapper {
    max-width: 115rem;
    margin: 0 auto;
    padding: 0 2.5rem
}

.hidden {
    display: none !important
}

.body-fixed,
.button {
    overflow: hidden
}

@media screen and (min-width:2560px) {
    html {
        font-size: calc(100vw*.0065)
    }
}

@media screen and (min-width:1440px) and (max-width:2560px) {
    html {
        font-size: calc(100vw*.00819444444)
    }
}

@media screen and (max-width:1439px) and (min-width:1366px) {
    html {
        font-size: calc(100vw*.01111)
    }
}

@media screen and (max-width:1365px) and (min-width:1280px) {
    html {
        font-size: calc(10.44px + 100vw*.00349)
    }
}

.button {
    position: relative;
    background: 0 0;
    transition: .3s ease-out;
    cursor: pointer;
    text-decoration: unset;
    z-index: 1;
    border: 2px solid var(--border-color);
    font-family: var(--font-inter), sans-serif;
    color: var(--font-color);
    font-size: 1rem;
    font-style: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: .25rem 1.25rem
}

.button.icon {
    padding-left: 1rem;
    gap: .5rem
}

.button.icon img {
    width: 1rem;
    min-width: 1rem;
    height: 1rem
}

.button,
.button.type-1,
.button.type-2 {
    border-radius: .75rem;
    font-weight: 500;
    line-height: 2rem
}

.button.type-1,
.button.type-2 {
    color: #e7e9ef;
    padding: .5rem 2rem
}

.button.type-1 {
    gap: .62rem;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-style: normal;
    border: 2px solid #6d6dcb;
    position: relative
}

.button.type-1::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(98deg, #bf62fe 0, #6d6dcb 100%);
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-out
}

.button.type-1 svg {
    width: 1.25rem;
    height: 1.25rem
}

.button.type-1 svg path {
    fill: #888;
    transition: .3s ease-out
}

.button.type-2 {
    border: 2px solid #f1f1f1
}

.button.type-2.copy {
    padding: .75rem
}

.button.type-2.copy img {
    width: 1.5rem;
    height: 1.5rem
}

.button.type-2,
.button.type-3,
.button.type-4 {
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-style: normal
}

.button.type-3 {
    border-radius: .75rem;
    background: rgba(255, 255, 255, .1);
    border: 2px solid transparent;
    color: #e7e9ef;
    font-weight: 500;
    line-height: 2rem;
    padding: .5rem 2rem;
    cursor: default;
    pointer-events: none
}

.button.type-4 {
    border-radius: .5rem;
    border: 1px solid #0d6efd;
    background: #0d6efd;
    color: #fff;
    text-align: center;
    font-feature-settings: "liga" off, "clig" off;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    padding: .5rem 1rem
}

.button.type-4.gray {
    border-color: #6c757d;
    background: #6c757d
}

.button.play {
    padding-left: 1.12rem;
    padding-right: 1.12rem
}

.button.play svg {
    width: 1.75rem;
    height: 1.75rem
}

.button.play svg path {
    fill: #6d6dcb
}

::-webkit-scrollbar {
    width: .313rem;
    background: var(--scroll-bg)
}

::-webkit-scrollbar-thumb {
    border-width: .063rem .063rem .063rem .125rem;
    background-color: var(--scroll-thumb);
    -webkit-border-radius: .125rem
}

::-webkit-scrollbar-track {
    border-width: 0
}

.main-input__block {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

.main-input__header {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.main-input__header-name {
    color: #dee2e6;
    font-feature-settings: "liga" off, "clig" off;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0
}

.main-input__footer {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 1
}

.main-input {
    width: 100%;
    height: 2.5rem;
    padding-top: .5rem;
    padding-left: .75rem;
    padding-bottom: .5rem;
    color: #dee2e6;
    font-feature-settings: "liga" off, "clig" off;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    outline: 0;
    border-radius: .375rem;
    border: 1px solid rgba(222, 226, 230, .5);
    background: 0 0;
    transition: .3s ease-out
}

.main-input::placeholder {
    color: #adb5bd
}

.main-input:focus,
.main-input:hover {
    border-color: rgba(222, 226, 230, .6)
}

.main-input__clear {
    position: absolute;
    right: .5rem;
    width: 1.75rem;
    height: 1.75rem;
    background: url(../img/icons/clear.svg)no-repeat center;
    background-size: 100% 100%;
    border: 0;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    transition: .3s ease-out
}

.main-input__clear.visible {
    opacity: .6;
    visibility: visible
}

.main-input__footer.has-clear .main-input {
    padding-right: 3rem
}

.main-input__error {
    margin-top: .25rem;
    color: var(--color-red);
    font-feature-settings: "liga" off, "clig" off;
    font-family: var(--font-roboto), sans-serif;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0
}

.main-input__error:empty {
    display: none
}

.main-input__block.error .main-input {
    padding-right: 4.25rem;
    border-color: var(--color-red)
}

.main-input__block.error .main-input__footer::after {
    position: absolute;
    right: 0.75rem;
    width: 1rem;
    height: 1rem;
    background: url(../img/icons/error.svg)no-repeat center;
    background-size: 100% 100%;
    content: "";
    transition: right 0.3s;
}

.main-input__block.error .main-input__footer.has-clear-active::after {
    right: 2.5rem;
}

.main-input__block.phone {
    z-index: 2
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield
}

.custom-checkbox__block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-checkbox+label {
    display: inline-flex;
    align-items: flex-start;
    user-select: none;
    cursor: pointer;
    position: relative;
    color: #dee2e6;
    font-feature-settings: "liga" off, "clig" off;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0
}

.custom-checkbox+label::after {
    transition: .2s ease-out;
    opacity: 0;
    visibility: hidden;
    content: "";
    background: url(../img/icons/checkmark.svg)no-repeat center;
    background-size: 100% 100%;
    width: .9rem;
    height: .9rem;
    border-radius: .25rem;
    display: flex;
    justify-content: center;
    position: absolute;
    padding-top: .05rem;
    left: .05rem;
    top: .31rem
}

.custom-checkbox+label::before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: .4rem;
    margin-top: .25rem;
    background-size: 50% 50%;
    transition: .3s ease-out;
    border-radius: .25rem;
    border: 1px solid rgba(222, 226, 230, .36);
    background: #212529
}

.custom-checkbox:checked+label::after {
    opacity: 1;
    visibility: visible
}

.custom-checkbox+label span a {
    text-decoration: underline;
    color: #dee2e6
}

.link-hover {
    position: relative
}

.link-hover::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + .1rem);
    width: 100%;
    height: .094rem;
    transition: .3s ease-out
}

.link-hover.active {
    cursor: default;
    pointer-events: none;
}

.link-hover.active::after {
    background: var(--color-accent)
}

.header {
    width: 100%;
    height: 4.5rem;
    border-bottom: 1px solid rgba(241, 241, 241, .04);
    background: rgba(17, 17, 17, .04);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10
}

.header .wrapper {
    justify-content: space-between;
    height: 100%;
    position: relative
}

.header .wrapper,
.header-left {
    display: flex;
    flex-direction: row;
    align-items: center
}

.mob-button {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    gap: .75rem;
    flex-shrink: 0;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .1)
}

.mob-button__icon {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
    object-position: center;
    transition: .1s ease-out
}

.header-burger {
    display: none
}

.burger-icon {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    display: inline-block
}

.burger-line {
    position: absolute;
    left: 0;
    width: 100%;
    height: .125rem;
    background: #fff;
    border-radius: .125rem;
    transition: transform .3s ease-out, opacity .2s ease-out, top .3s ease-out, background-color .3s ease-out
}

.burger-line:nth-child(1) {
    top: .1875rem
}

.burger-line:nth-child(2) {
    top: .6875rem
}

.burger-line:nth-child(3) {
    top: 1.1875rem
}

.header-burger.active .burger-line:nth-child(1) {
    top: .6875rem;
    transform: rotate(45deg)
}

.header-burger.active .burger-line:nth-child(2) {
    opacity: 0
}

.header-burger.active .burger-line:nth-child(3) {
    top: .6875rem;
    transform: rotate(-45deg)
}

.header-logo {
    display: flex;
    transition: .3s ease-out
}

.header-logo__icon {
    width: 8.955rem;
    height: 2.45331rem
}

.header-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
    margin-left: 5.2rem
}

.header-nav__link {
    font-family: var(--font-bender), sans-serif;
    color: rgba(255, 255, 255, .85);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    white-space: nowrap
}

.header-buttons,
.header-right {
    display: flex;
    flex-direction: row;
    align-items: center
}

.header-right {
    max-width: 40.9375rem;
    width: 100%;
    justify-content: space-between
}

.header-buttons {
    gap: .5rem
}

.header-lang {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 2
}

.header-lang__header,
.header-lang__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .75rem;
    transition: .3s ease-out;
    cursor: pointer
}

.header-lang__header {
    border-radius: .75rem;
    background: rgba(255, 255, 255, .1);
    border: 2px solid transparent;
    padding: .25rem 1rem .25rem 1.25rem
}

.header-lang__header.active {
    background: rgba(255, 255, 255, .2);
    border-color: var(--border-color)
}

.header-lang__item {
    height: 2rem;
    padding: 0 .75rem;
    border-radius: .375rem
}

.header-lang__item-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem
}

.header-lang__item-text {
    color: var(--font-color);
    font-family: var(--font-inter) sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
    transition: .3s ease-out
}

.header-lang__dropdown {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    left: 0;
    top: calc(100% + .5rem);
    width: 10rem;
    border-radius: .75rem;
    border: 2px solid var(--border-color);
    background: rgba(255, 255, 255, .2);
    padding: .5rem;
    gap: .5rem;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-out
}

.header-lang__dropdown.active {
    opacity: 1;
    visibility: visible
}

.header-lang__dropdown .header-lang__item {
    width: 100%
}

.header-lang__item.active {
    background: rgba(255, 255, 255, .12);
    cursor: default;
    pointer-events: none
}

.header-lang__item.active::after {
    content: "";
    width: 1rem;
    height: 1rem;
    background: url(../img/icons/checkmark.svg)no-repeat;
    background-size: contain;
    position: absolute;
    right: 1.25rem
}

.header-mobile {
    display: none;
    position: fixed;
    z-index: 9;
    width: 100vw;
    height: 100vh;
    height: 100dvh
}

.footer {
    width: 100%;
    padding: 2.25rem 0 5rem;
    position: relative;
    z-index: 1
}

.footer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -5rem;
    width: 100%;
    height: 5rem;
    pointer-events: none;
    background: linear-gradient(to top, var(--bg-color) 0%, rgba(23, 26, 29, 0) 100%)
}

.footer .wrapper {
    width: 100%;
    height: 100%;
    gap: 5rem
}

.footer-row {
    width: 100%;
    display: grid;
    grid-template-columns: 3fr 2fr 2fr 1fr;
    gap: .5rem
}

.footer .wrapper,
.footer-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.footer-group {
    gap: 1.5rem
}

.footer-logo {
    display: flex;
    transition: .3s ease-out
}

.footer-logo__icon {
    width: 7rem;
    height: 1.5rem
}

.footer-group__text {
    color: #888;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 16.25rem
}

.footer-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem
}

.footer-list__item,
.footer-list__title {
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%
}

.footer-list__title {
    color: #828282;
    text-transform: uppercase
}

.footer-list__item {
    max-width: 12rem;
    color: #fff
}

.footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem
}

.footer-copyright {
    color: #888;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.screen,
.screen .wrapper {
    min-height: 100vh;
    min-height: 100dvh;
    justify-content: center
}

.screen {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden
}

.screen .wrapper {
    padding-top: 7rem;
    padding-bottom: 2.5rem
}

.fullpage-bg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(180deg, rgba(23, 26, 29, 0) 22.21%, #171a1d 92.69%), linear-gradient(245deg, #006fba 3.62%, #3f2ea8 54.28%, #1b0b4b 104.13%);
    background-size: auto, auto;
    transition: 1s ease
}

.fullpage-bg.tinted {
    opacity: 0
}

.fullpage-bg .home-hero__video {
    display: block
}

.auth-bottom-links__muted br,
.fp-watermark {
    display: none
}

.spline {
    pointer-events: none
}

.section {
    height: 100vh !important;
    height: 100dvh !important
}

.section.regular {
    height: auto !important;
    min-height: auto !important
}

.section.regular .fp-overflow {
    padding-top: 4.5rem
}

.section>.fp-overflow {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    scrollbar-gutter: stable
}

.wow {
    visibility: hidden
}

.animate__animated,
.wow,
[data-anim-in],
[data-anim],
[data-splitting] {
    will-change: transform
}

.main,
.main__block-header {
    display: flex;
    flex-direction: column
}

.main {
    height: 100%;
    justify-content: flex-start
}

.main__block-header {
    width: 100%;
    gap: 2.31rem;
    position: relative;
    z-index: 1
}

.main__block-header .main__text {
    max-width: 40rem
}

.main__title {
    font-family: var(--font-bender), sans-serif;
    font-size: 5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    color: #9a9fff
}

.main__title,
.main__title span {
    letter-spacing: -.1rem
}

.main__block-header.sm .main__title,
.main__title.sm {
    font-size: 4rem;
    line-height: 100%
}

.main__title.sm span {
    letter-spacing: -.08rem
}

.main__text {
    color: var(--font-color);
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.main__text.slash {
    position: relative;
    padding-left: 1.235rem
}

.main__text.slash::before {
    content: "";
    background: url(../img/icons/slash.svg)no-repeat;
    width: .625rem;
    height: 1.125rem;
    display: block;
    background-size: contain;
    position: absolute;
    top: .13rem;
    left: -.06rem
}

.home-hero {
    position: relative;
    z-index: 1;
    width: 100%
}

.home-hero__video {
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 87%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    mix-blend-mode: screen;
    pointer-events: none;
    display: none
}

.home-hero .wrapper,
.home-hero__group {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.home-hero .wrapper {
    gap: 4rem;
    position: relative;
    z-index: 1
}

.home-hero .main__title {
    max-width: 55.32rem
}

.home-hero__group {
    gap: 1.5rem;
    max-width: 30rem
}

.home-hero__buttons {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 1rem
}

.home-key {
    position: relative;
    z-index: 1;
    width: 100%
}

.home-key__grid {
    margin-top: 5rem;
    display: grid;
    grid-gap: .5rem
}

.home-key__grid.one {
    grid-template-columns: 1fr
}

.home-key__grid.three {
    grid-template-columns: repeat(3, 1fr)
}

.home-key__grid.four {
    grid-template-columns: repeat(4, 1fr)
}

.home-key__item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 2.5rem 3.75rem;
    border-radius: 2.5rem
}

.home-key__item .button {
    margin-top: 1.5rem
}

.home-key__item .button.copy {
    margin-top: 0
}

.home-key__item-icon,
.token-card__logo img {
    width: 5rem;
    height: 5rem;
    object-fit: contain
}

.home-key__item-text,
.home-key__item-title {
    text-align: center;
    font-style: normal;
    line-height: 140%
}

.home-key__item-title {
    color: #fff;
    font-family: var(--font-bender), sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.03rem;
    min-height: 7.5rem
}

.home-key__item-title span {
    color: var(--color-green);
    position: relative
}

.home-key__item-title span::after {
    content: "NEW";
    position: absolute;
    right: -2.7rem;
    top: -.5rem;
    border-radius: .5rem;
    border: 2px solid #52ed53;
    width: 2.375rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #50df5b;
    font-family: var(--font-roboto), sans-serif;
    font-size: .625rem;
    font-weight: 700;
    line-height: .6875rem
}

.home-key__item-text {
    color: var(--font-color);
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-weight: 400;
    min-height: 4rem
}

.home-key__copy {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    margin-top: 1.5rem
}

.home-key__copy-input {
    border-radius: .75rem;
    border: 2px solid rgba(194, 194, 241, .2);
    padding: .5rem 2rem;
    color: #e7e9ef;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
    width: 9.375rem;
    background: 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-key__item.solo {
    background-image: url(../img/icons/key/solo-left.svg), url(../img/icons/key/solo-right.svg), url(../img/key-solo-bg.webp);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left center, right center, center;
    background-size: auto 100%, auto 100%, 100% 100%
}

.home-key__item.solo .home-key__item-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -.05rem
}

.home-key__item.solo .home-key__item-text {
    display: flex;
    align-items: center;
    justify-content: center
}

.home-key__item.blue {
    background: #171a1d;
    box-shadow: 80px 80px 200px 0 rgba(0, 85, 255, .45) inset
}

.home-key__item.purple {
    background: #171a1d;
    box-shadow: 80px 80px 200px 0 rgba(54, 10, 214, .45) inset
}

.home-key__item.pink {
    background: #171a1d;
    box-shadow: 80px 80px 200px 0 rgba(97, 37, 166, .45) inset
}

.home-key__item.red {
    background: #171a1d;
    box-shadow: 80px 80px 200px 0 rgba(114, 36, 24, .45) inset
}

.home-key__item.grey {
    background: #171a1d;
    box-shadow: 80px 80px 200px 0 rgba(91, 106, 103, .45) inset
}

.home-partners {
    z-index: 1
}

.home-partners,
.home-partners .wrapper {
    position: relative
}

.home-partners__slider-wrapper {
    width: 100%;
    height: 37rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-partners__slider-wrapper::before {
    height: 90%;
    left: -.1rem;
    width: 5rem;
    background: linear-gradient(to right, #171a1d, transparent);
    content: "";
    display: block;
    position: absolute;
    z-index: 2
}

.home-partners__slider-wrapper::after {
    height: 90%;
    right: -.1rem;
    width: 5rem;
    background: linear-gradient(to left, #171a1d, transparent);
    content: "";
    display: block;
    position: absolute;
    z-index: 2
}

.home-partners__animation {
    position: absolute;
    width: 200vw;
    height: 185%;
    margin-top: 3%;
    z-index: 0
}

.home-partners__animation.video {
    mix-blend-mode: lighten;
    pointer-events: none
}

.home-partners__animation.canvas {
    margin-top: 0
}

.home-partners__slider {
    width: 100%;
    position: relative;
    z-index: 2
}

.home-partners__slider .swiper-wrapper {
    transition-timing-function: linear !important
}

.home-partners__item,
.home-partners__slider .swiper-slide {
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-partners__slider .swiper-slide {
    width: auto !important
}

.home-partners__item {
    padding: 0 2.5rem;
    border-radius: 1.5rem;
    border: 1px solid rgba(208, 208, 208, .4);
    background: linear-gradient(149deg, transparent 0, rgba(0, 0, 0, .01) 99.04%);
    box-shadow: 0 0 40px 16px rgba(255, 255, 255, .06) inset;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transition: .3s box-shadow ease-out !important
}

.home-partners__item-icon {
    filter: grayscale(1);
    user-select: none
}

.home-partners__item-icon.hut8 {
    width: 11.125rem;
    height: 4.9375rem
}

.home-partners__item-icon.trust {
    width: 13.5625rem;
    height: 3.75rem
}

.home-partners__item-icon.riot {
    width: 12.375rem;
    height: 4.5rem
}

.home-partners__item-icon.solana {
    width: 17.5625rem;
    height: 2.625rem
}

.home-partners__item-icon.okx {
    width: 7.125rem;
    height: 2rem
}

.home-partners__item-icon.binance {
    width: 3.375rem;
    height: 3.375rem
}

.home-partners__item-icon.bitdeer {
    width: 2.0625rem;
    height: 2.6875rem
}

.home-partners__item-icon.ton {
    width: 2.1875rem;
    height: 2rem
}

.home-partners__item-icon.trustwallet {
    width: 18.6875rem;
    height: 2rem
}

.home-nft {
    width: 100%;
    position: relative;
    z-index: 1
}

.home-nft__block {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 3rem;
    margin-top: 5rem;
    min-height: 60rem;
    padding: 5rem 12.5rem 5rem 5rem;
    background-image: url(../img/nft-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-radius: 2.5rem
}

.fullpage-wrapper .home-nft__block {
    margin-top: 3rem
}

.home-nft__column {
    max-width: 30.1875rem;
    gap: 4rem
}

.home-nft__column,
.home-nft__group {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.home-nft__group-title {
    color: #e7e9ef;
    font-family: var(--font-bender), sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
    text-transform: uppercase
}

.home-nft__items {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    margin-top: 1.5rem
}

.home-nft__item {
    width: 100%;
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(231, 233, 239, .2);
    box-shadow: 0 0 40px 16px rgba(255, 255, 255, .06) inset
}

.home-nft__item.blue {
    background: linear-gradient(0deg, rgba(113, 232, 253, .2)0, rgba(113, 232, 253, .2) 100%), linear-gradient(149deg, transparent 0, rgba(0, 0, 0, .32) 99.04%)
}

.home-nft__item.yellow {
    background: linear-gradient(0deg, rgba(233, 186, 84, .3)0, rgba(233, 186, 84, .3) 100%), linear-gradient(149deg, transparent 0, rgba(0, 0, 0, .32) 99.04%)
}

.home-nft__item.pink {
    background: linear-gradient(0deg, rgba(165, 79, 146, .3)0, rgba(165, 79, 146, .3) 100%), linear-gradient(149deg, transparent 0, rgba(0, 0, 0, .32) 99.04%)
}

.home-nft__item.green {
    background: linear-gradient(0deg, rgba(84, 233, 121, .3)0, rgba(84, 233, 121, .3) 100%), linear-gradient(149deg, transparent 0, rgba(0, 0, 0, .32) 99.04%)
}

.home-nft__item-text {
    color: #e7e9ef;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.home-nft__item-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem
}

.home-nft__item-icon {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    object-fit: contain
}

.home-nft__item-new {
    color: var(--color-green);
    position: relative;
    border-radius: .5rem;
    border: 2px solid var(--border-green);
    width: 2.375rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-roboto), sans-serif;
    font-size: .625rem;
    font-weight: 700;
    line-height: .6875rem
}

.home-nft__box-wrapper {
    max-width: 30rem;
    width: 100%;
    margin-top: 2.5rem;
    position: relative
}

.home-nft__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5rem;
    gap: 4rem;
    border-radius: 2.5rem;
    background: linear-gradient(0deg, #672bde 0, #672bde 100%), linear-gradient(178deg, rgba(255, 255, 255, .08) -5.77%, rgba(255, 255, 255, .25) 108.08%);
    box-shadow: 40px 40px 200px 0 rgba(255, 255, 255, .25) inset, 8px 8px 0 0#512f96;
    position: relative;
    z-index: 3
}

.home-nft__box-decor {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 2.5rem;
    color: rgba(231, 233, 239, .2);
    background: linear-gradient(149deg, #5634a0 0, #49288e 99.04%);
    box-shadow: 8px 8px 0 0#3c1885, 0 0 40px 16px rgba(255, 255, 255, .06) inset
}

.home-nft__box-decor.first {
    transform: rotate(-15deg);
    z-index: 2;
    top: 3.9rem;
    right: 5rem
}

.home-nft__box-decor.second {
    transform: rotate(-30deg);
    z-index: 1;
    top: 6.67rem;
    right: 9.57rem
}

.home-nft__box-icon {
    width: 7.5rem;
    height: 7.5rem
}

.home-nft__box-title {
    color: #fff;
    text-align: center;
    font-family: var(--font-bender), sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.03rem
}

.home-roadmap {
    z-index: 1
}

.home-roadmap,
.home-roadmap .wrapper {
    position: relative
}

.home-roadmap__block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 11.5rem;
    position: relative
}

.home-roadmap__block.line::before {
    content: "";
    width: 110vw;
    position: absolute;
    top: 8.13rem;
    height: .3rem;
    background: rgba(179, 179, 179, .06)
}

.home-roadmap__animation {
    position: absolute;
    width: 200vw;
    height: 300%;
    margin-top: -11.5%;
    z-index: 0
}

.home-roadmap__animation.video {
    mix-blend-mode: lighten;
    pointer-events: none
}

.home-roadmap__animation.canvas {
    margin-top: -17.5%
}

.home-roadmap__slider.swiper {
    position: relative;
    z-index: 1;
    overflow: unset;
    width: 110rem
}

.home-roadmap__slider.swiper .swiper-wrapper {
    height: auto
}

.home-roadmap__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem 1.25rem;
    position: relative;
    border-radius: 1.5rem;
    background: #171a1d;
    box-shadow: 80px 80px 200px 0 rgba(91, 106, 103, .45) inset
}

.home-roadmap__slider .swiper-slide {
    display: flex;
    min-width: 27.125rem;
    width: 27.125rem;
    height: auto
}

.home-roadmap__item::after {
    content: "";
    position: absolute;
    top: -3.75rem;
    display: block;
    width: 1rem;
    height: 1rem;
    background: #8b8b8b;
    border-radius: 50%
}

.home-roadmap__item.active::after {
    top: -4rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #fff
}

.home-roadmap__item-text,
.home-roadmap__item-title {
    color: var(--font-color);
    text-align: center;
    font-family: var(--font-bender), sans-serif;
    font-style: normal
}

.home-roadmap__item-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.03rem
}

.home-roadmap__item-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem
}

.home-growth {
    position: relative;
    z-index: 1
}

.home-growth__block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    padding: 10rem 3.75rem;
    border-radius: 2.5rem;
    background-image: url(../img/growth/left.svg), url(../img/growth/right.svg), url(../img/growth/bg.webp);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left center, right center, center;
    background-size: auto 100%, auto 100%, 100% 100%
}

.home-growth__block-icon {
    width: 6.1875rem;
    height: 7.5rem
}

.home-growth__block-text,
.home-growth__block-title {
    text-align: center;
    font-family: var(--font-bender), sans-serif;
    font-style: normal
}

.home-growth__block-title {
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.06rem
}

.home-growth__block-text {
    color: #e7e9ef;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem
}

.home-growth__block .button {
    margin-top: 1.5rem
}

.screen.auth {
    background: linear-gradient(180deg, rgba(23, 26, 29, 0) 25%, #171a1d 100%), linear-gradient(245deg, #006fba 0, #3f2ea8 54.28%, #1b0b4b 104.13%)
}

.auth-return,
.screen.auth .wrapper {
    align-items: center;
    justify-content: center
}

.screen.auth .wrapper {
    padding-top: 4.5rem;
    padding-bottom: 1.75rem;
    position: relative
}

.auth-return {
    position: absolute;
    left: 2.5rem;
    top: 1rem;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .1);
    transition: .3s ease-out;
    display: flex;
    width: 2.5rem;
    height: 2.5rem
}

.auth-return__icon {
    width: .8125rem;
    height: 1rem
}

.auth-card,
.auth-card__badge {
    border: 1px solid rgba(231, 233, 239, .2);
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px)
}

.auth-card {
    width: 100%;
    max-width: 30rem;
    padding: 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 1.5rem;
    background: linear-gradient(136deg, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .06) 100%);
    box-shadow: 0 0 40px 16px rgba(255, 255, 255, .08) inset
}

.auth-card__badge {
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(149deg, transparent 0, rgba(0, 0, 0, .01) 99.04%);
    box-shadow: 0 0 40px 16px rgba(255, 255, 255, .06) inset
}

.auth-card__badge-icon {
    width: 1.69rem;
    height: 2rem
}

.auth-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem
}

.auth-header__title {
    color: #fff;
    text-align: center;
    font-family: var(--font-bender), sans-serif;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.06rem
}

.auth-header .main__text {
    text-align: center
}

.auth-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem
}

.auth-form__row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: .5rem
}

.auth-form__row .auth-form__link {
    text-align: right
}

.auth-form__link {
    color: #66aaf9;
    text-decoration: underline;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    line-height: 1.5rem
}

.auth-actions {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.auth-bottom-links {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem
}

.auth-bottom-links__muted {
    color: rgba(255, 255, 255, .45);
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
    text-align: center
}

.auth-nav {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem
}

.auth-nav__link {
    color: rgba(255, 255, 255, .45);
    font-family: var(--font-bender), sans-serif;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5rem;
    transition: .3s ease-out
}

.screen.default {
    position: relative
}

.screen.default::before {
    content: "";
    background: linear-gradient(180deg, rgba(23, 26, 29, 0) 22.21%, #171a1d 92.69%), linear-gradient(245deg, #006fba 3.62%, #3f2ea8 54.28%, #1b0b4b 104.13%);
    display: block;
    width: 100%;
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0;
    max-height: 62.75rem;
    height: 100%
}

.screen.default .wrapper {
    padding-top: 10rem;
    min-height: unset;
    padding-bottom: 10rem
}

.screen.default .main__block-header {
    gap: 2rem
}

.screen.default .main__block-header .main__text {
    max-width: unset
}

.page-decor {
    position: absolute;
    width: 125rem;
    height: 151.35325rem;
    top: 7rem;
    right: -35rem;
    z-index: -1
}

.contacts {
    position: relative;
    z-index: 1
}

.contacts .wrapper {
    gap: 5rem
}

.contacts__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: .5rem
}

.contacts__grid.two {
    margin-top: 3.19rem;
    grid-template-columns: repeat(2, 1fr)
}

.contacts-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 1.5rem;
    border: 1px solid rgba(231, 233, 239, .2);
    background: linear-gradient(136deg, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .06) 100%);
    box-shadow: 0 0 40px 16px rgba(255, 255, 255, .08) inset;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px)
}

.contacts-card__icon {
    width: 4rem;
    height: 4rem
}

.contacts-card__title,
.contacts-chip {
    font-family: var(--font-roboto), sans-serif
}

.contacts-card__title {
    color: rgba(255, 255, 255, .8);
    text-align: center;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem
}

.contacts-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 2rem;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .1);
    color: #e7e9ef;
    font-size: 1rem;
    font-weight: 500;
    line-height: 2rem;
    transition: background .2s ease-out, box-shadow .2s ease-out
}

.contacts__rows {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.contacts-row {
    display: grid;
    grid-template-columns: 1.5rem 16rem 1fr;
    align-items: center;
    gap: .625rem;
    padding: 1.5rem 2rem;
    border-radius: 1.5rem;
    border: 1px solid rgba(231, 233, 239, .2);
    background: linear-gradient(149deg, transparent 0, rgba(0, 0, 0, .01) 99.04%);
    box-shadow: 0 0 40px 16px rgba(255, 255, 255, .08) inset;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px)
}

.contacts-row__icon {
    width: 1.5rem;
    height: 1.5rem
}

.contacts-row__label,
.contacts-row__value {
    color: rgba(255, 255, 255, .8);
    font-family: var(--font-roboto), sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem
}

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

.faq .wrapper,
.faq__section,
.faq__sections {
    display: flex;
    flex-direction: column
}

.faq__sections {
    width: 100%;
    gap: 7.5rem;
    margin: 7.5rem 0 12.5rem
}

.faq__section {
    gap: 2rem
}

.faq__section-title {
    color: var(--font-color);
    font-family: var(--font-roboto), sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 140%;
    position: relative;
    z-index: 1
}

.faq__list {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.faq-item {
    border-radius: 1.5rem;
    border: 1px solid rgba(231, 233, 239, .2);
    background: linear-gradient(149deg, transparent 0, rgba(0, 0, 0, .01) 99.04%);
    box-shadow: 0 0 40px 16px rgba(255, 255, 255, .08) inset;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
    transition: .3s ease-out
}

.faq-item.active {
    box-shadow: 0 0 40px 80px rgba(255, 255, 255, .1) inset
}

.faq-item__header {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1.75rem;
    align-items: center;
    gap: .625rem;
    padding: 1.5rem 2rem;
    background: 0 0;
    border: 0;
    cursor: pointer;
    color: inherit;
    text-align: left
}

.faq-item__question {
    color: var(--font-color);
    font-family: var(--font-roboto), sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem
}

.faq-item__icon {
    position: relative;
    width: 1.75rem;
    min-width: 1.75rem;
    height: 1.75rem
}

.faq-item__icon .icon-minus,
.faq-item__icon .icon-plus {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity .2s ease-out
}

.faq-item.active .faq-item__icon .icon-plus,
.faq-item__icon .icon-minus {
    opacity: 0
}

.faq-item.active .faq-item__icon .icon-minus {
    opacity: .6
}

.faq-item__content {
    display: none;
    padding: 0 2rem 1.5rem;
    color: var(--font-color);
    font-family: var(--font-roboto), sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem
}

.about-token__intro {
    max-width: 54.75rem;
    width: 100%
}

.about-token__intro .main__text {
    color: rgba(255, 255, 255, .8);
    font-family: var(--font-roboto), sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.about-token__animation-wrapper {
    width: 100%;
    height: 36rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.about-token__animation {
    position: absolute;
    width: 200vw;
    height: 280%;
    z-index: 0
}

.about-token__token {
    margin-top: 15rem
}

.token-card,
.token-card__head {
    display: flex;
    flex-direction: column;
    align-items: center
}

.token-card {
    margin-top: 5rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 30rem;
    padding: 2.5rem;
    border-radius: 2.5rem;
    border: 1px solid rgba(231, 233, 239, .2);
    background: linear-gradient(149deg, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .13) 99.04%);
    box-shadow: 0 0 40px 16px rgba(255, 255, 255, .08) inset;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px)
}

.token-card__head {
    gap: 1rem;
    margin-top: 1.5rem
}

.token-card__title {
    text-align: center;
    color: #fff;
    font-family: var(--font-bender), sans-serif;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.06rem
}

.token-card__subtitle {
    color: rgba(255, 255, 255, .8);
    text-align: center;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    line-height: 1.4rem
}

.token-card__qr {
    max-width: 15rem;
    width: 100%;
    height: 15rem;
    object-fit: contain;
    border-radius: 1rem;
    margin-top: 2.5rem
}

.token-card__address {
    color: #fff;
    text-align: center;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-top: 2.5rem;
    max-width: 19.5rem;
    word-break: break-all
}

.token-card__copy {
    margin-top: 2.5rem;
    padding: .75rem;
    background: rgba(255, 255, 255, .1);
    border-radius: .75rem;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    transition: background .2s ease-out
}

.token-card__copy:hover {
    background: rgba(255, 255, 255, .2)
}

.token-card__copy-icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .65
}

.about-token__tokenomics {
    margin-top: 15rem
}

.about-token__tokenomics-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem
}

.about-token__tokenomics-supply {
    opacity: .65;
    color: #fff;
    font-family: var(--font-bender), sans-serif;
    font-size: 4rem;
    line-height: 100%
}

.tokenomics {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 5rem
}

.tokenomics__left,
.tokenomics__row {
    display: flex;
    flex-direction: row;
    align-items: center
}

.tokenomics__row {
    gap: .5rem;
    padding: 1.125rem 0;
    border-top: 1px #52525b solid
}

.tokenomics__left {
    flex: 1 1 auto;
    gap: 1.5rem
}

.tokenomics__dot {
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    border-radius: 9999px;
    background: #bf62fe
}

.tokenomics__amount,
.tokenomics__label,
.tokenomics__percent {
    color: rgba(255, 255, 255, .8);
    font-family: var(--font-roboto), sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem
}

.tokenomics__percent {
    width: 8rem;
    text-align: right
}

.tokenomics__amount {
    width: 20rem;
    text-align: right
}

.about-token__listing {
    margin-top: 8.75rem
}

.listing-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7.5rem 2.5rem;
    border-radius: 2.5rem;
    border: 1px solid #132a54;
    background: #171a1d;
    box-shadow: 80px 80px 200px 0 rgba(10, 78, 214, .45) inset
}

.listing-title {
    color: #fff;
    text-align: center;
    font-family: var(--font-bender), sans-serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.08rem
}

.listing__logos {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 5rem
}

.listing__logo {
    border-radius: 1.5rem;
    outline: 1px rgba(208, 208, 208, .2) solid;
    outline-offset: -1px;
    border: 1px solid rgba(231, 233, 239, .2);
    background: linear-gradient(149deg, transparent 0, rgba(0, 0, 0, .01) 99.04%);
    box-shadow: 0 0 40px 16px rgba(255, 255, 255, .06) inset;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px)
}

.listing__logo img {
    height: 7rem;
    object-fit: contain
}

.listing__text {
    max-width: 54.5rem;
    width: 100%;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    font-family: var(--font-roboto), sans-serif;
    font-size: 1.5rem;
    line-height: 2.1rem;
    margin-top: 7.5rem
}

.listing__countdown {
    margin-top: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1rem 2rem;
    border-radius: 1.5rem;
    border: 1px solid rgba(231, 233, 239, .2);
    background: linear-gradient(149deg, rgba(55, 80, 189, 0)0, rgba(55, 80, 189, .09) 99.04%);
    box-shadow: 0 0 40px 16px rgba(109, 172, 235, .06) inset;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px)
}

.countdown__item {
    padding: 1.5rem 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .62rem
}

.countdown__label,
.countdown__value {
    color: rgba(255, 255, 255, .8);
    text-align: center;
    font-family: var(--font-roboto), sans-serif
}

.countdown__value {
    font-size: 3rem;
    font-weight: 700;
    line-height: 120%;
    font-variant-numeric: tabular-nums
}

.countdown__label {
    font-size: 1rem;
    line-height: 140%
}

.about-company .wrapper {
    position: relative
}

.about-company__intro {
    margin-top: 10rem
}

.about-company__intro-row {
    display: grid;
    grid-template-columns: 1fr 26.875rem;
    gap: 7rem;
    align-items: start
}

.about-company__intro-grid {
    max-width: 95rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14rem;
    margin-top: 10rem
}

.about-company .about-company__intro-row .main__text {
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%
}

.about-company .about-company__intro-grid .main__text {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.video-preview {
    position: relative;
    width: 26.875rem;
    height: 15rem;
    border-radius: 1.5rem;
    border: 2px solid #6d6dcb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, rgba(191, 98, 254, 0)0, rgba(191, 98, 254, 0) 100%);
    overflow: hidden;
    cursor: pointer
}

.video-preview__image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.video-preview__play {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: scale(1);
    transition: .3s ease-out
}

.about-company__architecture {
    margin-top: 14rem
}

.architecture-slider.swiper {
    margin-top: 5rem;
    overflow: unset
}

.architecture-slider.swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2.5rem;
    position: relative
}

.architecture-card {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 1.5rem;
    border: 1px solid rgba(208, 208, 208, .2);
    background: linear-gradient(149deg, transparent 0, rgba(0, 0, 0, .01) 99.04%);
    box-shadow: 0 0 40px 16px rgba(255, 255, 255, .08) inset;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
    position: relative;
    transition: .3s ease-out box-shadow !important
}

.architecture-card:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 1.625rem;
    height: 1.875rem;
    background: url(../img/about/arrow.svg)no-repeat center;
    background-size: 100% 100%;
    pointer-events: none;
    left: calc(100% + .5rem);
    top: 50%;
    transform: translateY(-50%)
}

.architecture-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem
}

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

.architecture-card__title {
    color: #fff;
    text-align: center;
    font-family: var(--font-bender), sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.03rem
}

.architecture-slider .swiper-slide {
    width: auto;
    height: auto
}

.about-company__roadmap {
    margin-top: 12.5rem
}

.roadmap-accordion {
    margin-top: 5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.roadmap-accordion__header {
    display: flex;
    align-items: center;
    gap: .75rem;
    cursor: pointer
}

.roadmap-accordion__badge {
    color: #e7e9ef;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    line-height: 140%
}

.roadmap-accordion__icon {
    position: relative;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .1);
    transition: .3s ease-out
}

.roadmap-accordion__icon .icon-minus,
.roadmap-accordion__icon .icon-plus {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
    transition: opacity .2s ease-out
}

.roadmap-accordion__icon .icon-minus,
.roadmap-accordion__item.active .roadmap-accordion__icon .icon-plus {
    opacity: 0
}

.roadmap-accordion__item.active .roadmap-accordion__icon .icon-minus {
    opacity: 1
}

.roadmap-accordion__content {
    display: none;
    padding: 2.5rem 0 1rem
}

.roadmap-card,
.roadmap-card__head {
    display: flex;
    align-items: flex-start
}

.roadmap-card {
    position: relative;
    padding: 2.5rem;
    border-radius: 1.5rem;
    flex-direction: column;
    gap: 2rem;
    background: #171a1d;
    box-shadow: 80px 80px 200px 0 rgba(136, 136, 136, .45) inset;
    border: 1px solid rgba(231, 233, 239, .2)
}

.roadmap-accordion__content .roadmap-card+.roadmap-card {
    margin-top: 1.5rem
}

.roadmap-card.blue {
    box-shadow: 80px 80px 200px 0 rgba(44, 105, 198, .45) inset
}

.roadmap-card.green {
    box-shadow: 80px 80px 200px 0 rgba(50, 182, 76, .45) inset
}

.roadmap-card__head {
    width: 100%;
    justify-content: space-between
}

.roadmap-card__head-left {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.roadmap-card__list li,
.roadmap-card__month {
    color: #e7e9ef;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1rem;
    line-height: 150%
}

.roadmap-card__title {
    color: #fff;
    font-family: var(--font-bender), sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.03rem
}

.roadmap-card__icon {
    width: 5rem;
    height: 5rem;
    display: inline-block;
    position: absolute;
    right: 2.5rem;
    top: 2.5rem
}

.roadmap-card__list {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.roadmap-card__list li {
    display: flex;
    align-items: flex-start;
    gap: .75rem
}

.roadmap-card__list li::before {
    content: "";
    width: 1rem;
    height: 1rem;
    margin-top: .25rem;
    min-width: 1rem;
    border-radius: 50%;
    background: url(../img/about/arrow-circle.svg)no-repeat center;
    background-size: 100% 100%
}

.ai-hero {
    width: 100%;
    position: relative;
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.ai-hero__device {
    max-width: 62.5rem;
    width: 100%;
    aspect-ratio: 25/22;
    height: auto
}

.ai-intro {
    margin-top: 5rem;
    max-width: 54.75rem;
    color: rgba(255, 255, 255, .8);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 140%
}

.ai-video {
    margin-top: 10.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem
}

.ai-video .video-preview {
    max-width: 54.75rem;
    width: 100%;
    height: auto;
    aspect-ratio: 219/140;
    border-radius: 1.5rem;
    outline: 2px #6d6dcb solid;
    outline-offset: -2px;
    cursor: pointer
}

.ai-video .video-preview__play {
    width: 4rem;
    height: 4rem
}

.ai-video__caption {
    color: rgba(255, 255, 255, .8);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 140%
}

.saluno-ai .main__block-header.sm {
    margin-top: 15rem
}

.ai-tech-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-top: 5rem
}

.ai-tech-grid {
    display: grid;
    gap: 1rem
}

.ai-tech-grid.four {
    grid-template-columns: repeat(4, 1fr)
}

.ai-tech-grid.three {
    grid-template-columns: repeat(3, 1fr)
}

.ai-tech-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 1.5rem;
    border: 1px solid rgba(231, 233, 239, .2);
    background: linear-gradient(136deg, transparent 0, rgba(0, 0, 0, .06) 100%);
    box-shadow: 0 0 40px 16px rgba(255, 255, 255, .08) inset
}

.ai-tech-card__icon {
    width: 4rem;
    height: 4rem
}

.ai-tech-card__title {
    font-weight: 700
}

.ai-tech-card__text,
.ai-tech-card__title {
    color: rgba(255, 255, 255, .8);
    text-align: center;
    font-family: var(--font-roboto), sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem
}