@import url(https://fonts.googleapis.com/css?family=Yellowtail:regular);@import url(https://fonts.googleapis.com/css?family=Montserrat+Alternates:700&display=swap);@import url(https://fonts.googleapis.com/css?family=Bebas+Neue:regular);* {
    padding: 0;
    margin: 0;
    border: 0
}
@media (min-width:1630px){

    /* Page  about */
    .wrapper .page .page__about{
     padding-bottom:0px;
    }
    
   }

*,*::after,*::before {
    box-sizing: border-box
}
/* Image */
.picture-about .picture-about__bg img{
    transform:translatex(0px) translatey(14px);
   }
   
   

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

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

body {
    color: #000000;
    line-height: 1;
    font-family: "Montserrat Alternates";
    font-size: 1.25rem;
    -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: "Montserrat Alternates";
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: transparent
}

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
}

body {
    background-color: #f8f5f0
}

.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.875rem;
    margin: 0 auto;
    padding: 0 .9375rem
}

.menu__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: .625rem
}

.menu__logo {
    position: relative;
    flex-shrink: 0
}

.menu__logo img {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    width: 100%;
    aspect-ratio: 1
}

.menu__logo img:nth-child(1) {
    z-index: 2;
    -webkit-transform: translate(-50%,-50%) rotateY(0);
    transform: translate(-50%,-50%) rotateY(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.menu__logo img:nth-child(2) {
    -webkit-transform: translate(-50%,-50%) rotateY(180deg) scaleX(-1);
    transform: translate(-50%,-50%) rotateY(180deg) scaleX(-1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.menu__logo-wrapper {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 22.5rem;
    perspective: 22.5rem;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    transition: all .6s ease 0s
}

.menu__link {
    color: #fff;
    position: relative;
    display: inline-flex;
    transition: text-shadow .2s ease 0s
}

.menu__link._navigator-active {
    text-shadow: 0 0 .125rem #c71919,0 0 .25rem #c71919,0 0 .5rem #c71919,0 0 1rem #c71919
}

.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
}

.button {
    flex-shrink: 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4.0625rem;
    border: .1875rem solid #c71919;
    background-color: #000;
    padding: .625rem 2rem;
    transition: box-shadow .2s ease 0s;
    box-shadow: 0 0 .25rem 0 #c71919
}

.button.big {
    padding: .75rem 2.25rem
}

.join .button.big {
    box-shadow: -.25rem .25rem 0 0 #000
}

.button.big span {
    font-size: 1.5rem
}

.button span {
    color: #c71919;
    font-family: "Montserrat Alternates";
    text-shadow: 0 0 .25rem #c71919;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    transition: text-shadow .2s ease 0s
}

.header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: .625rem 0;
    transition: all .3s ease 0s
}

.header._header-scroll {
    background-color: rgb(176 12 12 / 0%);
}

.header__container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header__social {
    position: relative;
    z-index: 2;
    flex: 0 0 11.9375rem;
    display: flex;
    align-items: center;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.header__social-item {
    border-radius: 50%;
    transition: box-shadow .2s ease 0s
}

.header__actions {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.header__action span {
    transition: scale .2s ease 0s
}

.footer {
    position: relative;
    z-index: 3;
    width: 100%;
    aspect-ratio: 1920/1000
}

.footer__bg {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.footer__bg img {
    position: absolute
}

.footer__bg img:nth-child(1) {
    bottom: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1920/1380;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__bg img:nth-child(2) {
    bottom: 40%;
    left: 10%;
    width: 25%;
    aspect-ratio: 618/430;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__bg img:nth-child(3) {
    bottom: 5%;
    right: 5%;
    width: 25%;
    aspect-ratio: 507/691;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__container {
    position: relative;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: flex-end
}

.footer__menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.footer__menu li a {
    padding: .3125rem;
    color: #000;
    font-family: "Montserrat Alternates";
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    transition: color .2s ease 0s
}

.hero {
    position: relative;
    z-index: 3;
    min-height: 100vh;
    background: linear-gradient(to bottom,#000,#000 96%,#f8f5f0)
}

.hero__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hero__container {
    padding-top: 7.5rem;
    padding-bottom: 5rem;
    position: relative;
    z-index: 3;
    height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.hero__button {
    position: relative;
    z-index: 3;
    transition: box-shadow .2s ease 0s
}

.hero__button span {
    transition: scale .2s ease 0s
}

.bg-hero__container {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%
}

.bg-hero__container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bg-hero__image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1920/940
}

.safari .bg-hero__image {
    display: none
}

.safari .bg-hero__image.safari {
    display: block
}

.bg-hero__image.safari {
    display: none
}

.bg-hero__image img {
    position: absolute;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.bg-hero__image video {
    display: block;
    position: absolute;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

@-webkit-keyframes titles {
    0% {
        opacity: 1
    }

    5% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    55% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes titles {
    0% {
        opacity: 1
    }

    5% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    55% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.about {
    background: linear-gradient(to bottom,#fbfbfb 0,#fbfbfb 2%,#f8f5f0 6%,#f8f5f0);
    position: relative
}

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

.about__content {
    width: 100%;
    display: flex;
    flex-direction: column
}

.about__title {
    position: relative;
    display: inline-flex;
    align-self: flex-start
}

.about__title._watcher-view span::before {
    -webkit-animation: titles 1.4s linear .2s forwards;
    animation: titles 1.4s linear .2s forwards
}

.about__title span {
    position: relative;
    z-index: 2;
    font-family: Yellowtail;
    color: #000;
    text-shadow: -.0833333333em .0444444444em 0 #000;
    -webkit-text-stroke-width: .0277777778em;
    -webkit-text-stroke-color: #c70001;
    line-height: normal
}

.about__title span::before {
    content: "About";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: Yellowtail;
    color: #000;
    text-shadow: -.0833333333em .0444444444em 0 #000;
    -webkit-text-stroke-width: .0277777778em;
    -webkit-text-stroke-color: #1c9689;
    line-height: normal
}

.about__title i:nth-child(2) {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-47%);
    transform: translate(-50%,-47%);
    z-index: 1;
    width: 200%;
    aspect-ratio: 1451/1000;
    background-image: url(../images/title-decor_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.about__title i:nth-child(3) {
    position: absolute;
    z-index: 2;
    top: -5%;
    left: 0;
    width: 24%;
    aspect-ratio: 1;
    background-image: url(../images/title_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.about__title i:nth-child(4) {
    position: absolute;
    z-index: 2;
    top: 20%;
    right: -7%;
    width: 30%;
    aspect-ratio: 1;
    background-image: url(../images/title2_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.about__text {
    max-width: 50rem;
    line-height: 140%
}

.about__picture {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 1920/1200
}

.picture-about._watcher-view .picture-about__car img:nth-child(4) {
    -webkit-animation: fall-mouse .3s ease-in .2s forwards;
    animation: fall-mouse .3s ease-in .2s forwards
}

.picture-about._watcher-view .picture-about__car img:nth-child(3) {
    -webkit-animation: scale .3s ease-in .2s forwards;
    animation: scale .3s ease-in .2s forwards
}

.picture-about__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.picture-about__bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.picture-about__car {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 65%;
    aspect-ratio: 1370/1018
}

.picture-about__car img {
    position: absolute
}

.picture-about__car img:nth-child(1) {
    z-index: 1;
    bottom: 22%;
    left: 21%;
    width: 65%;
    aspect-ratio: 890/307;
    -o-object-fit: contain;
    object-fit: contain
}

.picture-about__car img:nth-child(2) {
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.picture-about__car img:nth-child(3) {
    z-index: 2;
    bottom: 15.5%;
    left: 50%;
    width: 23.5%;
    aspect-ratio: 322/106;
    -o-object-fit: contain;
    object-fit: contain;
    scale: 0
}

.picture-about__car img:nth-child(4) {
    z-index: 4;
    bottom: 15.5%;
    left: 47%;
    width: 28%;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0;
    visibility: hidden
}

@-webkit-keyframes fall-mouse {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fall-mouse {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes scale {
    0% {
        scale: 0
    }

    100% {
        scale: 1
    }
}

@keyframes scale {
    0% {
        scale: 0
    }

    100% {
        scale: 1
    }
}

.how {
    position: relative
}

.how__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

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

.how__container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column
}

.how__title {
    position: relative;
    display: inline-flex;
    align-self: flex-end;
    margin-bottom: 1.875rem
}

.how__title._watcher-view span::before {
    -webkit-animation: titles 1.4s linear .2s forwards;
    animation: titles 1.4s linear .2s forwards
}

.how__title span {
    position: relative;
    z-index: 2;
    color: #000;
    text-shadow: -.0555555556em .0166666667em 0 #000;
    -webkit-text-stroke-width: .0222222222em;
    -webkit-text-stroke-color: #c71919;
    font-family: Yellowtail;
    line-height: normal
}

.how__title span::before {
    content: "How to buy?";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: Yellowtail;
    color: #000;
    text-shadow: -.0555555556em .0166666667em 0 #000;
    -webkit-text-stroke-width: .0222222222em;
    -webkit-text-stroke-color: #b38102;
    line-height: normal
}

.how__title i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-60%,-47%);
    transform: translate(-60%,-47%);
    z-index: 1;
    width: 130%;
    aspect-ratio: 905/624;
    background-image: url(../images/title-decor_3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.how__body {
    display: flex
}

.how__image {
    flex: 0 0 80%
}

.how__image img {
    width: 170%
}

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

.how__image img:nth-child(2) {
    display: none
}

.how__content {
    flex: 0 0 40%
}

.how__content ul {
    display: flex;
    flex-direction: column
}

.how__content ul i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-20%,-35%);
    transform: translate(-20%,-35%);
    z-index: 1;
    width: 120%;
    aspect-ratio: 1798/1421;
    background-image: url(../images/list-decor.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.how__content ul li {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-10%,-10%) scale(1.2);
    transform: translate(-10%,-10%) scale(1.2)
}

.how__content ul li._watcher-view {
    -webkit-animation: card4 .3s ease-in .2s forwards;
    animation: card4 .3s ease-in .2s forwards
}

.how__content ul li span:nth-child(1) {
    font-family: Yellowtail;
    color: #000;
    text-shadow: -.08em .04em 0 #000;
    -webkit-text-stroke-width: .04em;
    -webkit-text-stroke-color: #c71919;
    font-style: normal;
    font-weight: 400
}

.how__content ul li span:nth-child(2) {
    line-height: 140%
}

.roadmap {
    position: relative
}

.roadmap__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

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

.roadmap__container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column
}

.roadmap__title {
    position: relative;
    display: inline-flex;
    align-self: center
}

.roadmap__title._watcher-view span::before {
    -webkit-animation: titles 1.4s linear .2s forwards;
    animation: titles 1.4s linear .2s forwards
}

.roadmap__title span {
    z-index: 3;
    text-shadow: -.0888888889em .0277777778em 0 #000;
    position: relative;
    color: #000;
    -webkit-text-stroke-width: .0222222222em;
    -webkit-text-stroke-color: #34ffec;
    font-family: Yellowtail;
    line-height: normal
}

.roadmap__title span::before {
    content: "Roadmap";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: Yellowtail;
    color: #000;
    text-shadow: -.0833333333em .0444444444em 0 #000;
    -webkit-text-stroke-width: .0277777778em;
    -webkit-text-stroke-color: #1c9689;
    line-height: normal
}

.roadmap__title span::after {
    content: "";
    position: absolute;
    top: 85%;
    left: -15%;
    width: 100%;
    aspect-ratio: 505/70;
    background-image: url(../images/title-line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.roadmap__title i:nth-child(2) {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-47%);
    transform: translate(-50%,-47%);
    z-index: 1;
    width: 200%;
    aspect-ratio: 1451/1000;
    background-image: url(../images/title-decor.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.roadmap__title i:nth-child(3) {
    position: absolute;
    z-index: 2;
    top: -10%;
    right: 98%;
    width: 33%;
    aspect-ratio: 197/208;
    background-image: url(../images/title_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.roadmap__title i:nth-child(4) {
    position: absolute;
    z-index: 2;
    top: 20%;
    left: 103%;
    width: 28%;
    aspect-ratio: 167/176;
    background-image: url(../images/title2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

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

.roadmap__item {
    background-position: center;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-10%,-10%) scale(1.2);
    transform: translate(-10%,-10%) scale(1.2)
}

.roadmap__item:nth-child(odd) .item-roadmap__decor span:nth-child(1) {
    color: red
}

.roadmap__item:nth-child(1) {
    background-image: url(../images/01_1.png)
}

.roadmap__item:nth-child(2) {
    background-image: url(../images/02_1.png)
}

.roadmap__item:nth-child(3) {
    background-image: url(../images/03.png)
}

.roadmap__item:nth-child(4) {
    background-image: url(../images/04.png)
}

@-webkit-keyframes card1-1 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,0) scale(1) rotate(-2deg);
        transform: translate(0,0) scale(1) rotate(-2deg)
    }
}

@keyframes card1-1 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,0) scale(1) rotate(-2deg);
        transform: translate(0,0) scale(1) rotate(-2deg)
    }
}

@-webkit-keyframes card1 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,5%) scale(1);
        transform: translate(0,5%) scale(1)
    }
}

@keyframes card1 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,5%) scale(1);
        transform: translate(0,5%) scale(1)
    }
}

@-webkit-keyframes card2-2 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,0) scale(1) rotate(2deg);
        transform: translate(0,0) scale(1) rotate(2deg)
    }
}

@keyframes card2-2 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,0) scale(1) rotate(2deg);
        transform: translate(0,0) scale(1) rotate(2deg)
    }
}

@-webkit-keyframes card2 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,23%) scale(1);
        transform: translate(0,23%) scale(1)
    }
}

@keyframes card2 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,23%) scale(1);
        transform: translate(0,23%) scale(1)
    }
}

@-webkit-keyframes card3 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,9%) scale(1);
        transform: translate(0,9%) scale(1)
    }
}

@keyframes card3 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,9%) scale(1);
        transform: translate(0,9%) scale(1)
    }
}

@-webkit-keyframes card4 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1)
    }
}

@keyframes card4 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1)
    }
}

.item-roadmap {
    border-radius: .25rem;
    border: .3125rem solid #000;
    box-shadow: -8px 8px 0 0 #000
}

.item-roadmap__content {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem
}

.item-roadmap__text {
    align-self: center;
    text-align: center;
    line-height: 140%
}

.item-roadmap__decor {
    display: inline-flex;
    flex-direction: column;
    row-gap: .375rem;
    align-items: center
}

.item-roadmap__decor span:nth-child(1) {
    font-family: "Bebas Neue"
}

.item-roadmap__decor img {
    width: 1.875rem
}

.item-roadmap__decor:nth-child(1) {
    align-self: flex-start
}

.item-roadmap__decor:nth-child(3) {
    align-self: flex-end;
    rotate: 180deg
}

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

.tokenomics__container {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column
}

.tokenomics__body {
    position: relative;
    width: 100%;
    aspect-ratio: 1920/1586
}

.tokenomics__body-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tokenomics__body-bg img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.tokenomics__top {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-5%);
    transform: translate(-50%,-5%);
    width: 55%;
    aspect-ratio: 958/850;
    z-index: 3
}

.tokenomics__top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tokenomics__top-bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.tokenomics__top-title {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-52%,-65%) rotate(-3.268deg);
    transform: translate(-52%,-65%) rotate(-3.268deg)
}

.tokenomics__top-title._watcher-view span::before {
    -webkit-animation: titles 1.4s linear .2s forwards;
    animation: titles 1.4s linear .2s forwards
}

.tokenomics__top-title span {
    position: relative;
    color: #000;
    text-shadow: .0647058824em .0470588235em 0 #000;
    -webkit-text-stroke-width: .0235294118em;
    -webkit-text-stroke-color: #feb700;
    font-family: Yellowtail;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.tokenomics__top-title span::before {
    content: "Tokenomics";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #000;
    text-shadow: .0647058824em .0470588235em 0 #000;
    -webkit-text-stroke-width: .0235294118em;
    -webkit-text-stroke-color: #926900;
    font-family: Yellowtail;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-transform: translateY(-3%);
    transform: translateY(-3%)
}

.tokenomics__top-title i {
    position: absolute;
    z-index: 2;
    bottom: 53%;
    left: 28.3%;
    width: 38%;
    aspect-ratio: 1;
    background-image: url(../images/title-decor_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.tokenomics__main {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-47.5%,-45%);
    transform: translate(-47.5%,-45%);
    width: 84%;
    aspect-ratio: 1641/846;
    z-index: 3
}

.tokenomics__main-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tokenomics__main-bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.tokenomics__main-items {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-55%,-50.5%);
    transform: translate(-55%,-50.5%);
    width: 68%;
    height: 64%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    overflow: hidden
}

.tokenomics__main-items._watcher-view .tokenomics__main-item:nth-child(1) {
    -webkit-animation: token-item2 .6s ease-out .2s forwards;
    animation: token-item2 .6s ease-out .2s forwards
}

.tokenomics__main-items._watcher-view .tokenomics__main-item:nth-child(2) {
    -webkit-animation: token-item .6s ease-out .4s forwards;
    animation: token-item .6s ease-out .4s forwards
}

.tokenomics__main-items._watcher-view .tokenomics__main-item:nth-child(3) {
    -webkit-animation: token-item3 .6s ease-out .6s forwards;
    animation: token-item3 .6s ease-out .6s forwards
}

.tokenomics__main-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%)
}

.tokenomics__main-item:nth-child(1)::before {
    background-image: url(../images/cherry.png)
}

.tokenomics__main-item:nth-child(1)::after {
    background-image: url(../images/cactus.png)
}

.tokenomics__main-item:nth-child(2)::before {
    background-image: url(../images/cactus.png)
}

.tokenomics__main-item:nth-child(2)::after {
    background-image: url(../images/palm.svg)
}

.tokenomics__main-item:nth-child(3)::before {
    background-image: url(../images/palm.svg)
}

.tokenomics__main-item:nth-child(3)::after {
    background-image: url(../images/cherry.png)
}

.tokenomics__main-item::before {
    content: "";
    position: absolute;
    top: 115%;
    left: 0;
    width: 100%;
    height: 33%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%
}

.tokenomics__main-item::after {
    content: "";
    position: absolute;
    top: 169%;
    left: 0;
    width: 100%;
    height: 33%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%
}

.tokenomics__main-item:nth-child(1) {
    -webkit-transform: translate(-10%,-100%);
    transform: translate(-10%,-100%)
}

.tokenomics__main-item:nth-child(3) {
    -webkit-transform: translate(10%,-100%);
    transform: translate(10%,-100%)
}

.tokenomics__main-item img {
    width: 100%;
    max-width: 40%
}

.tokenomics__main-item span:nth-child(2) {
    color: #eb1c98;
    text-shadow: -.0547945205em .0273972603em 0 #000;
    -webkit-text-stroke-width: .0205479452em;
    -webkit-text-stroke-color: #c71919;
    font-family: Yellowtail;
    font-style: normal;
    font-weight: 400
}

.tokenomics__main-item span:nth-child(3) {
    color: #000;
    font-family: "Montserrat Alternates";
    font-style: normal;
    font-weight: 700;
    line-height: 140%
}

.tokenomics__ca {
    position: relative;
    z-index: 2;
    align-self: center;
    max-width: 37.5rem;
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    row-gap: .75rem
}

.tokenomics__ca-num {
    width: 100%;
    position: relative;
    display: flex
;
    align-items: center;
    justify-content: center;
    border: .1875rem solid #000;
    background: #f72733;
    box-shadow: -3.825px 3.825px 0 0 #000;
    padding: 1rem;
}

.tokenomics__ca-num span {
    width: 100%;
    border: 2.869px solid #000;
    background: #fff;
    text-align: center;
    color: #000;
    font-family: "Montserrat Alternates";
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    word-break: break-all
}

.tokenomics__ca-copy {
    width: 100%;
    max-width: 14.1875rem;
    border-radius: 3.75rem;
    border: .1875rem solid #c71919;
    background: #000;
    box-shadow: -3.825px 3.825px 0 0 #000;
    padding: .375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow .2s ease 0s
}

.tokenomics__ca-copy svg {
    transition: scale .2s ease 0s
}

@-webkit-keyframes token-item {
    0% {
        -webkit-transform: translate(0,-100%);
        transform: translate(0,-100%)
    }

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

@keyframes token-item {
    0% {
        -webkit-transform: translate(0,-100%);
        transform: translate(0,-100%)
    }

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

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

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

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

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

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

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

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

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

.join {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 1920/1200
}

.join__bg {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.join__bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0);
    width: 100%;
    aspect-ratio: 1;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-animation: rotateInf 20s linear 0s infinite;
    animation: rotateInf 20s linear 0s infinite
}

.join__container {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.join__image {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.join__image div {
    position: absolute
}

.join__image div:nth-child(1) {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 80%;
    max-width: 65rem;
    aspect-ratio: 1253/1188;
    -o-object-fit: contain;
    object-fit: contain
}

.join__image div:nth-child(2) {
    top: 50%;
    left: 8%;
    -webkit-transform: translate(0,-40%);
    transform: translate(0,-40%);
    width: 21%;
    aspect-ratio: 411/1007;
    -o-object-fit: contain;
    object-fit: contain
}

.join__image div:nth-child(3) {
    top: 50%;
    right: 14%;
    -webkit-transform: translate(0,-40%);
    transform: translate(0,-40%);
    width: 17%;
    aspect-ratio: 332/1012;
    -o-object-fit: contain;
    object-fit: contain
}

.join__image div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.join__button {
    align-self: center;
    position: relative;
    z-index: 2;
    -webkit-transform: translateY(-3.75rem);
    transform: translateY(-3.75rem);
    opacity: 0;
    visibility: hidden
}

.join__button span {
    transition: .2s ease 0s
}

.join__button._watcher-view {
    -webkit-animation: btn-fall .3s ease .2s forwards;
    animation: btn-fall .3s ease .2s forwards
}

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

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

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

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

@-webkit-keyframes btn-fall {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-3.75rem);
        transform: translateY(-3.75rem)
    }

    80% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(.9375rem);
        transform: translateY(.9375rem)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes btn-fall {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-3.75rem);
        transform: translateY(-3.75rem)
    }

    80% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(.9375rem);
        transform: translateY(.9375rem)
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    .bg-hero__image video:nth-child(2) {
        display: none
    }

    .join__button {
        bottom: .0000000625rem
    }
}

@media (min-width: 61.99875em) {
    .header._header-scroll {
        -webkit-backdrop-filter:blur(.375rem);
        backdrop-filter: blur(.375rem)
    }

    .how__image img {
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%);
        width: 100%
    }

    .roadmap__body._watcher-view .roadmap__item:nth-child(1) {
        -webkit-animation: card1 .3s ease-in .2s forwards;
        animation: card1 .3s ease-in .2s forwards
    }

    .roadmap__body._watcher-view .roadmap__item:nth-child(2) {
        -webkit-animation: card2 .3s ease-in .5s forwards;
        animation: card2 .3s ease-in .5s forwards
    }

    .roadmap__body._watcher-view .roadmap__item:nth-child(3) {
        -webkit-animation: card3 .3s ease-in .8s forwards;
        animation: card3 .3s ease-in .8s forwards
    }

    .roadmap__body._watcher-view .roadmap__item:nth-child(4) {
        -webkit-animation: card4 .3s ease-in 1.1s forwards;
        animation: card4 .3s ease-in 1.1s forwards
    }

    .roadmap__item:nth-child(1) {
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    .roadmap__item:nth-child(2) {
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    .roadmap__item:nth-child(3) {
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }
}

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

    .menu__logo-wrapper {
        width: 5rem
    }

    .menu__logo-wrapper {
        height: 5rem
    }

    .footer {
        padding-top: 5rem
    }

    .footer__container {
        padding-bottom: 13.75rem
    }

    .footer__menu {
        -webkit-column-gap: 4.0625rem;
        -moz-column-gap: 4.0625rem;
        column-gap: 4.0625rem
    }

    .footer__menu li a {
        font-size: 2.25rem
    }

    .page__about {
        padding-top: 7.5rem
    }

    .page__about {
        padding-bottom: 3.75rem
    }

    .page__how {
        padding-top: 6.25rem
    }

    .page__roadmap {
        margin-top: -3.75rem
    }

    .page__roadmap {
        padding-top: 7.5rem
    }

    .page__roadmap {
        padding-bottom: 13.75rem
    }

    .page__tokenomics {
        padding-bottom: 3.75rem
    }

    .page__join {
        margin-top: -7.5rem
    }

    .page__join {
        padding-top: 5rem
    }

    .page__join {
        padding-bottom: 6.25rem
    }

    .about__title {
        padding-left: 8rem
    }

    .about__title {
        padding-right: 10.8125rem
    }

    .about__title span {
        font-size: 11.25rem
    }

    .about__title span::before {
        font-size: 11.25rem
    }

    .about__text {
        font-size: 1.25rem
    }

    .about__picture {
        margin-top: -33.75rem
    }

    .how__title span {
        font-size: 11.25rem
    }

    .how__title span::before {
        font-size: 11.25rem
    }

    .how__content {
        margin-left: -25rem
    }

    .how__content ul {
        row-gap: 2.5rem
    }

    .how__content ul li {
        -webkit-column-gap: 2.5rem;
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .how__content ul li span:nth-child(1) {
        font-size: 6.25rem
    }

    .how__content ul li span:nth-child(2) {
        font-size: 1.25rem
    }

    .roadmap__title {
        margin-bottom: 7.5rem
    }

    .roadmap__title span {
        font-size: 11.25rem
    }

    .roadmap__title span::before {
        font-size: 11.25rem
    }

    .item-roadmap {
        padding-top: 2.5rem
    }

    .item-roadmap {
        padding-bottom: 2.5rem
    }

    .item-roadmap {
        padding-left: 2.8125rem
    }

    .item-roadmap {
        padding-right: 2.8125rem
    }

    .item-roadmap__text {
        font-size: 1.25rem
    }

    .item-roadmap__decor span:nth-child(1) {
        font-size: 3rem
    }

    .tokenomics__top-title span {
        font-size: 10.5rem
    }

    .tokenomics__top-title span::before {
        font-size: 10.5rem
    }

    .tokenomics__main-items {
        padding-top: 1.5rem
    }

    .tokenomics__main-items {
        padding-bottom: 1.5rem
    }

    .tokenomics__main-items {
        padding-left: .625rem
    }

    .tokenomics__main-items {
        padding-right: .625rem
    }

    .tokenomics__main-item {
        row-gap: 1.25rem
    }

    .tokenomics__main-item span:nth-child(2) {
        font-size: 9.125rem
    }

    .tokenomics__main-item span:nth-child(3) {
        font-size: 1.75rem
    }

    .tokenomics__ca {
        margin-top: -20.875rem
    }

    .tokenomics__ca-num span {
        padding: 1.375rem
    }

    .tokenomics__ca-num span {
        font-size: 1.4375rem
    }

    .tokenomics__ca-copy svg {
        width: 3.25rem
    }

    .tokenomics__ca-copy svg {
        height: 3.25rem
    }
}

@media (min-width: 112.5em) {
    .join__button {
        bottom:.0000000625rem
    }
}

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

    .menu__logo-wrapper {
        width: 3.75rem
    }

    .menu__logo-wrapper {
        height: 3.75rem
    }

    .footer {
        padding-top: 3.75rem
    }

    .footer__container {
        padding-bottom: 1.25rem
    }

    .footer__menu li a {
        font-size: 1.25rem
    }

    .page__about {
        padding-top: 3.75rem
    }

    .page__about {
        padding-bottom: 2.5rem
    }

    .page__how {
        padding-top: 5rem
    }

    .page__roadmap {
        margin-top: .0000000625rem
    }

    .page__roadmap {
        padding-top: 3.75rem
    }

    .page__roadmap {
        padding-bottom: 2.5rem
    }

    .page__tokenomics {
        padding-top: 5rem
    }

    .page__tokenomics {
        padding-bottom: 2.5rem
    }

    .page__join {
        margin-top: .0000000625rem
    }

    .page__join {
        padding-top: 3.75rem
    }

    .page__join {
        padding-bottom: 5rem
    }

    .about__title {
        padding-left: 2.875rem
    }

    .about__title {
        padding-right: 4.0625rem
    }

    .about__title span {
        font-size: 4.125rem
    }

    .about__title span::before {
        font-size: 4.125rem
    }

    .about__text {
        font-size: 1rem
    }

    .about__picture {
        margin-top: .0000000625rem
    }

    .how__title span {
        font-size: 4.125rem
    }

    .how__title span::before {
        font-size: 4.125rem
    }

    .how__content ul {
        row-gap: 1.875rem
    }

    .how__content ul li {
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .how__content ul li span:nth-child(1) {
        font-size: 2.875rem
    }

    .how__content ul li span:nth-child(2) {
        font-size: 1rem
    }

    .roadmap__title {
        margin-bottom: 3.125rem
    }

    .roadmap__title span {
        font-size: 4.125rem
    }

    .roadmap__title span::before {
        font-size: 4.125rem
    }

    .item-roadmap {
        padding-top: 1.25rem
    }

    .item-roadmap {
        padding-bottom: 1.25rem
    }

    .item-roadmap {
        padding-left: .9375rem
    }

    .item-roadmap {
        padding-right: .9375rem
    }

    .item-roadmap__text {
        font-size: 1rem
    }

    .item-roadmap__decor span:nth-child(1) {
        font-size: 2.125rem
    }

    .tokenomics__top-title span {
        font-size: 4.125rem
    }

    .tokenomics__top-title span::before {
        font-size: 4.125rem
    }

    .tokenomics__main-items {
        padding-top: .25rem
    }

    .tokenomics__main-items {
        padding-bottom: .25rem
    }

    .tokenomics__main-items {
        padding-left: .25rem
    }

    .tokenomics__main-items {
        padding-right: .25rem
    }

    .tokenomics__main-item {
        row-gap: .25rem
    }

    .tokenomics__main-item span:nth-child(2) {
        font-size: 2.125rem
    }

    .tokenomics__main-item span:nth-child(3) {
        font-size: .625rem
    }

    .tokenomics__ca {
        margin-top: -5rem
    }

    .tokenomics__ca-num span {
        padding: .9375rem
    }

    .tokenomics__ca-num span {
        font-size: 1rem
    }

    .tokenomics__ca-copy svg {
        width: 2.5rem
    }

    .tokenomics__ca-copy svg {
        height: 2.5rem
    }
}

@media (max-width: 81.25em) {
    .how__image {
        flex:0 0 70%
    }

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

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

    .how__content {
        flex: 0 0 50%
    }
}

@media (max-width: 61.99875em) {
    .menu__body {
        position:fixed;
        width: 100%;
        height: auto;
        left: 0;
        top: -100%;
        padding: 6.25rem .9375rem 2.5rem .9375rem;
        transition: top .3s
    }
    @media (max-width: 61.9988em) {
        .menu__body::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background-color: rgb(200 25 25);
            -webkit-backdrop-filter: blur(.3125rem);
            backdrop-filter: blur(.3125rem);
        }
    }

    .menu-open .menu__body {
        top: 0
    }

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

    .menu__item:nth-child(3) {
        order: 1
    }

    .menu__item:nth-child(1) {
        order: 2
    }

    .menu__item:nth-child(2) {
        order: 3
    }

    .menu__item:nth-child(4) {
        order: 4
    }

    .menu__item:nth-child(5) {
        order: 5
    }

    .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: #c71919
    }

    .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)
    }

    .footer__menu {
        -webkit-column-gap: 1.875rem;
        -moz-column-gap: 1.875rem;
        column-gap: 1.875rem;
        max-width: 23.125rem
    }

    .bg-hero__container img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .how__body {
        flex-direction: column-reverse
    }

    .roadmap__body {
        grid-template-columns: repeat(2,1fr)
    }

    .roadmap__item:nth-child(1) {
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    .roadmap__item:nth-child(1)._watcher-view {
        -webkit-animation: card1-1 .3s ease-in .2s forwards;
        animation: card1-1 .3s ease-in .2s forwards
    }

    .roadmap__item:nth-child(2) {
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    .roadmap__item:nth-child(2)._watcher-view {
        -webkit-animation: card2-2 .3s ease-in .2s forwards;
        animation: card2-2 .3s ease-in .2s forwards
    }

    .roadmap__item:nth-child(3) {
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    .roadmap__item:nth-child(3)._watcher-view {
        -webkit-animation: card1-1 .3s ease-in .2s forwards;
        animation: card1-1 .3s ease-in .2s forwards
    }

    .roadmap__item:nth-child(4) {
        -webkit-transform: translate(-10%,-10%) scale(1.2);
        transform: translate(-10%,-10%) scale(1.2)
    }

    .roadmap__item:nth-child(4)._watcher-view {
        -webkit-animation: card2-2 .3s ease-in .2s forwards;
        animation: card2-2 .3s ease-in .2s forwards
    }
}

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

@media (max-width: 47.99875em) {
    .button.big {
        padding:.5rem 1.625rem
    }

    .join .button.big {
        box-shadow: -.1875rem .1875rem 0 0 #000
    }

    .button.big span {
        font-size: 1.25rem
    }

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

    .footer {
        aspect-ratio: 1920/1200
    }

    .hero {
        min-height: 100svh
    }

    .bg-hero__image {
        aspect-ratio: 430/720
    }

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

    .bg-hero__image video:nth-child(1) {
        display: none
    }

    .about {
        background: linear-gradient(to bottom,#fff 0,#fff 2%,#f8f5f0 6%,#f8f5f0)
    }

    .about__title {
        align-self: center
    }

    .how__title {
        align-self: center
    }

    .roadmap__container {
        padding: 0 1.875rem
    }

    .tokenomics__top-title i {
        bottom: 40%
    }

    .join {
        aspect-ratio: 1/1.2
    }

    .join__bg img {
        width: 125%
    }

    .join__image div:nth-child(1) {
        width: 100%
    }

    .join__image div:nth-child(2) {
        left: -5%;
        width: 35%
    }

    .join__image div:nth-child(3) {
        right: 0;
        width: 29%
    }
}

@media (max-width: 29.99875em) {
    .header__social {
        -webkit-column-gap:.75rem;
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    .footer__bg img:nth-child(2) {
        width: 40%;
        bottom: 50%;
        left: -10%
    }

    .footer__bg img:nth-child(3) {
        width: 40%
    }

    .footer__menu {
        flex-direction: column;
        align-items: flex-start;
        row-gap: .3125rem
    }

    .about__picture {
        width: 140%;
        -webkit-transform: translateX(-28%);
        transform: translateX(-28%)
    }

    .how__image {
        margin: 0 -.9375rem
    }

    .roadmap__body {
        grid-template-columns: repeat(1,1fr);
        gap: 1.875rem
    }

    .tokenomics__body {
        width: 140%;
        -webkit-transform: translateX(-13%);
        transform: translateX(-13%)
    }

    .tokenomics__top {
        width: 65%;
        -webkit-transform: translate(-50%,-15%);
        transform: translate(-50%,-15%)
    }

    .tokenomics__ca-copy {
        max-width: 8.75rem;
        padding: .125rem
    }
}

@media (min-width: 61.99875em) and (max-width:101.875em) {
    @supports ((-moz-column-gap:clamp(2rem ,-0.4293419485rem + 3.9183724648vw ,3.5625rem)) or (column-gap:clamp(2rem ,-0.4293419485rem + 3.9183724648vw ,3.5625rem))) {
        .menu__list {
            -webkit-column-gap:clamp(2rem ,-.4293419485rem + 3.9183724648vw ,3.5625rem);
            -moz-column-gap: clamp(2rem ,-.4293419485rem + 3.9183724648vw ,3.5625rem);
            column-gap: clamp(2rem ,-.4293419485rem + 3.9183724648vw ,3.5625rem)
        }
    }

    @supports not ((-moz-column-gap: clamp(2rem ,-0.4293419485rem + 3.9183724648vw ,3.5625rem)) or (column-gap:clamp(2rem ,-0.4293419485rem + 3.9183724648vw ,3.5625rem))) {
        .menu__list {
            -webkit-column-gap:calc(2rem + 1.5625 * (100vw - 61.99875rem)/ 39.87625);
            -moz-column-gap: calc(2rem + 1.5625 * (100vw - 61.99875rem)/ 39.87625);
            column-gap: calc(2rem + 1.5625 * (100vw - 61.99875rem)/ 39.87625)
        }
    }

    @supports (width: clamp(3.75rem ,1.8065264412rem + 3.1346979719vw ,5rem)) {
        .menu__logo-wrapper {
            width:clamp(3.75rem ,1.8065264412rem + 3.1346979719vw ,5rem)
        }
    }

    @supports not (width: clamp(3.75rem ,1.8065264412rem + 3.1346979719vw ,5rem)) {
        .menu__logo-wrapper {
            width:calc(3.75rem + 1.25 * (100vw - 61.99875rem)/ 39.87625)
        }
    }

    @supports (height: clamp(3.75rem ,1.8065264412rem + 3.1346979719vw ,5rem)) {
        .menu__logo-wrapper {
            height:clamp(3.75rem ,1.8065264412rem + 3.1346979719vw ,5rem)
        }
    }

    @supports not (height: clamp(3.75rem ,1.8065264412rem + 3.1346979719vw ,5rem)) {
        .menu__logo-wrapper {
            height:calc(3.75rem + 1.25 * (100vw - 61.99875rem)/ 39.87625)
        }
    }

    @supports ((-moz-column-gap: clamp(1.875rem ,-1.5260787279rem + 5.4857214507vw ,4.0625rem)) or (column-gap:clamp(1.875rem ,-1.5260787279rem + 5.4857214507vw ,4.0625rem))) {
        .footer__menu {
            -webkit-column-gap:clamp(1.875rem ,-1.5260787279rem + 5.4857214507vw ,4.0625rem);
            -moz-column-gap: clamp(1.875rem ,-1.5260787279rem + 5.4857214507vw ,4.0625rem);
            column-gap: clamp(1.875rem ,-1.5260787279rem + 5.4857214507vw ,4.0625rem)
        }
    }

    @supports not ((-moz-column-gap: clamp(1.875rem ,-1.5260787279rem + 5.4857214507vw ,4.0625rem)) or (column-gap:clamp(1.875rem ,-1.5260787279rem + 5.4857214507vw ,4.0625rem))) {
        .footer__menu {
            -webkit-column-gap:calc(1.875rem + 2.1875 * (100vw - 61.99875rem)/ 39.87625);
            -moz-column-gap: calc(1.875rem + 2.1875 * (100vw - 61.99875rem)/ 39.87625);
            column-gap: calc(1.875rem + 2.1875 * (100vw - 61.99875rem)/ 39.87625)
        }
    }

    @supports (margin-top: clamp(-33.75rem ,36.5064182941rem + -68.9633553807vw ,-6.25rem)) {
        .about__picture {
            margin-top:clamp(-33.75rem ,36.5064182941rem + -68.9633553807vw ,-6.25rem)
        }
    }

    @supports not (margin-top: clamp(-33.75rem ,36.5064182941rem + -68.9633553807vw ,-6.25rem)) {
        .about__picture {
            margin-top:calc(-6.25rem + -27.5 * (100vw - 61.99875rem)/ 39.87625)
        }
    }

    @supports (margin-left: clamp(-25rem ,0.5477884706rem + -25.0775837748vw ,-15rem)) {
        .how__content {
            margin-left:clamp(-25rem ,.5477884706rem + -25.0775837748vw ,-15rem)
        }
    }

    @supports not (margin-left: clamp(-25rem ,0.5477884706rem + -25.0775837748vw ,-15rem)) {
        .how__content {
            margin-left:calc(-15rem + -10 * (100vw - 61.99875rem)/ 39.87625)
        }
    }
}

@media (min-width: 20em) and (max-width:61.99875em) {
    @supports ((-moz-column-gap:clamp(1.875rem ,1.8154744189rem + 0.2976279056vw ,2rem)) or (column-gap:clamp(1.875rem ,1.8154744189rem + 0.2976279056vw ,2rem))) {
        .menu__list {
            -webkit-column-gap:clamp(1.875rem ,1.8154744189rem + .2976279056vw ,2rem);
            -moz-column-gap: clamp(1.875rem ,1.8154744189rem + .2976279056vw ,2rem);
            column-gap: clamp(1.875rem ,1.8154744189rem + .2976279056vw ,2rem)
        }
    }

    @supports not ((-moz-column-gap: clamp(1.875rem ,1.8154744189rem + 0.2976279056vw ,2rem)) or (column-gap:clamp(1.875rem ,1.8154744189rem + 0.2976279056vw ,2rem))) {
        .menu__list {
            -webkit-column-gap:calc(1.875rem + .125 * (100vw - 20rem)/ 41.99875);
            -moz-column-gap: calc(1.875rem + .125 * (100vw - 20rem)/ 41.99875);
            column-gap: calc(1.875rem + .125 * (100vw - 20rem)/ 41.99875)
        }
    }

    @supports (width: clamp(3.75rem ,3.1547441888rem + 2.9762790559vw ,5rem)) {
        .menu__logo-wrapper {
            width:clamp(3.75rem ,3.1547441888rem + 2.9762790559vw ,5rem)
        }
    }

    @supports not (width: clamp(3.75rem ,3.1547441888rem + 2.9762790559vw ,5rem)) {
        .menu__logo-wrapper {
            width:calc(3.75rem + 1.25 * (100vw - 20rem)/ 41.99875)
        }
    }

    @supports (height: clamp(3.75rem ,3.1547441888rem + 2.9762790559vw ,5rem)) {
        .menu__logo-wrapper {
            height:clamp(3.75rem ,3.1547441888rem + 2.9762790559vw ,5rem)
        }
    }

    @supports not (height: clamp(3.75rem ,3.1547441888rem + 2.9762790559vw ,5rem)) {
        .menu__logo-wrapper {
            height:calc(3.75rem + 1.25 * (100vw - 20rem)/ 41.99875)
        }
    }

    @supports (margin-top: clamp(-6.25rem ,2.9762791482rem + -14.8813954284vw ,0.0000000625rem)) {
        .about__picture {
            margin-top:clamp(-6.25rem ,2.9762791482rem + -14.8813954284vw ,.0000000625rem)
        }
    }

    @supports not (margin-top: clamp(-6.25rem ,2.9762791482rem + -14.8813954284vw ,0.0000000625rem)) {
        .about__picture {
            margin-top:calc(.0000000625rem + -6.2500000625 * (100vw - 20rem)/ 41.99875)
        }
    }
}

@media (min-width: 20em) and (max-width:101.875em) {
    @supports (padding-top:clamp(3.75rem ,3.4446564885rem + 1.5267175573vw ,5rem)) {
        .footer {
            padding-top:clamp(3.75rem ,3.4446564885rem + 1.5267175573vw ,5rem)
        }
    }

    @supports not (padding-top: clamp(3.75rem ,3.4446564885rem + 1.5267175573vw ,5rem)) {
        .footer {
            padding-top:calc(3.75rem + 1.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-bottom: clamp(1.25rem ,-1.8034351145rem + 15.2671755725vw ,13.75rem)) {
        .footer__container {
            padding-bottom:clamp(1.25rem ,-1.8034351145rem + 15.2671755725vw ,13.75rem)
        }
    }

    @supports not (padding-bottom: clamp(1.25rem ,-1.8034351145rem + 15.2671755725vw ,13.75rem)) {
        .footer__container {
            padding-bottom:calc(1.25rem + 12.5 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(1.25rem ,1.0057251908rem + 1.2213740458vw ,2.25rem)) {
        .footer__menu li a {
            font-size:clamp(1.25rem ,1.0057251908rem + 1.2213740458vw ,2.25rem)
        }
    }

    @supports not (font-size: clamp(1.25rem ,1.0057251908rem + 1.2213740458vw ,2.25rem)) {
        .footer__menu li a {
            font-size:calc(1.25rem + 1 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-top: clamp(3.75rem ,2.8339694656rem + 4.5801526718vw ,7.5rem)) {
        .page__about {
            padding-top:clamp(3.75rem ,2.8339694656rem + 4.5801526718vw ,7.5rem)
        }
    }

    @supports not (padding-top: clamp(3.75rem ,2.8339694656rem + 4.5801526718vw ,7.5rem)) {
        .page__about {
            padding-top:calc(3.75rem + 3.75 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-bottom: clamp(2.5rem ,2.1946564885rem + 1.5267175573vw ,3.75rem)) {
        .page__about {
            padding-bottom:clamp(2.5rem ,2.1946564885rem + 1.5267175573vw ,3.75rem)
        }
    }

    @supports not (padding-bottom: clamp(2.5rem ,2.1946564885rem + 1.5267175573vw ,3.75rem)) {
        .page__about {
            padding-bottom:calc(2.5rem + 1.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-top: clamp(5rem ,4.6946564885rem + 1.5267175573vw ,6.25rem)) {
        .page__how {
            padding-top:clamp(5rem ,4.6946564885rem + 1.5267175573vw ,6.25rem)
        }
    }

    @supports not (padding-top: clamp(5rem ,4.6946564885rem + 1.5267175573vw ,6.25rem)) {
        .page__how {
            padding-top:calc(5rem + 1.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (margin-top: clamp(-3.75rem ,0.9160306121rem + -4.5801527481vw ,0.0000000625rem)) {
        .page__roadmap {
            margin-top:clamp(-3.75rem ,.9160306121rem + -4.5801527481vw ,.0000000625rem)
        }
    }

    @supports not (margin-top: clamp(-3.75rem ,0.9160306121rem + -4.5801527481vw ,0.0000000625rem)) {
        .page__roadmap {
            margin-top:calc(.0000000625rem + -3.7500000625 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-top: clamp(3.75rem ,2.8339694656rem + 4.5801526718vw ,7.5rem)) {
        .page__roadmap {
            padding-top:clamp(3.75rem ,2.8339694656rem + 4.5801526718vw ,7.5rem)
        }
    }

    @supports not (padding-top: clamp(3.75rem ,2.8339694656rem + 4.5801526718vw ,7.5rem)) {
        .page__roadmap {
            padding-top:calc(3.75rem + 3.75 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-bottom: clamp(2.5rem ,-0.2480916031rem + 13.7404580153vw ,13.75rem)) {
        .page__roadmap {
            padding-bottom:clamp(2.5rem ,-.2480916031rem + 13.7404580153vw ,13.75rem)
        }
    }

    @supports not (padding-bottom: clamp(2.5rem ,-0.2480916031rem + 13.7404580153vw ,13.75rem)) {
        .page__roadmap {
            padding-bottom:calc(2.5rem + 11.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-top: clamp(-1.25rem ,6.5267175573rem + -7.6335877863vw ,5rem)) {
        .page__tokenomics {
            padding-top:clamp(-1.25rem ,6.5267175573rem + -7.6335877863vw ,5rem)
        }
    }

    @supports not (padding-top: clamp(-1.25rem ,6.5267175573rem + -7.6335877863vw ,5rem)) {
        .page__tokenomics {
            padding-top:calc(5rem + -6.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-bottom: clamp(2.5rem ,2.1946564885rem + 1.5267175573vw ,3.75rem)) {
        .page__tokenomics {
            padding-bottom:clamp(2.5rem ,2.1946564885rem + 1.5267175573vw ,3.75rem)
        }
    }

    @supports not (padding-bottom: clamp(2.5rem ,2.1946564885rem + 1.5267175573vw ,3.75rem)) {
        .page__tokenomics {
            padding-bottom:calc(2.5rem + 1.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (margin-top: clamp(-7.5rem ,1.8320611465rem + -9.1603054198vw ,0.0000000625rem)) {
        .page__join {
            margin-top:clamp(-7.5rem ,1.8320611465rem + -9.1603054198vw ,.0000000625rem)
        }
    }

    @supports not (margin-top: clamp(-7.5rem ,1.8320611465rem + -9.1603054198vw ,0.0000000625rem)) {
        .page__join {
            margin-top:calc(.0000000625rem + -7.5000000625 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-top: clamp(3.75rem ,3.4446564885rem + 1.5267175573vw ,5rem)) {
        .page__join {
            padding-top:clamp(3.75rem ,3.4446564885rem + 1.5267175573vw ,5rem)
        }
    }

    @supports not (padding-top: clamp(3.75rem ,3.4446564885rem + 1.5267175573vw ,5rem)) {
        .page__join {
            padding-top:calc(3.75rem + 1.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-bottom: clamp(5rem ,4.6946564885rem + 1.5267175573vw ,6.25rem)) {
        .page__join {
            padding-bottom:clamp(5rem ,4.6946564885rem + 1.5267175573vw ,6.25rem)
        }
    }

    @supports not (padding-bottom: clamp(5rem ,4.6946564885rem + 1.5267175573vw ,6.25rem)) {
        .page__join {
            padding-bottom:calc(5rem + 1.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-left: clamp(2.875rem ,1.6230916031rem + 6.2595419847vw ,8rem)) {
        .about__title {
            padding-left:clamp(2.875rem ,1.6230916031rem + 6.2595419847vw ,8rem)
        }
    }

    @supports not (padding-left: clamp(2.875rem ,1.6230916031rem + 6.2595419847vw ,8rem)) {
        .about__title {
            padding-left:calc(2.875rem + 5.125 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-right: clamp(4.0625rem ,2.4136450382rem + 8.2442748092vw ,10.8125rem)) {
        .about__title {
            padding-right:clamp(4.0625rem ,2.4136450382rem + 8.2442748092vw ,10.8125rem)
        }
    }

    @supports not (padding-right: clamp(4.0625rem ,2.4136450382rem + 8.2442748092vw ,10.8125rem)) {
        .about__title {
            padding-right:calc(4.0625rem + 6.75 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .about__title span {
            font-size:clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)
        }
    }

    @supports not (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .about__title span {
            font-size:calc(4.125rem + 7.125 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .about__title span::before {
            font-size:clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)
        }
    }

    @supports not (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .about__title span::before {
            font-size:calc(4.125rem + 7.125 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(1rem ,0.9389312977rem + 0.3053435115vw ,1.25rem)) {
        .about__text {
            font-size:clamp(1rem ,.9389312977rem + .3053435115vw ,1.25rem)
        }
    }

    @supports not (font-size: clamp(1rem ,0.9389312977rem + 0.3053435115vw ,1.25rem)) {
        .about__text {
            font-size:calc(1rem + .25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .how__title span {
            font-size:clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)
        }
    }

    @supports not (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .how__title span {
            font-size:calc(4.125rem + 7.125 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .how__title span::before {
            font-size:clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)
        }
    }

    @supports not (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .how__title span::before {
            font-size:calc(4.125rem + 7.125 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (row-gap: clamp(1.875rem ,1.7223282443rem + 0.7633587786vw ,2.5rem)) {
        .how__content ul {
            row-gap:clamp(1.875rem ,1.7223282443rem + .7633587786vw ,2.5rem)
        }
    }

    @supports not (row-gap: clamp(1.875rem ,1.7223282443rem + 0.7633587786vw ,2.5rem)) {
        .how__content ul {
            row-gap:calc(1.875rem + .625 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports ((-moz-column-gap: clamp(1.25rem ,0.9446564885rem + 1.5267175573vw ,2.5rem)) or (column-gap:clamp(1.25rem ,0.9446564885rem + 1.5267175573vw ,2.5rem))) {
        .how__content ul li {
            -webkit-column-gap:clamp(1.25rem ,.9446564885rem + 1.5267175573vw ,2.5rem);
            -moz-column-gap: clamp(1.25rem ,.9446564885rem + 1.5267175573vw ,2.5rem);
            column-gap: clamp(1.25rem ,.9446564885rem + 1.5267175573vw ,2.5rem)
        }
    }

    @supports not ((-moz-column-gap: clamp(1.25rem ,0.9446564885rem + 1.5267175573vw ,2.5rem)) or (column-gap:clamp(1.25rem ,0.9446564885rem + 1.5267175573vw ,2.5rem))) {
        .how__content ul li {
            -webkit-column-gap:calc(1.25rem + 1.25 * (100vw - 20rem)/ 81.875);
            -moz-column-gap: calc(1.25rem + 1.25 * (100vw - 20rem)/ 81.875);
            column-gap: calc(1.25rem + 1.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(2.875rem ,2.0505725191rem + 4.1221374046vw ,6.25rem)) {
        .how__content ul li span:nth-child(1) {
            font-size:clamp(2.875rem ,2.0505725191rem + 4.1221374046vw ,6.25rem)
        }
    }

    @supports not (font-size: clamp(2.875rem ,2.0505725191rem + 4.1221374046vw ,6.25rem)) {
        .how__content ul li span:nth-child(1) {
            font-size:calc(2.875rem + 3.375 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(1rem ,0.9389312977rem + 0.3053435115vw ,1.25rem)) {
        .how__content ul li span:nth-child(2) {
            font-size:clamp(1rem ,.9389312977rem + .3053435115vw ,1.25rem)
        }
    }

    @supports not (font-size: clamp(1rem ,0.9389312977rem + 0.3053435115vw ,1.25rem)) {
        .how__content ul li span:nth-child(2) {
            font-size:calc(1rem + .25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (margin-bottom: clamp(3.125rem ,2.0562977099rem + 5.3435114504vw ,7.5rem)) {
        .roadmap__title {
            margin-bottom:clamp(3.125rem ,2.0562977099rem + 5.3435114504vw ,7.5rem)
        }
    }

    @supports not (margin-bottom: clamp(3.125rem ,2.0562977099rem + 5.3435114504vw ,7.5rem)) {
        .roadmap__title {
            margin-bottom:calc(3.125rem + 4.375 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .roadmap__title span {
            font-size:clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)
        }
    }

    @supports not (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .roadmap__title span {
            font-size:calc(4.125rem + 7.125 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .roadmap__title span::before {
            font-size:clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)
        }
    }

    @supports not (font-size: clamp(4.125rem ,2.3845419847rem + 8.7022900763vw ,11.25rem)) {
        .roadmap__title span::before {
            font-size:calc(4.125rem + 7.125 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-top: clamp(1.25rem ,0.9446564885rem + 1.5267175573vw ,2.5rem)) {
        .item-roadmap {
            padding-top:clamp(1.25rem ,.9446564885rem + 1.5267175573vw ,2.5rem)
        }
    }

    @supports not (padding-top: clamp(1.25rem ,0.9446564885rem + 1.5267175573vw ,2.5rem)) {
        .item-roadmap {
            padding-top:calc(1.25rem + 1.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-bottom: clamp(1.25rem ,0.9446564885rem + 1.5267175573vw ,2.5rem)) {
        .item-roadmap {
            padding-bottom:clamp(1.25rem ,.9446564885rem + 1.5267175573vw ,2.5rem)
        }
    }

    @supports not (padding-bottom: clamp(1.25rem ,0.9446564885rem + 1.5267175573vw ,2.5rem)) {
        .item-roadmap {
            padding-bottom:calc(1.25rem + 1.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-left: clamp(0.9375rem ,0.4794847328rem + 2.2900763359vw ,2.8125rem)) {
        .item-roadmap {
            padding-left:clamp(.9375rem ,.4794847328rem + 2.2900763359vw ,2.8125rem)
        }
    }

    @supports not (padding-left: clamp(0.9375rem ,0.4794847328rem + 2.2900763359vw ,2.8125rem)) {
        .item-roadmap {
            padding-left:calc(.9375rem + 1.875 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-right: clamp(0.9375rem ,0.4794847328rem + 2.2900763359vw ,2.8125rem)) {
        .item-roadmap {
            padding-right:clamp(.9375rem ,.4794847328rem + 2.2900763359vw ,2.8125rem)
        }
    }

    @supports not (padding-right: clamp(0.9375rem ,0.4794847328rem + 2.2900763359vw ,2.8125rem)) {
        .item-roadmap {
            padding-right:calc(.9375rem + 1.875 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(1rem ,0.9389312977rem + 0.3053435115vw ,1.25rem)) {
        .item-roadmap__text {
            font-size:clamp(1rem ,.9389312977rem + .3053435115vw ,1.25rem)
        }
    }

    @supports not (font-size: clamp(1rem ,0.9389312977rem + 0.3053435115vw ,1.25rem)) {
        .item-roadmap__text {
            font-size:calc(1rem + .25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(2.125rem ,1.911259542rem + 1.0687022901vw ,3rem)) {
        .item-roadmap__decor span:nth-child(1) {
            font-size:clamp(2.125rem ,1.911259542rem + 1.0687022901vw ,3rem)
        }
    }

    @supports not (font-size: clamp(2.125rem ,1.911259542rem + 1.0687022901vw ,3rem)) {
        .item-roadmap__decor span:nth-child(1) {
            font-size:calc(2.125rem + .875 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(4.125rem ,2.5677480916rem + 7.786259542vw ,10.5rem)) {
        .tokenomics__top-title span {
            font-size:clamp(4.125rem ,2.5677480916rem + 7.786259542vw ,10.5rem)
        }
    }

    @supports not (font-size: clamp(4.125rem ,2.5677480916rem + 7.786259542vw ,10.5rem)) {
        .tokenomics__top-title span {
            font-size:calc(4.125rem + 6.375 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(4.125rem ,2.5677480916rem + 7.786259542vw ,10.5rem)) {
        .tokenomics__top-title span::before {
            font-size:clamp(4.125rem ,2.5677480916rem + 7.786259542vw ,10.5rem)
        }
    }

    @supports not (font-size: clamp(4.125rem ,2.5677480916rem + 7.786259542vw ,10.5rem)) {
        .tokenomics__top-title span::before {
            font-size:calc(4.125rem + 6.375 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-top: clamp(0.25rem ,-0.0553435115rem + 1.5267175573vw ,1.5rem)) {
        .tokenomics__main-items {
            padding-top:clamp(.25rem ,-.0553435115rem + 1.5267175573vw ,1.5rem)
        }
    }

    @supports not (padding-top: clamp(0.25rem ,-0.0553435115rem + 1.5267175573vw ,1.5rem)) {
        .tokenomics__main-items {
            padding-top:calc(.25rem + 1.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-bottom: clamp(0.25rem ,-0.0553435115rem + 1.5267175573vw ,1.5rem)) {
        .tokenomics__main-items {
            padding-bottom:clamp(.25rem ,-.0553435115rem + 1.5267175573vw ,1.5rem)
        }
    }

    @supports not (padding-bottom: clamp(0.25rem ,-0.0553435115rem + 1.5267175573vw ,1.5rem)) {
        .tokenomics__main-items {
            padding-bottom:calc(.25rem + 1.25 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-left: clamp(0.25rem ,0.1583969466rem + 0.4580152672vw ,0.625rem)) {
        .tokenomics__main-items {
            padding-left:clamp(.25rem ,.1583969466rem + .4580152672vw ,.625rem)
        }
    }

    @supports not (padding-left: clamp(0.25rem ,0.1583969466rem + 0.4580152672vw ,0.625rem)) {
        .tokenomics__main-items {
            padding-left:calc(.25rem + .375 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding-right: clamp(0.25rem ,0.1583969466rem + 0.4580152672vw ,0.625rem)) {
        .tokenomics__main-items {
            padding-right:clamp(.25rem ,.1583969466rem + .4580152672vw ,.625rem)
        }
    }

    @supports not (padding-right: clamp(0.25rem ,0.1583969466rem + 0.4580152672vw ,0.625rem)) {
        .tokenomics__main-items {
            padding-right:calc(.25rem + .375 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (row-gap: clamp(0.25rem ,0.0057251908rem + 1.2213740458vw ,1.25rem)) {
        .tokenomics__main-item {
            row-gap:clamp(.25rem ,.0057251908rem + 1.2213740458vw ,1.25rem)
        }
    }

    @supports not (row-gap: clamp(0.25rem ,0.0057251908rem + 1.2213740458vw ,1.25rem)) {
        .tokenomics__main-item {
            row-gap:calc(.25rem + 1 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(2.125rem ,0.4150763359rem + 8.5496183206vw ,9.125rem)) {
        .tokenomics__main-item span:nth-child(2) {
            font-size:clamp(2.125rem ,.4150763359rem + 8.5496183206vw ,9.125rem)
        }
    }

    @supports not (font-size: clamp(2.125rem ,0.4150763359rem + 8.5496183206vw ,9.125rem)) {
        .tokenomics__main-item span:nth-child(2) {
            font-size:calc(2.125rem + 7 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(0.625rem ,0.3501908397rem + 1.3740458015vw ,1.75rem)) {
        .tokenomics__main-item span:nth-child(3) {
            font-size:clamp(.625rem ,.3501908397rem + 1.3740458015vw ,1.75rem)
        }
    }

    @supports not (font-size: clamp(0.625rem ,0.3501908397rem + 1.3740458015vw ,1.75rem)) {
        .tokenomics__main-item span:nth-child(3) {
            font-size:calc(.625rem + 1.125 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (margin-top: clamp(-20.875rem ,-1.1221374046rem + -19.3893129771vw ,-5rem)) {
        .tokenomics__ca {
            margin-top:clamp(-20.875rem ,-1.1221374046rem + -19.3893129771vw ,-5rem)
        }
    }

    @supports not (margin-top: clamp(-20.875rem ,-1.1221374046rem + -19.3893129771vw ,-5rem)) {
        .tokenomics__ca {
            margin-top:calc(-5rem + -15.875 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (padding: clamp(0.9375rem ,0.830629771rem + 0.534351145vw ,1.375rem)) {
        .tokenomics__ca-num span {
            padding:clamp(.9375rem ,.830629771rem + .534351145vw ,1.375rem)
        }
    }

    @supports not (padding: clamp(0.9375rem ,0.830629771rem + 0.534351145vw ,1.375rem)) {
        .tokenomics__ca-num span {
            padding:calc(.9375rem + .4375 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (font-size: clamp(1rem ,0.893129771rem + 0.534351145vw ,1.4375rem)) {
        .tokenomics__ca-num span {
            font-size:clamp(1rem ,.893129771rem + .534351145vw ,1.4375rem)
        }
    }

    @supports not (font-size: clamp(1rem ,0.893129771rem + 0.534351145vw ,1.4375rem)) {
        .tokenomics__ca-num span {
            font-size:calc(1rem + .4375 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (width: clamp(2.5rem ,2.3167938931rem + 0.9160305344vw ,3.25rem)) {
        .tokenomics__ca-copy svg {
            width:clamp(2.5rem ,2.3167938931rem + .9160305344vw ,3.25rem)
        }
    }

    @supports not (width: clamp(2.5rem ,2.3167938931rem + 0.9160305344vw ,3.25rem)) {
        .tokenomics__ca-copy svg {
            width:calc(2.5rem + .75 * (100vw - 20rem)/ 81.875)
        }
    }

    @supports (height: clamp(2.5rem ,2.3167938931rem + 0.9160305344vw ,3.25rem)) {
        .tokenomics__ca-copy svg {
            height:clamp(2.5rem ,2.3167938931rem + .9160305344vw ,3.25rem)
        }
    }

    @supports not (height: clamp(2.5rem ,2.3167938931rem + 0.9160305344vw ,3.25rem)) {
        .tokenomics__ca-copy svg {
            height:calc(2.5rem + .75 * (100vw - 20rem)/ 81.875)
        }
    }
}

@media (min-width: 47.99875em) and (max-width:112.5em) {
    @supports (bottom:clamp(-7.5rem ,-13.0811418848rem + 11.627681731vw ,0.0000000625rem)) {
        .join__button {
            bottom:clamp(-7.5rem ,-13.0811418848rem + 11.627681731vw ,.0000000625rem)
        }
    }

    @supports not (bottom: clamp(-7.5rem ,-13.0811418848rem + 11.627681731vw ,0.0000000625rem)) {
        .join__button {
            bottom:calc(-7.5rem + 7.5000000625 * (100vw - 47.99875rem)/ 64.50125)
        }
    }
}

@media (min-width: 20em) and (max-width:47.99875em) {
    @supports (bottom:clamp(-2.5rem ,-4.2857940533rem + 8.9289702665vw ,0.0000000625rem)) {
        .join__button {
            bottom:clamp(-2.5rem ,-4.2857940533rem + 8.9289702665vw ,.0000000625rem)
        }
    }

    @supports not (bottom: clamp(-2.5rem ,-4.2857940533rem + 8.9289702665vw ,0.0000000625rem)) {
        .join__button {
            bottom:calc(-2.5rem + 2.5000000625 * (100vw - 20rem)/ 27.99875)
        }
    }
}

@media (any-hover: hover) {
    .menu__logo:hover .menu__logo-wrapper {
        -webkit-transform:rotateY(180deg);
        transform: rotateY(180deg)
    }

    .menu__link:hover {
        text-shadow: 0 0 .125rem #c71919,0 0 .25rem #c71919,0 0 .5rem #c71919,0 0 1rem #c71919
    }

    .header__social-item:nth-child(1):hover {
        box-shadow: 0 0 .375rem #c71919,0 0 1.125rem #c71919,inset 0 0 .375rem #c71919,inset 0 0 1.125rem #c71919
    }

    .header__social-item:nth-child(2):hover {
        box-shadow: 0 0 .375rem #34ffec,0 0 1.125rem #34ffec,inset 0 0 .375rem #34ffec,inset 0 0 1.125rem #34ffec
    }

    .header__action:hover {
        box-shadow: 0 0 .375rem #c71919,0 0 1.125rem #c71919,inset 0 0 .375rem #c71919,inset 0 0 1.125rem #c71919
    }

    .header__action:hover span {
        scale: 1.15
    }

    .footer__menu li a:hover {
        color: #c71919
    }

    .hero__button:hover {
        box-shadow: 0 0 .375rem #c71919,0 0 1.125rem #c71919,inset 0 0 .375rem #c71919,inset 0 0 1.125rem #c71919
    }

    .hero__button:hover span {
        scale: 1.15
    }

    .tokenomics__ca-copy:hover {
        box-shadow: 0 0 .375rem #c71919,0 0 1.125rem #c71919,inset 0 0 .375rem #c71919,inset 0 0 1.125rem #c71919
    }

    .tokenomics__ca-copy:hover svg {
        scale: 1.15
    }

    .join__button._watcher-view:hover {
        box-shadow: 0 0 .375rem #c71919,0 0 1.125rem #c71919,inset 0 0 .375rem #c71919,inset 0 0 1.125rem #c71919
    }

    .join__button._watcher-view:hover span {
        scale: 1.15
    }
}