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

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
    margin: 0
}

ul[role=list], ol[role=list] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

img, picture {
    max-width: 100%;
    display: block
}

input, button, textarea, select {
    font: inherit
}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *, *:before, *:after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

body {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 18px);
    font-weight: 400;
    line-height: 1.78;
    background-color: #000;
    color: var(--landing-foreground)
}

@media (min-width: 1024px) {
    .main {
        /*padding-top: 136px;*/
        /*background-color: #000;*/
        /*background-image: url(/assets/background-gradient.526631e8.svg);*/
        /*background-repeat: no-repeat;*/
        /*background-size: contain*/
    }
}

@media (max-width: 1023px) {
    .main {
        padding-top: 83px
    }
}

.-text-body {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 18px);
    font-weight: 400;
    line-height: 1.78
}

.-text-h1 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 85px);
    font-weight: 700;
    line-height: 1.41
}

.-text-h2 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 45px);
    font-weight: 700;
    line-height: 1.42
}

.-text-h3 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 55px);
    font-weight: 700;
    line-height: 1.36
}

.-text-h4 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 45px);
    font-weight: 700;
    line-height: 1.42
}

.-text-h5 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 32px);
    font-weight: 700;
    line-height: 1.41
}

.-text-h6 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 25px);
    font-weight: 700;
    line-height: 37px
}

.-unlink {
    color: initial;
    text-decoration: none
}

.-clickable {
    cursor: pointer
}

.-flex-row {
    display: flex;
    flex-wrap: nowrap
}

.-flex-align-center {
    align-items: center
}

@media (min-width: 1024px) {
    .-hide-on-desktop {
        display: none !important
    }
}

@media (max-width: 1023px) {
    .-hide-on-mobile {
        display: none !important
    }
}

.-center {
    margin-right: auto;
    margin-left: auto
}

.-section {
    max-width: 600px
}

@media (min-width: 1024px) {
    .-section {
        max-width: 1280px
    }
}

.-center-text {
    text-align: center
}

.-blur > header, .-blur > main, .-blur > footer {
    filter: blur(40px)
}

.socials {
    --social-icon-gap: 8px;
    --social-icon-size: 50px;
    display: flex;
    flex-wrap: nowrap
}

.socials__link {
    margin-right: var(--social-icon-gap)
}

.socials__link:first-child {
    margin-left: auto
}

.socials__link:last-child {
    margin-right: auto
}

.socials__icon {
    width: var(--social-icon-size);
    height: var(--social-icon-size);
    object-fit: contain
}

.join-us__title {
    margin-bottom: 88px;
    margin-left: 48px
}

.join-us .socials {
    margin-right: auto;
    margin-left: auto;
    --social-icon-gap: 56px;
    --social-icon-size: 56px
}

.join-us__subtitle {
    margin-top: 50px;
    text-align: center
}

.launch-app__title {
    margin-right: 12px
}

@media (min-width: 1024px) {
    .launch-app__title {
        padding-left: 28px;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #000
    }
}

.header {
    position: fixed;
    z-index: 2;
    top: 38px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .header {
        max-width: calc(var(--scale-factor, 1) * 1170px)
    }
}

@media (max-width: 1023px) {
    .header {
        max-width: calc(var(--scale-factor, 1) * 376px)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .header {
        max-width: 600px
    }
}

.header__content {
    background-color: var(--landing-foreground);
    border-radius: 48.5px;
    color: var(--landing-background);
    padding: 4px 16px
}

.header__brand {
    margin-right: auto
}

.header__logo, .header__menu-icon {
    width: calc(var(--scale-factor, 1) * 50px);
    height: calc(var(--scale-factor, 1) * 50px)
}

.header__descriptor {
    margin-left: 24px
}

@media (max-width: 1023px) {
    .header__title {
        font-family: Poppins, sans-serif;
        font-size: calc(var(--scale-factor, 1) * 25px);
        font-weight: 700;
        line-height: 37px;
        max-width: 5em
    }
}

@media (min-width: 1024px) {
    .header__title {
        font-family: Poppins, sans-serif;
        font-size: calc(var(--scale-factor, 1) * 32px);
        font-weight: 700;
        line-height: 1.41
    }
}

.header__join-us {
    margin-right: 28px
}

.header__launch-app {
    margin-left: 32px
}

.big-logo {
    width: calc(var(--scale-factor, 1) * 231px);
    height: calc(var(--scale-factor, 1) * 231px);
    margin: 39px auto 83px;
    object-fit: cover
}

.mobile-hero {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(269.95deg, #60c7bb .02%, #fd7de8 95.06%);
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    text-align: center;
    width: 339px;
    margin: 85px auto 94px
}
}
}
}
}
}

@media (min-width: 1024px) {}

@media (max-width: 1023px) {}.how-it-works__list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center
}

@media (max-width: 1023px) {
    .how-it-works__list {
        width: 100%;
        padding-top: 48px;
        padding-bottom: 48px;
        background-image: linear-gradient(226.69deg, #5fc7ba 8.52%, rgba(0, 255, 224, 0) 44.91%), linear-gradient(150.8deg, #ff80eb 1.2%, rgba(255, 0, 214, 0) 56.67%)
    }
}

.how-it-works__title {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 85px);
    font-weight: 700;
    line-height: 1.41;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(180deg, #59c1b6 54.69%, #000000 76.04%);
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    padding-top: 48px;
    padding-bottom: 48px;
    text-align: center
}

@media (min-width: 1024px) {
    .how-it-works__title {
        margin-top: .875em;
        margin-bottom: .875em
    }
}

@media (max-width: 1023px) {
    .how-it-works__title {
        margin-bottom: -48px
    }
}

.how-it-works__item {
    position: relative;
    margin-bottom: 190px
}

@media (max-width: 1023px) {
    .how-it-works__item:nth-child(odd) {
        margin-left: calc(var(--scale-factor, 1) * -164px)
    }

    .how-it-works__item:nth-child(even) {
        margin-right: calc(var(--scale-factor, 1) * -164px)
    }
}

@media (min-width: 1024px) {
    .how-it-works__item:not(:last-child):after {
        position: absolute;
        top: 64px;
        right: 0;
        left: 0;
        display: block;
        width: 2px;
        height: 178px;
        margin-left: 1em;
        background-image: url(/assets/vertical-line.91f55bba.svg);
        background-size: cover;
        content: "";
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain
    }
}

.how-it-works__text {
    position: absolute;
    top: 100%;
    width: 12.75em;
    margin-top: 1em
}

.how-it-works__vertical-line {
    position: absolute;
    top: 64px;
    right: 0;
    left: 0;
    width: 2px;
    height: 178px;
    margin-left: 1em;
    object-fit: cover
}

@media (max-width: 1023px) {
    .how-it-works__vertical-line {
        display: none !important
    }
}

.how-it-works__item:nth-child(1) .how-it-works__text, .how-it-works__item:nth-child(3) .how-it-works__text {
    left: 100%
}

@media (max-width: 1023px) {
    .how-it-works__item:nth-child(1) .how-it-works__text, .how-it-works__item:nth-child(3) .how-it-works__text {
        left: 80%
    }
}

.how-it-works__item:nth-child(2) .how-it-works__text {
    right: 100%
}

@media (max-width: 1023px) {
    .how-it-works__item:nth-child(2) .how-it-works__text {
        right: 80%
    }
}

.how-it-works__item:nth-child(4) .how-it-works__text {
    left: -75%
}

@media (max-width: 1023px) {
    .how-it-works__item:nth-child(4) .how-it-works__text {
        left: -150%
    }
}@media (min-width: 1024px) {}

@media (max-width: 1023px) {}

.autorestake__title {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width: 1023px) {
    .autorestake__title {
        padding-left: calc(var(--scale-factor, 1) * 23px)
    }
}

.autorestake__description {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 18px);
    font-weight: 400;
    line-height: 1.78;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(179.04deg, #ffffff .82%, rgba(255, 255, 255, 0) 109.01%);
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

@media (max-width: 1023px) {
    .autorestake__description {
        padding-left: 3em
    }
}

.autorestake__description--fade {
    padding-left: 3em
}

@media (max-width: 1023px) {
    .autorestake__description--fade {
        padding-left: 6em
    }
}

@media (min-width: 1024px) {}
}
}
}
}
}
}
}
}
}
}
}
}

@media (max-width: 1023px) {}
}
}
}
}
}
}
}
}

.footer {
    position: relative
}

@media (min-width: 1024px) {
    .footer {
        padding-top: 157px
    }
}

.footer__docs {
    margin-top: 30px
}

.footer__docs a {
    color: inherit
}

.footer__content {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;}

@media (min-width: 1024px) {
    .footer__content {
        height: auto;
        background-image: none;
    }
}


@media (max-width: 1023px) {
    .footer__content {
        margin-top: 24px;
        padding-top: 0;
        height: auto;
        background-image: none;
    }
}


.footer__all-rights {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0
}

.mobile-menu {
    display: none;
    z-index: 3;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: var(--landing-background);
    background-color: var(--landing-foreground)
}

.mobile-menu--open {
    display: block
}

.mobile-menu__header {
    padding: 16px;
    margin-bottom: 32px
}

.mobile-menu__logo {
    padding-left: 32px
}

.mobile-menu__title {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 32px);
    font-weight: 700;
    line-height: 1.41;
    padding-left: 32px;
    max-width: 237px
}

.mobile-menu__subtitle {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 18px);
    font-weight: 400;
    line-height: 1.78;
    padding-left: 32px;
    max-width: 200px;
    margin-top: 8px
}

.mobile-menu__launch-app {
    margin-top: 16px;
    padding-left: 32px
}

.mobile-menu .join-us {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/assets/background-mobile-menu.36211fa6.png);
    padding-top: 48px;
    width: calc(var(--scale-factor, 1) * 390px);
    height: calc(var(--scale-factor, 1) * 436px);
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(var(--scale-factor, 1) * -176px)
}

.mobile-menu .join-us__title {
    margin-left: 24px;
    margin-bottom: 16px
}

.mobile-menu .join-us__subtitle {
    margin-top: 16px
}

:root {
    --landing-background: #121212;
    --landing-foreground: #ffffff;
    --hero-gradient-background: linear-gradient(226.69deg, #5fc7ba 8.52%, rgba(0, 255, 224, 0) 44.91%);
    --hero-gradient-foreground: linear-gradient(150.8deg, #ff80eb 1.2%, rgba(255, 0, 214, 0) 56.67%);
    --border-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%)
}

.launch-app-modal {
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: var(--landing-foreground);
    color: var(--landing-background)
}

@media (min-width: 1024px) {
    .launch-app-modal {
        width: calc(var(--scale-factor, 1) * 1012px);
        height: calc(var(--scale-factor, 1) * 756px);
        border: 1px solid #000000;
        margin: auto;
        border-radius: 45px
    }
}

@media (max-width: 1023px) {
    .launch-app-modal {
        background-color: #000;
        color: #fff
    }
}

.launch-app-modal--open {
    display: block
}

.launch-app-modal__text {
    text-align: center
}

@media (max-width: 1023px) {
    .launch-app-modal__text {
        font-family: Poppins, sans-serif;
        font-size: calc(var(--scale-factor, 1) * 45px);
        font-weight: 700;
        line-height: 1.42;
        -webkit-background-clip: text;
        background-clip: text;
        background-image: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, .19) 100%);
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        margin-top: 149px;
        margin-left: calc(var(--scale-factor, 1) * 21px);
        margin-right: calc(var(--scale-factor, 1) * 22px)
    }
}

@media (min-width: 1024px) {
    .launch-app-modal__text {
        font-family: Poppins, sans-serif;
        font-size: calc(var(--scale-factor, 1) * 85px);
        font-weight: 700;
        line-height: 1.41;
        -webkit-background-clip: text;
        background-clip: text;
        background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        padding-right: 24px;
        padding-left: 24px;
        margin-top: 128px;
        margin-left: 54px;
        margin-right: 54px
    }
}

.launch-app-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

.launch-app-modal__socials--desktop {
    margin-top: 16px
}

.launch-app-modal__socials--desktop .socials {
    --social-icon-size: 130px;
    --social-icon-gap: 90px
}

.launch-app-modal__socials--desktop .socials__icon {
    padding: 16px
}

.launch-app-modal__socials--desktop .socials__icon:hover {
    background-color: #363636;
    border-radius: 14px
}

.launch-app-modal__socials--mobile {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0
}

.launch-app-modal__socials--mobile .socials {
    --social-icon-size: 50px;
    --social-icon-gap: 50px
}

.launch-app-modal__logo {
    width: 40px;
    height: 40px;
    margin-top: 36px
}

/* FIX: footer must not paint a solid black bar over the page background */
.footer__content{background: transparent !important; background-image: none !important; height: auto !important;}