@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Mono:regular,500,600&display=swap);

@font-face {
    font-family: 4b;
    font-display: swap;
    src: url(../fonts/04B_30__.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GrapeSoda;
    font-display: swap;
    src: url(../fonts/GrapeSoda.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Pixeloid Sans";
    font-display: swap;
    src: url(../fonts/PixeloidSans.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Pixeloid Sans";
    font-display: swap;
    src: url(../fonts/PixeloidSans-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

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

*::after,
*::before {
    display: inline-block
}

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

body {
    color: #000;
    line-height: 1;
    font-family: "Pixeloid Sans";
    font-size: 1.125rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: "Pixeloid Sans";
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: rgba(0, 0, 0, 0)
}

input,
textarea {
    width: 100%
}

label {
    display: inline-block
}

button,
option,
select {
    cursor: pointer
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

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

.lock body {
    overflow: hidden;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@supports (overflow:clip) {
    .wrapper {
        overflow: clip
    }
}

.wrapper>main {
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    max-width: 101.25rem;
    margin: 0 auto;
    padding: 0 .9375rem
}

[class*="--gc"] {
    display: grid;
    min-width: 0;
    grid-template-columns: .9375rem 1fr minmax(auto, 99.375rem) 1fr .9375rem
}

[class*="--gc"]>* {
    min-width: 0;
    grid-column: 3/4
}

.menu__list {
    display: flex;
    align-items: center
}

.menu__link {
    color: #000;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    transition: color .15s ease 0s
}

.menu__link._navigator-active {
    color: #ff0004
}

.menu__link::first-letter {
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.icon-menu {
    display: none
}

.ibg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ibg--top {
    -o-object-position: top;
    object-position: top
}

.ibg--bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.ibg--left {
    -o-object-position: left;
    object-position: left
}

.ibg--right {
    -o-object-position: right;
    object-position: right
}

.ibg--contain {
    -o-object-fit: contain;
    object-fit: contain
}

.header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: .25rem solid #000;
    background: #fff;
    transition: border-bottom .15s ease 0s
}

.header:has(.header__buy:hover) {
    border-bottom: .25rem solid #FFD700
}

.header:has(.header__buy:hover) .header__social {
    border-left: .25rem solid #FFD700
}

.header__container {
    max-width: 100%;
    min-height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem
}

.header__left {
    display: flex;
    align-items: center;
    -webkit-column-gap: .9375rem;
    -moz-column-gap: .9375rem;
    column-gap: .9375rem
}

.header__buy {
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    width: 11.5625rem;
    height: 3.375rem;
    background-color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    transition: background-color .15s ease 0s
}

.header__buy span {
    color: #fff;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.header__right {
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.header__time {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2
}

.header__social {
    min-height: 100%;
    display: flex;
    align-items: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    padding-left: 1.5rem;
    padding-right: .5625rem;
    border-left: .25rem solid #000;
    transition: border-left .15s ease 0s
}

.header__social-item svg path {
    transition: fill .15s ease 0s
}

.page__how {
    padding-top: 3.75rem
}

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

.hero__bg {
    position: absolute;
    z-index: 1;
    inset: 0
}

.hero__bg img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero__bg img:nth-child(1) {
    display: block
}

.hero__bg img:nth-child(2) {
    display: block
}

.hero__container {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.hero__title {
    -webkit-transform: translateY(-115%) scaleX(1) scaleY(1);
    transform: translateY(-115%) scaleX(1) scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top;
    will-change: transform
}

.hero__title img {
    width: 100%
}

.hero__body {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.hero__image {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    will-change: transform
}

.loaded .hero__image {
    -webkit-animation: heroImageStart .8s ease-in .4s forwards;
    animation: heroImageStart .8s ease-in .4s forwards
}

.hero__image img {
    width: 100%
}

.hero__actions {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility
}

.loaded .hero__actions {
    -webkit-animation: opacity .3s ease 1.2s forwards;
    animation: opacity .3s ease 1.2s forwards
}

.hero__buy {
    position: relative;
    z-index: 2;
    flex-shrink: 0
}

.hero__buy::before {
    content: "";
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 2;
    width: 66%;
    aspect-ratio: 1;
    top: 40%;
    right: -20%;
    -webkit-transform: translate(10%, 10%);
    transform: translate(10%, 10%);
    opacity: 0;
    background: url(../img/hero/cursor.png) center/contain no-repeat;
    transition: opacity .15s ease 0s
}

.hero__buy img {
    width: 100%
}

.hero__social {
    display: flex;
    flex-wrap: wrap
}

.hero__social-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: background-color .15s ease 0s
}

.hero__social-item span {
    color: #fff;
    text-align: center;
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    background-color: #000
}

@-webkit-keyframes cursor {
    0% {
        -webkit-transform: translate(10%, 10%);
        transform: translate(10%, 10%)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(10%, 10%);
        transform: translate(10%, 10%)
    }
}

@keyframes cursor {
    0% {
        -webkit-transform: translate(10%, 10%);
        transform: translate(10%, 10%)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(10%, 10%);
        transform: translate(10%, 10%)
    }
}

@-webkit-keyframes heroTitleStart {
    0% {
        -webkit-transform: translateY(-115%) scaleX(1) scaleY(1);
        transform: translateY(-115%) scaleX(1) scaleY(1)
    }

    80% {
        -webkit-transform: translateY(35%) scaleX(1.1) scaleY(.95);
        transform: translateY(35%) scaleX(1.1) scaleY(.95)
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}

@keyframes heroTitleStart {
    0% {
        -webkit-transform: translateY(-115%) scaleX(1) scaleY(1);
        transform: translateY(-115%) scaleX(1) scaleY(1)
    }

    80% {
        -webkit-transform: translateY(35%) scaleX(1.1) scaleY(.95);
        transform: translateY(35%) scaleX(1.1) scaleY(.95)
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}

@-webkit-keyframes heroTitleStart2 {
    0% {
        -webkit-transform: translateY(-170%) scaleX(1) scaleY(1);
        transform: translateY(-170%) scaleX(1) scaleY(1)
    }

    80% {
        -webkit-transform: translateY(35%) scaleX(1.1) scaleY(.95);
        transform: translateY(35%) scaleX(1.1) scaleY(.95)
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}

@keyframes heroTitleStart2 {
    0% {
        -webkit-transform: translateY(-170%) scaleX(1) scaleY(1);
        transform: translateY(-170%) scaleX(1) scaleY(1)
    }

    80% {
        -webkit-transform: translateY(35%) scaleX(1.1) scaleY(.95);
        transform: translateY(35%) scaleX(1.1) scaleY(.95)
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}

@-webkit-keyframes heroImageStart {
    0% {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }

    60% {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }

    80% {
        -webkit-transform: scaleX(1.05) scaleY(.95);
        transform: scaleX(1.05) scaleY(.95)
    }

    100% {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }
}

@keyframes heroImageStart {
    0% {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }

    60% {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }

    80% {
        -webkit-transform: scaleX(1.05) scaleY(.95);
        transform: scaleX(1.05) scaleY(.95)
    }

    100% {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
        visibility: hidden
    }

    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
        visibility: hidden
    }

    100% {
        opacity: 1;
        visibility: visible
    }
}

.line {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    background-color: #000;
    padding: .9375rem 0;
    margin-top: -.125rem
}

.line__row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    will-change: transform;
    -webkit-animation: line 24s linear infinite;
    animation: line 24s linear infinite
}

@-webkit-keyframes line {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes line {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.about {
    position: relative;
    z-index: 3
}

.about__bg {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden
}

.about__bg img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-animation: about-bg 4s ease-in-out infinite;
    animation: about-bg 4s ease-in-out infinite
}

.about__container {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: flex-end
}

.about__body {
    max-width: 65.125rem;
    border: .375rem solid #000;
    background-color: #fff;
    box-shadow: .75rem .5rem 0 0 #000
}

.about__body-header {
    border-bottom: .25rem solid #000
}

.about__body-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    padding: .5rem 1rem
}

.about__body-header-top-circles {
    display: flex;
    align-items: center;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.about__body-header-top-circles svg {
    width: 1rem
}

.about__body-header-top-title {
    color: #fff;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2
}

.about__body-header-top-icon {
    margin-left: 1.5rem
}

.about__body-header-bottom {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .75rem 2rem;
    display: flex;
    align-items: center;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.about__body-header-bottom span {
    display: inline-block;
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2
}

.about__body-header-bottom span::first-letter {
    color: #000;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.about__body-main {
    display: flex;
    align-items: center
}

.about__body-title img {
    width: 100%
}

.about__body-text {
    display: flex;
    flex-direction: column
}

.about__body-text p {
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3
}

.about__body-text p a {
    color: #001aff;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.about__body-image {
    position: relative;
    flex-shrink: 0;
    border: .25rem solid #000
}

.about__body-image::before {
    content: "";
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 45%;
    right: 15%;
    aspect-ratio: 1500/710;
    background: url(../img/about/01.png) center/contain no-repeat;
    -webkit-animation: none;
        animation: none;
    -webkit-transform-origin: right;
    transform-origin: right
}

.about__body-image img {
    width: 100%
}

.about__line {
    position: relative;
    z-index: 2
}

@-webkit-keyframes about-bg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes about-bg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes about-image {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    15% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg)
    }

    25% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    30% {
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg)
    }

    35% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes about-image {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    15% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg)
    }

    25% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    30% {
        -webkit-transform: rotate(.5deg);
        transform: rotate(.5deg)
    }

    35% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.how {
    position: relative
}

.how__bg {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 140%
}

.how__bg img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.how__container {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-end
}

.how__image img {
    width: 100%
}

.how__item {
    position: relative;
    border: .375rem solid #000;
    background-color: #fff;
    box-shadow: .75rem .5rem 0 0 #000;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility
}

.how__item._watcher-view {
    -webkit-animation: opacity .3s ease .2s forwards;
    animation: opacity .3s ease .2s forwards
}

/* Force show all how items */
.how__item {
    opacity: 1 !important;
    visibility: visible !important;
}

.how__item-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    padding: .5rem 1rem
}

.how__item-header-top-circles {
    display: flex;
    align-items: center;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.how__item-header-top-circles svg {
    width: 1rem
}

.how__item-header-top-title {
    color: #fff;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2
}

.how__item-header-top-icon {
    margin-left: 1.5rem
}

.how__item-body h3 img {
    width: 100%
}

.how__item-body p {
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25
}

.how__item-body p a {
    color: #001aff;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.tokenomics {
    position: relative
}

.tokenomics__bg {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 1;
    top: -20%;
    left: 0;
    width: 100%;
    height: 120%
}

.tokenomics__bg img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.tokenomics__container {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center
}

.tokenomics__title img {
    width: 100%;
    will-change: transform;
    -webkit-animation: tokTitle 1s ease infinite;
    animation: tokTitle 1s ease infinite
}

.tokenomics__body {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.tokenomics__image {
    position: relative;
    z-index: 2;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tokenomics__image img {
    width: 110%;
    will-change: transform;
    -webkit-animation: tokImage 4s ease infinite;
    animation: tokImage 4s ease infinite
}

.tokenomics__content {
    position: relative;
    z-index: 1;
    border: .375rem solid #000;
    background-color: #fff;
    box-shadow: .75rem .5rem 0 0 #000
}

.tokenomics__content-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    padding: .5rem 1rem
}

.tokenomics__content-header-top-circles {
    display: flex;
    align-items: center;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.tokenomics__content-header-top-circles svg {
    width: 1rem
}

.tokenomics__content-header-title {
    color: #fff;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2
}

.tokenomics__content-header-icon {
    margin-left: 1.5rem
}

.tokenomics__content-body {
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
    background: linear-gradient(#dadada, transparent .125rem), linear-gradient(90deg, #dadada, transparent .125rem);
    background-size: 3vw 3vw;
    background-position: center center
}

.tokenomics__content-row {
    display: flex;
    align-items: center
}

.tokenomics__content-row-left {
    flex: 0 0 45%;
    display: flex;
    align-items: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.tokenomics__content-row-left span {
    color: #000;
    font-style: normal;
    font-weight: 700;
    line-height: 1
}

.tokenomics__content-row-right {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding-left: 1.25rem
}

.tokenomics__content-row-right span:nth-child(1) {
    flex: 0 0 25%;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.tokenomics__content-row-right span:nth-child(2) {
    position: relative;
    display: inline-block;
    overflow: hidden;
    flex: 0 0 calc(75% - .625rem);
    width: 100%;
    height: 1.5rem;
    border: .25rem solid #000;
    margin-left: .625rem
}

.tokenomics__content-row-right span:nth-child(2).small {
    flex: 0 0 55%
}

.tokenomics__content-row-right span:nth-child(2).small::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #545454
}

.tokenomics__content-row-right span:nth-child(2).small::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #3bfa01
}

.tokenomics__content-row-right span:nth-child(2).large::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    background-color: #545454
}

.tokenomics__content-row-right span:nth-child(2).large::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    background-color: #3bfa01
}

.tokenomics__content-row-right span:nth-child(2).medium {
    flex: 0 0 65%
}

.tokenomics__content-row-right span:nth-child(2).medium::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 200%;
    height: 400%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    will-change: transform;
    background: url(../img/tokenomics/pool.jpg) bottom/cover no-repeat;
    -webkit-animation: fire 10s steps(20) infinite;
    animation: fire 10s steps(20) infinite
}

@-webkit-keyframes fire {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    50% {
        -webkit-transform: translate(-25%, -25%);
        transform: translate(-25%, -25%)
    }

    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes fire {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    50% {
        -webkit-transform: translate(-25%, -25%);
        transform: translate(-25%, -25%)
    }

    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@-webkit-keyframes tokTitle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tokTitle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes tokImage {
    0% {
        -webkit-transform: translateY(-2%);
        transform: translateY(-2%)
    }

    50% {
        -webkit-transform: translateY(2%);
        transform: translateY(2%)
    }

    100% {
        -webkit-transform: translateY(-2%);
        transform: translateY(-2%)
    }
}

@keyframes tokImage {
    0% {
        -webkit-transform: translateY(-2%);
        transform: translateY(-2%)
    }

    50% {
        -webkit-transform: translateY(2%);
        transform: translateY(2%)
    }

    100% {
        -webkit-transform: translateY(-2%);
        transform: translateY(-2%)
    }
}

.join {
    position: relative;
    z-index: 2
}

.join__top {
    position: relative;
    padding-bottom: 0;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
}

.join__top-bg {
    position: absolute;
    z-index: 1;
    inset: 0
}

.join__top-bg img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.join__container {
    position: relative;
    z-index: 2
}

.join__top-up {
    display: flex;
    align-items: flex-start
}

.join__top-up-content {
    position: relative;
    z-index: 2
}

.join__top-up-title img {
    width: 100%;
    will-change: transform;
    -webkit-animation: tokTitle 1s ease .5s infinite;
    animation: tokTitle 1s ease .5s infinite
}

.join__top-up-buy {
    position: relative;
    z-index: 2;
    aspect-ratio: 272/107
}

.join__top-up-buy::before {
    content: "";
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 2;
    width: 40%;
    aspect-ratio: 1;
    top: 40%;
    right: -15%;
    -webkit-transform: translate(10%, 10%);
    transform: translate(10%, 10%);
    opacity: 0;
    background: url(../img/join/cursor.png) center/contain no-repeat;
    transition: opacity .15s ease 0s
}

.join__top-up-buy img {
    width: 100%
}

.join__top-up-image img {
    display: inline-block;
    width: 100%;
    will-change: transform;
    -webkit-animation: joinImg 1s ease infinite;
    animation: joinImg 1s ease infinite
}

.join__top-down {
    display: flex;
    align-items: center
}

.join__top-down-left {
    position: relative;
    z-index: 2;
    flex: 0 0 30%;
    -webkit-transform: translateY(-12%);
    transform: translateY(-12%);
    border: .375rem solid #000;
    background-color: #fff;
    box-shadow: .75rem .5rem 0 0 #000
}

.join__top-down-left-header {
    border-bottom: .25rem solid #000
}

.join__top-down-left-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    padding: .5rem 1rem
}

.join__top-down-left-header-top-circles {
    display: flex;
    align-items: center;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.join__top-down-left-header-top-circles svg {
    width: 1rem
}

.join__top-down-left-header-top-title {
    color: #fff;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2
}

.join__top-down-left-header-top-icon {
    margin-left: 1.5rem
}

.join__top-down-left-header-bottom {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .75rem 2rem;
    display: flex;
    align-items: center;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.join__top-down-left-header-bottom span {
    display: inline-block;
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2
}

.join__top-down-left-header-bottom span::first-letter {
    color: #000;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.join__top-down-left-body {
    width: 100%
}

.join__top-down-left-image {
    position: relative;
    width: 100%
}

.join__top-down-left-image::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    box-shadow: -3.118px -3.118px 0 0 #fff inset, 3.118px 3.118px 0 0 #8a8585 inset, 4.677px 4.677px 0 0 #000 inset
}

.join__top-down-left-image img {
    width: 100%
}

.join__top-down-right {
    position: relative;
    z-index: 1;
    border: .375rem solid #000;
    background-color: #fff;
    box-shadow: .75rem .5rem 0 0 #000
}

.join__top-down-right-header {
    border-bottom: .25rem solid #000
}

.join__top-down-right-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    padding: .5rem 1rem
}

.join__top-down-right-header-top-circles {
    display: flex;
    align-items: center;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.join__top-down-right-header-top-circles svg {
    width: 1rem
}

.join__top-down-right-header-top-title {
    color: #fff;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2
}

.join__top-down-right-header-top-icon {
    margin-left: 1.5rem
}

.join__top-down-right-header-bottom {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .75rem 2rem;
    display: flex;
    align-items: center;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.join__top-down-right-header-bottom span {
    display: inline-block;
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2
}

.join__top-down-right-header-bottom span::first-letter {
    color: #000;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.join__top-down-right-body {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center
}

.join__top-down-right-bg {
    position: absolute;
    z-index: 1
}

.join__top-down-right-bg::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    box-shadow: -3.118px -3.118px 0 0 #fff inset, 3.118px 3.118px 0 0 #8a8585 inset, 4.677px 4.677px 0 0 #000 inset
}

.join__top-down-right-bg img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.join__top-down-right-body-menu {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.join__top-down-right-body-menu-item {
    color: #ffb700;
    text-shadow: 0 -1.187px 0 #ffe522, 0 2.375px 0 #0a0f77;
    font-family: GrapeSoda;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    transition: all .15s ease 0s
}

.join__top-down-right-body-social {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.join__top-down-right-body-social-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: background-color .15s ease 0s
}

.join__top-down-right-body-social-item span {
    color: #fff;
    text-align: center;
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    background-color: #000
}

.join__bottom {
    background-color: #000
}

.join__bottom-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 0
}

.join__bottom-body span {
    color: #fff;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase
}

.join__bottom-body a {
    display: flex;
    align-items: center;
    -webkit-column-gap: .375rem;
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

@-webkit-keyframes joinImg {
    0% {
        -webkit-transform: translateY(0) rotate(-2deg) scaleY(.98);
        transform: translateY(0) rotate(-2deg) scaleY(.98)
    }

    50% {
        -webkit-transform: translateY(0) rotate(2deg) scaleY(1);
        transform: translateY(0) rotate(2deg) scaleY(1)
    }

    75% {
        -webkit-transform: translateY(-1.5%) rotate(2deg) scaleY(1.02);
        transform: translateY(-1.5%) rotate(2deg) scaleY(1.02)
    }

    100% {
        -webkit-transform: translateY(0) rotate(-2deg) scaleY(.98);
        transform: translateY(0) rotate(-2deg) scaleY(.98)
    }
}

@keyframes joinImg {
    0% {
        -webkit-transform: translateY(0) rotate(-2deg) scaleY(.98);
        transform: translateY(0) rotate(-2deg) scaleY(.98)
    }

    50% {
        -webkit-transform: translateY(0) rotate(2deg) scaleY(1);
        transform: translateY(0) rotate(2deg) scaleY(1)
    }

    75% {
        -webkit-transform: translateY(-1.5%) rotate(2deg) scaleY(1.02);
        transform: translateY(-1.5%) rotate(2deg) scaleY(1.02)
    }

    100% {
        -webkit-transform: translateY(0) rotate(-2deg) scaleY(.98);
        transform: translateY(0) rotate(-2deg) scaleY(.98)
    }
}

@media (min-width:47.99875em) {
    .hero__bg img:nth-child(2) {
        display: none
    }

    .loaded .hero__title {
        -webkit-animation: heroTitleStart .8s ease-in .4s forwards;
        animation: heroTitleStart .8s ease-in .4s forwards
    }

    .hero__image {
        flex: 0 0 55%
    }

    .hero__actions {
        flex: 1 1 auto
    }

    .about__body-content {
        flex: 1 1 auto
    }

    .how__image {
        flex: 0 0 65%;
        margin-left: -7%
    }

    .how__content {
        flex: 0 0 48%;
        -webkit-transform: translateX(-10.4%);
        transform: translateX(-10.4%)
    }

    .how__item:nth-child(2) {
        z-index: 2;
        margin-top: -1.25rem;
        -webkit-transform: translateX(-15%);
        transform: translateX(-15%)
    }

    .how__item:nth-child(3) {
        z-index: 3;
        margin-top: -1.25rem
    }

    .tokenomics__image {
        flex: 0 0 50%
    }

    .tokenomics__image img {
        width: 120%
    }

    .tokenomics__content {
        flex: 0 0 50%
    }

    .join__top-up-content {
        flex: 0 0 55%
    }

    .join__top-up-image {
        flex: 0 0 55%;
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%)
    }

    .join__top-down-right {
        flex: 0 0 80%;
        -webkit-transform: translateX(-18%);
        transform: translateX(-18%)
    }
}

@media (min-width:101.25em) {
    .menu__list {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .menu__link {
        font-size: 1.125rem
    }

    .header__buy {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .header__buy {
        width: 11.5625rem
    }

    .header__buy img {
        width: 2.25rem
    }

    .header__buy span {
        font-size: 1.125rem
    }

    .header__right {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .header__time {
        font-size: 1.125rem
    }

    .header__social {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .page__about {
        padding-top: 8.75rem
    }

    .page__how {
        padding-bottom: 13.75rem
    }

    .hero__container {
        padding-top: 5rem
    }

    .hero__title {
        width: 55.0625rem
    }

    .hero__body {
        margin-top: -8.75rem
    }

    .hero__image {
        margin-left: -6.875rem
    }

    .hero__actions {
        padding-bottom: 5rem
    }

    .hero__actions {
        -webkit-column-gap: 5.625rem;
        -moz-column-gap: 5.625rem;
        column-gap: 5.625rem
    }

    .hero__buy {
        width: 19.625rem
    }

    .hero__social {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .hero__social {
        row-gap: 2rem
    }

    .hero__social-item {
        row-gap: 1rem
    }

    .hero__social-item img {
        width: 4rem
    }

    .hero__social-item span {
        font-size: 1.125rem
    }

    .line__row {
        -webkit-column-gap: 1.125rem;
        -moz-column-gap: 1.125rem;
        column-gap: 1.125rem
    }

    .line__row {
        padding-left: 1.125rem
    }

    .line__row img {
        width: 21.8125rem
    }

    .about__body {
        margin-bottom: 20.625rem
    }

    .about__body-main {
        padding: 2rem
    }

    .about__body-main {
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .about__body-title {
        width: 28.125rem
    }

    .about__body-title {
        margin-bottom: 2.5rem
    }

    .about__body-text {
        row-gap: 1rem
    }

    .about__body-text p {
        font-size: 1.125rem
    }

    .about__body-image {
        width: 25rem
    }

    .about__body-image::before {
        width: 93.75rem
    }

    .how__item-body {
        padding: 2rem
    }

    .how__item-body h3 {
        width: 21.6875rem
    }

    .how__item-body h3 {
        margin-bottom: 1.5rem
    }

    .how__item-body p {
        font-size: 1.125rem
    }

    .how__item-body p:not(:last-child) {
        margin-bottom: 1rem
    }

    .tokenomics__title {
        width: 64.3125rem
    }

    .tokenomics__body {
        margin-top: -3.75rem
    }

    .tokenomics__content {
        margin-bottom: 9.375rem
    }

    .tokenomics__content-body {
        padding-top: 2.5rem
    }

    .tokenomics__content-body {
        padding-bottom: 2.5rem
    }

    .tokenomics__content-body {
        padding-left: 2rem
    }

    .tokenomics__content-body {
        padding-right: 2rem
    }

    .tokenomics__content-row-left span {
        font-size: 1.5rem
    }

    .tokenomics__content-row-right span:nth-child(1) {
        font-size: 1.5rem
    }

    .tokenomics__content-row-right span:nth-child(2) {
        height: 1.875rem
    }

    .join__top {
        padding-top: 9.375rem
    }

    .join__top-up-title {
        width: 55.75rem
    }

    .join__top-up-title {
        margin-bottom: 2.75rem
    }

    .join__top-up-buy {
        width: 17rem
    }

    .join__top-down {
        margin-top: -8.75rem
    }

    .join__top-down-left-body {
        padding: 2rem
    }

    .join__top-down-right-body {
        -webkit-column-gap: 11.25rem;
        -moz-column-gap: 11.25rem;
        column-gap: 11.25rem
    }

    .join__top-down-right-body {
        padding: 2rem
    }

    .join__top-down-right-bg {
        inset: 2rem
    }

    .join__top-down-right-body-menu {
        margin-left: 15rem
    }

    .join__top-down-right-body-menu {
        row-gap: 2.375rem
    }

    .join__top-down-right-body-menu {
        padding-top: 2.25rem
    }

    .join__top-down-right-body-menu {
        padding-bottom: 2.25rem
    }

    .join__top-down-right-body-menu-item {
        font-size: 2.375rem
    }

    .join__top-down-right-body-social {
        gap: 1.75rem
    }

    .join__top-down-right-body-social-item {
        row-gap: 1rem
    }

    .join__top-down-right-body-social-item img {
        width: 4rem
    }

    .join__top-down-right-body-social-item span {
        font-size: 1.125rem
    }
}

@media (max-width:20em) {
    .header__right {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .page__about {
        padding-top: 3.75rem
    }

    .page__how {
        padding-bottom: 5rem
    }

    .hero__container {
        padding-top: 7.5rem
    }

    .hero__title {
        width: 18.125rem
    }

    .hero__body {
        margin-top: -2.5rem
    }

    .hero__image {
        margin-left: -5rem
    }

    .hero__buy {
        width: 11.25rem
    }

    .hero__social-item {
        row-gap: .625rem
    }

    .hero__social-item img {
        width: 3.375rem
    }

    .hero__social-item span {
        font-size: .875rem
    }

    .line__row {
        -webkit-column-gap: .75rem;
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    .line__row {
        padding-left: .75rem
    }

    .line__row img {
        width: 12.5rem
    }

    .about__body {
        margin-bottom: 8.75rem
    }

    .about__body-content {
        padding: 1.25rem
    }

    .about__body-title {
        width: 17.25rem
    }

    .about__body-title {
        margin-bottom: 1.25rem
    }

    .about__body-text {
        row-gap: .75rem
    }

    .about__body-text p {
        font-size: 1rem
    }

    .how__item-body {
        padding: .9375rem
    }

    .how__item-body h3 {
        width: 15rem
    }

    .how__item-body h3 {
        margin-bottom: 1rem
    }

    .how__item-body p {
        font-size: 1rem
    }

    .how__item-body p:not(:last-child) {
        margin-bottom: .75rem
    }

    .tokenomics__title {
        width: 19.375rem
    }

    .join__top {
        padding-top: 5rem
    }

    .join__top-up-title {
        width: 19.375rem
    }

    .join__top-up-title {
        margin-bottom: 1.5rem
    }

    .join__top-up-buy {
        width: 11.25rem
    }

    .join__top-down-left-body {
        padding: .9375rem
    }

    .join__top-down-right-body {
        padding: .9375rem
    }

    .join__top-down-right-bg {
        inset: .9375rem
    }

    .join__top-down-right-body-menu-item {
        font-size: 2.0625rem
    }

    .join__top-down-right-body-social-item {
        row-gap: .375rem
    }

    .join__top-down-right-body-social-item img {
        width: 2.875rem
    }

    .join__top-down-right-body-social-item span {
        font-size: .8125rem
    }
}

@media (max-width:74.99875em) {
    .tokenomics__content-body {
        row-gap: .75rem
    }

    .tokenomics__content-row {
        flex-direction: column;
        align-items: stretch
    }

    .tokenomics__content-row-right {
        padding-left: 3.75rem
    }
}

@media (max-width:61.99875em) {
    .header__container {
        padding-left: 0;
        padding-right: 0
    }

    .header__social {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .hero__actions {
        align-items: center
    }
}

@media (max-width:47.99875em) {
    .menu__body {
        position: fixed;
        width: 100%;
        height: auto;
        right: -100%;
        top: 3.625rem;
        overflow: auto;
        padding: 2.5rem .9375rem 1.875rem;
        transition: right .3s;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border-bottom: .25rem solid #000;
        border-left: .25rem solid #000
    }

    .menu-open .menu__body {
        right: 0
    }

    .menu__list {
        flex-direction: column;
        row-gap: 1.875rem
    }

    .menu__link {
        font-size: 1.375rem
    }

    .icon-menu {
        display: block;
        position: relative;
        width: 1.875rem;
        height: 1.125rem;
        z-index: 5
    }

    .icon-menu span,
    .icon-menu::after,
    .icon-menu::before {
        content: "";
        transition: all .3s ease 0s;
        right: 0;
        position: absolute;
        width: 100%;
        height: .125rem;
        background-color: #000
    }

    .icon-menu::before {
        top: 0
    }

    .icon-menu::after {
        bottom: 0
    }

    .icon-menu span {
        top: calc(50% - .0625rem)
    }

    .menu-open .icon-menu span {
        width: 0
    }

    .menu-open .icon-menu::before {
        top: calc(50% - .0625rem);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu-open .icon-menu::after {
        bottom: calc(50% - .0625rem);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .header__container {
        flex-direction: row-reverse;
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .header__buy img {
        width: 2.25rem
    }

    .header__buy span {
        font-size: 1.125rem
    }

    .header__time {
        font-size: 1.125rem
    }

    .page__tokenomics {
        padding-top: 4.375rem
    }

    .hero__bg img:nth-child(1) {
        display: none
    }

    .hero__bg img {
        -o-object-position: 15% bottom;
        object-position: 15% bottom
    }

    .hero__container {
        padding-top: 8.75rem;
        padding-bottom: 2.5rem
    }

    .loaded .hero__title {
        -webkit-animation: heroTitleStart2 .8s ease-in .4s forwards;
        animation: heroTitleStart2 .8s ease-in .4s forwards
    }

    .hero__title {
        width: 100%;
        -webkit-transform: translateY(-170%) scaleX(1) scaleY(1);
        transform: translateY(-170%) scaleX(1) scaleY(1)
    }

    .hero__body {
        flex-direction: column;
        align-items: center
    }

    .hero__image {
        width: 100%
    }

    .hero__actions {
        flex-direction: column;
        align-items: center;
        row-gap: 1.25rem
    }

    .hero__social {
        justify-content: center;
        gap: 1.5rem
    }

    .line {
        padding: .75rem 0
    }

    .about__body {
        width: calc(100% + 1.875rem);
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }

    .about__body-header-bottom {
        padding: .75rem 1.375rem
    }

    .about__body-main {
        flex-direction: column
    }

    .about__body-content {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .about__body-image {
        width: 100%;
        border-left: none;
        border-right: none
    }

    .about__body-image::before {
        width: 250%;
        right: -25%;
        top: 50%
    }

    .how__bg {
        height: 130%
    }

    .how__bg img {
        -o-object-position: 65% bottom;
        object-position: 65% bottom
    }

    .how__container {
        flex-direction: column;
        align-items: center;
        row-gap: 2.5rem
    }

    .how__image {
        width: 120%
    }

    .how__content {
        width: 100%
    }

    .how__items {
        display: flex;
        flex-direction: column;
        row-gap: 1.25rem
    }

    .how__item-header-top-icon {
        margin-left: .75rem
    }

    .tokenomics__title {
        margin-bottom: 1.875rem
    }

    .tokenomics__body {
        flex-direction: column-reverse;
        padding-left: .9375rem
    }

    .tokenomics__image {
        margin-left: -.9375rem;
        width: calc(100% + 1.875rem);
        margin-top: -5rem
    }

    .tokenomics__content {
        width: 100%
    }

    .tokenomics__content-header-icon {
        margin-left: .75rem
    }

    .tokenomics__content-body {
        background-size: 6vw 6vw
    }

    .tokenomics__content-body {
        row-gap: 1.5rem;
        padding: 1.875rem .9375rem 3.125rem
    }

    .tokenomics__content-row-left span {
        font-size: 1.25rem
    }

    .tokenomics__content-row-right span:nth-child(1) {
        font-size: 1.25rem;
        flex: 0 0 30%
    }

    .tokenomics__content-row-right span:nth-child(2) {
        flex: 0 0 calc(70% - .625rem)
    }

    .join__top-up {
        flex-direction: column;
        align-items: center
    }

    .join__top-up-content {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .join__top-up-image {
        width: 100%
    }

    .join__top-down-left {
        display: none
    }

    .join__top-down-left-header-bottom {
        padding: .75rem 1.375rem
    }

    .join__top-down-right {
        width: 100%
    }

    .join__top-down-right-header-bottom {
        padding: .75rem 1.375rem
    }

    .join__top-down-right-body {
        justify-content: space-between
    }

    .join__top-down-right-body-menu {
        padding: 1.25rem;
        row-gap: 1.5rem;
        padding-right: .625rem
    }

    .join__top-down-right-body-social {
        grid-template-columns: repeat(1, 1fr);
        padding: 1.25rem;
        row-gap: .75rem;
        padding-left: .625rem
    }

    .join__bottom-body {
        flex-direction: column-reverse;
        row-gap: .625rem
    }
}

@media (max-width:47.99875em)and (any-hover:none) {
    .icon-menu {
        cursor: default
    }
}

@media (max-width:37.49875em) {
    .header__time {
        align-self: flex-end;
        margin-top: 2.5rem
    }

    .header__social {
        border-left: none
    }
}

@media (max-width:29.99875em) {
    .hero__container {
        padding-top: 10rem
    }
}

@media (min-width:47.99875em)and (max-width:101.25em) {
    .menu__list {
        -webkit-column-gap: clamp(.75rem, .0739771367rem + 1.4084176428vw, 1.5rem);
        -moz-column-gap: clamp(.75rem, .0739771367rem + 1.4084176428vw, 1.5rem);
        column-gap: clamp(.75rem, .0739771367rem + 1.4084176428vw, 1.5rem)
    }

    .menu__link {
        font-size: clamp(.8125rem, .530823807rem + .5868406845vw, 1.125rem)
    }

    .header__buy {
        -webkit-column-gap: clamp(.5rem, .0493180911rem + .9389450952vw, 1rem);
        -moz-column-gap: clamp(.5rem, .0493180911rem + .9389450952vw, 1rem);
        column-gap: clamp(.5rem, .0493180911rem + .9389450952vw, 1rem)
    }

    .header__buy {
        width: clamp(8.75rem, 6.2149142626rem + 5.2815661604vw, 11.5625rem)
    }

    .header__buy img {
        width: clamp(1.875rem, 1.5369885683rem + .7042088214vw, 2.25rem)
    }

    .header__buy span {
        font-size: clamp(1rem, .8873295228rem + .2347362738vw, 1.125rem)
    }

    .header__time {
        font-size: clamp(.8125rem, .530823807rem + .5868406845vw, 1.125rem)
    }

    .header__social {
        -webkit-column-gap: clamp(.75rem, .5246590456rem + .4694725476vw, 1rem);
        -moz-column-gap: clamp(.75rem, .5246590456rem + .4694725476vw, 1rem);
        column-gap: clamp(.75rem, .5246590456rem + .4694725476vw, 1rem)
    }

    .hero__body {
        margin-top: clamp(-8.75rem, -1.6198856834rem + -7.0420882139vw, -5rem)
    }

    .hero__image {
        margin-left: clamp(-6.875rem, 3.8201714748rem + -10.5631323208vw, -1.25rem)
    }

    .hero__actions {
        padding-bottom: clamp(3.125rem, 1.4349428417rem + 3.5210441069vw, 5rem)
    }

    .hero__actions {
        -webkit-column-gap: clamp(1.25rem, -2.6934667027rem + 8.2157695829vw, 5.625rem);
        -moz-column-gap: clamp(1.25rem, -2.6934667027rem + 8.2157695829vw, 5.625rem);
        column-gap: clamp(1.25rem, -2.6934667027rem + 8.2157695829vw, 5.625rem)
    }

    .hero__buy {
        width: clamp(10rem, 1.3243732541rem + 18.0746930823vw, 19.625rem)
    }

    .hero__social {
        -webkit-column-gap: clamp(.75rem, .0739771367rem + 1.4084176428vw, 1.5rem);
        -moz-column-gap: clamp(.75rem, .0739771367rem + 1.4084176428vw, 1.5rem);
        column-gap: clamp(.75rem, .0739771367rem + 1.4084176428vw, 1.5rem)
    }

    .hero__social {
        row-gap: clamp(1rem, .0986361822rem + 1.8778901904vw, 2rem)
    }

    .hero__social-item {
        row-gap: clamp(.625rem, .2869885683rem + .7042088214vw, 1rem)
    }

    .hero__social-item img {
        width: clamp(3rem, 2.0986361822rem + 1.8778901904vw, 4rem)
    }

    .hero__social-item span {
        font-size: clamp(.75rem, .4119885683rem + .7042088214vw, 1.125rem)
    }

    .about__body {
        margin-bottom: clamp(12.5rem, 5.1764189808rem + 15.2578577968vw, 20.625rem)
    }

    .about__body-main {
        padding: clamp(1.25rem, .5739771367rem + 1.4084176428vw, 2rem)
    }

    .about__body-main {
        -webkit-column-gap: clamp(1.25rem, .5739771367rem + 1.4084176428vw, 2rem);
        -moz-column-gap: clamp(1.25rem, .5739771367rem + 1.4084176428vw, 2rem);
        column-gap: clamp(1.25rem, .5739771367rem + 1.4084176428vw, 2rem)
    }

    .about__body-title {
        width: clamp(20rem, 12.6764189808rem + 15.2578577968vw, 28.125rem)
    }

    .about__body-title {
        margin-bottom: clamp(1.25rem, .1232952278rem + 2.347362738vw, 2.5rem)
    }

    .about__body-text {
        row-gap: clamp(.75rem, .5246590456rem + .4694725476vw, 1rem)
    }

    .about__body-text p {
        font-size: clamp(.875rem, .6496590456rem + .4694725476vw, 1.125rem)
    }

    .about__body-image {
        width: clamp(20rem, 15.4931809112rem + 9.3894509519vw, 25rem)
    }

    .about__body-image::before {
        width: clamp(62.5rem, 34.3323806953rem + 58.6840684491vw, 93.75rem)
    }

    .how__item-body {
        padding: clamp(1.5rem, 1.0493180911rem + .9389450952vw, 2rem)
    }

    .how__item-body h3 {
        width: clamp(15rem, 8.9721294688rem + 12.5583906481vw, 21.6875rem)
    }

    .how__item-body h3 {
        margin-bottom: clamp(1rem, .5493180911rem + .9389450952vw, 1.5rem)
    }

    .how__item-body p {
        font-size: clamp(.875rem, .6496590456rem + .4694725476vw, 1.125rem)
    }

    .how__item-body p:not(:last-child) {
        margin-bottom: clamp(.75rem, .5246590456rem + .4694725476vw, 1rem)
    }

    .tokenomics__body {
        margin-top: clamp(-3.75rem, -1.3732952278rem + -2.347362738vw, -2.5rem)
    }

    .tokenomics__content {
        margin-bottom: clamp(3.75rem, -1.3201714748rem + 10.5631323208vw, 9.375rem)
    }

    .tokenomics__content-body {
        padding-top: clamp(1.5rem, .5986361822rem + 1.8778901904vw, 2.5rem)
    }

    .tokenomics__content-body {
        padding-bottom: clamp(1.5rem, .5986361822rem + 1.8778901904vw, 2.5rem)
    }

    .tokenomics__content-body {
        padding-left: clamp(1rem, .0986361822rem + 1.8778901904vw, 2rem)
    }

    .tokenomics__content-body {
        padding-right: clamp(1rem, .0986361822rem + 1.8778901904vw, 2rem)
    }

    .tokenomics__content-row-left span {
        font-size: clamp(1.25rem, 1.0246590456rem + .4694725476vw, 1.5rem)
    }

    .tokenomics__content-row-right span:nth-child(1) {
        font-size: clamp(1.25rem, 1.0246590456rem + .4694725476vw, 1.5rem)
    }

    .tokenomics__content-row-right span:nth-child(2) {
        height: clamp(1.625rem, 1.3996590456rem + .4694725476vw, 1.875rem)
    }

    .join__top-down {
        margin-top: clamp(-8.75rem, -1.6198856834rem + -7.0420882139vw, -5rem)
    }

    .join__top-down-right-body {
        -webkit-column-gap: clamp(2.5rem, -5.3869334053rem + 16.4315391657vw, 11.25rem);
        -moz-column-gap: clamp(2.5rem, -5.3869334053rem + 16.4315391657vw, 11.25rem);
        column-gap: clamp(2.5rem, -5.3869334053rem + 16.4315391657vw, 11.25rem)
    }

    .join__top-down-right-body-menu {
        margin-left: clamp(6.875rem, -.4485810192rem + 15.2578577968vw, 15rem)
    }

    .join__top-down-right-body-menu {
        row-gap: clamp(1.75rem, 1.1866476139rem + 1.173681369vw, 2.375rem)
    }

    .join__top-down-right-body-menu {
        padding-top: clamp(1.5rem, .8239771367rem + 1.4084176428vw, 2.25rem)
    }

    .join__top-down-right-body-menu {
        padding-bottom: clamp(1.5rem, .8239771367rem + 1.4084176428vw, 2.25rem)
    }

    .join__top-down-right-body-social {
        gap: clamp(1.25rem, .7993180911rem + .9389450952vw, 1.75rem)
    }

    .join__top-down-right-body-social-item {
        row-gap: clamp(.625rem, .2869885683rem + .7042088214vw, 1rem)
    }

    .join__top-down-right-body-social-item img {
        width: clamp(3rem, 2.0986361822rem + 1.8778901904vw, 4rem)
    }

    .join__top-down-right-body-social-item span {
        font-size: clamp(.75rem, .4119885683rem + .7042088214vw, 1.125rem)
    }
}

@media (min-width:20em)and (max-width:101.25em) {
    .header__right {
        -webkit-column-gap: clamp(1rem, .8769230769rem + .6153846154vw, 1.5rem);
        -moz-column-gap: clamp(1rem, .8769230769rem + .6153846154vw, 1.5rem);
        column-gap: clamp(1rem, .8769230769rem + .6153846154vw, 1.5rem)
    }

    .page__about {
        padding-top: clamp(3.75rem, 2.5192307692rem + 6.1538461538vw, 8.75rem)
    }

    .page__how {
        padding-bottom: clamp(5rem, 2.8461538462rem + 10.7692307692vw, 13.75rem)
    }

    .hero__container {
        padding-top: clamp(5rem, 8.1153846154rem + -3.0769230769vw, 7.5rem)
    }

    .hero__title {
        width: clamp(18.125rem, 9.0326923077rem + 45.4615384615vw, 55.0625rem)
    }

    .line__row {
        -webkit-column-gap: clamp(.75rem, .6576923077rem + .4615384615vw, 1.125rem);
        -moz-column-gap: clamp(.75rem, .6576923077rem + .4615384615vw, 1.125rem);
        column-gap: clamp(.75rem, .6576923077rem + .4615384615vw, 1.125rem)
    }

    .line__row {
        padding-left: clamp(.75rem, .6576923077rem + .4615384615vw, 1.125rem)
    }

    .line__row img {
        width: clamp(12.5rem, 10.2076923077rem + 11.4615384615vw, 21.8125rem)
    }

    .tokenomics__title {
        width: clamp(19.375rem, 8.3134615385rem + 55.3076923077vw, 64.3125rem)
    }

    .join__top {
        padding-top: clamp(5rem, 3.9230769231rem + 5.3846153846vw, 9.375rem)
    }

    .join__top-up-title {
        width: clamp(19.375rem, 10.4211538462rem + 44.7692307692vw, 55.75rem)
    }

    .join__top-up-title {
        margin-bottom: clamp(1.5rem, 1.1923076923rem + 1.5384615385vw, 2.75rem)
    }

    .join__top-up-buy {
        width: clamp(11.25rem, 9.8346153846rem + 7.0769230769vw, 17rem)
    }

    .join__top-down-left-body {
        padding: clamp(.9375rem, .6759615385rem + 1.3076923077vw, 2rem)
    }

    .join__top-down-right-body {
        padding: clamp(.9375rem, .6759615385rem + 1.3076923077vw, 2rem)
    }

    .join__top-down-right-bg {
        inset: clamp(.9375rem, .6759615385rem + 1.3076923077vw, 2rem)
    }

    .join__top-down-right-body-menu-item {
        font-size: clamp(2.0625rem, 1.9855769231rem + .3846153846vw, 2.375rem)
    }
}

@media (min-width:20em)and (max-width:47.99875em) {
    .hero__body {
        margin-top: clamp(-7.5rem, 1.0715880173rem + -17.8579400866vw, -2.5rem)
    }

    .hero__image {
        margin-left: clamp(-11.25rem, -.5355149783rem + -22.3224251083vw, -5rem)
    }

    .hero__buy {
        width: clamp(11.25rem, 5.267590071rem + 29.9120496451vw, 19.625rem)
    }

    .hero__social-item {
        row-gap: clamp(.625rem, .3571308987rem + 1.3393455065vw, 1rem)
    }

    .hero__social-item img {
        width: clamp(3.375rem, 2.9285514978rem + 2.2322425108vw, 4rem)
    }

    .hero__social-item span {
        font-size: clamp(.875rem, .6964205991rem + .8928970043vw, 1.125rem)
    }

    .about__body {
        margin-bottom: clamp(8.75rem, 2.4997209697rem + 31.2513951516vw, 17.5rem)
    }

    .about__body-content {
        padding: clamp(1.25rem, .7142617974rem + 2.678691013vw, 2rem)
    }

    .about__body-title {
        width: clamp(17.25rem, 4.5708625385rem + 63.3956873075vw, 35rem)
    }

    .about__body-title {
        margin-bottom: clamp(1.25rem, .3571029957rem + 4.4644850217vw, 2.5rem)
    }

    .about__body-text {
        row-gap: clamp(.75rem, .5714205991rem + .8928970043vw, 1rem)
    }

    .about__body-text p {
        font-size: clamp(1rem, .9107102996rem + .4464485022vw, 1.125rem)
    }

    .how__item-body {
        padding: clamp(.9375rem, .1785375463rem + 3.7948122684vw, 2rem)
    }

    .how__item-body h3 {
        width: clamp(15rem, 10.2230010268rem + 23.8849948658vw, 21.6875rem)
    }

    .how__item-body h3 {
        margin-bottom: clamp(1rem, .6428411983rem + 1.7857940087vw, 1.5rem)
    }

    .how__item-body p {
        font-size: clamp(1rem, .9107102996rem + .4464485022vw, 1.125rem)
    }

    .how__item-body p:not(:last-child) {
        margin-bottom: clamp(.75rem, .5714205991rem + .8928970043vw, 1rem)
    }

    .join__top-down-right-body-social-item {
        row-gap: clamp(.375rem, -.0714485022rem + 2.2322425108vw, 1rem)
    }

    .join__top-down-right-body-social-item img {
        width: clamp(2.875rem, 2.0713926961rem + 4.0180365195vw, 4rem)
    }

    .join__top-down-right-body-social-item span {
        font-size: clamp(.8125rem, .5892757489rem + 1.1161212554vw, 1.125rem)
    }
}

@media (any-hover:hover) {
    .menu__link:hover {
        color: #ff0004
    }

    .header__buy:hover {
        background-color: #ff0004
    }

    .header__social-item:hover svg path {
        fill: #ff0004
    }

    .hero__buy:hover::before {
        opacity: 1;
        -webkit-animation: cursor 1s ease infinite;
        animation: cursor 1s ease infinite
    }

    .hero__social-item:hover {
        background-color: rgba(255, 255, 255, .2)
    }

    .about__body-text p a:hover {
        text-decoration: none
    }

    .how__item-body p a:hover {
        text-decoration: none
    }

    .join__top-up-buy:hover::before {
        opacity: 1;
        -webkit-animation: cursor 1s ease infinite;
        animation: cursor 1s ease infinite
    }

    .join__top-down-right-body-menu-item:hover {
        color: #ff0004;
        text-decoration-line: underline;
        text-decoration-style: solid;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font
    }

    .join__top-down-right-body-social-item:hover {
        background-color: rgba(255, 255, 255, .2)
    }

    .join__bottom-body a:hover span {
        text-decoration-line: underline;
        text-decoration-style: solid;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font
    }
}