@import url(https://fonts.googleapis.com/css?family=Montserrat:regular,500,600,700&display=swap);
@font-face {
  font-family: Ahsing;
  font-display: swap;
  src: url(../fonts/Ahsing-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Exmouth;
  font-display: swap;
  src: url(../fonts/Exmouth.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: "MD Nichrome Test";
  font-display: swap;
  src: url("../fonts/MD Nichrome Test.woff2") format("woff2");
  font-weight: 400;
  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: #fff;
  line-height: 1;
  font-family: "MD Nichrome Test";
  font-size: 1.5rem;
  -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: "MD Nichrome Test";
  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
}
body {
  background-color: #000
}
.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: 106.875rem;
  margin: 0 auto;
  padding: 0 .9375rem
}
[class*="--gc"] {
  display: grid;
  min-width: 0;
  grid-template-columns: .9375rem 1fr minmax(auto,105rem) 1fr .9375rem
}
[class*="--gc"]>* {
  min-width: 0;
  grid-column: 3/4
}
.menu__list {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem
}
.menu__link {
  position: relative;
  color: #fff;
  font-family: "MD Nichrome Test";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color .3s ease 0s
}
.menu__link::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: calc(100% + .125rem);
  left: 0;
  width: 0;
  height: .0625rem;
  background-color: #ffd090;
  transition: width .3s ease 0s
}
.menu__link._navigator-active {
  color: #ffd090
}
.menu__link._navigator-active::before {
  width: 100%
}
.menu__button {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 13.25rem;
  height: 2.75rem;
  background: url(../img/buy-now.svg) center/contain no-repeat
}
.menu__button span {
  color: #000;
  font-family: "MD Nichrome Test";
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: letter-spacing .3s ease 0s
}
.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%
}
.header__container {
  display: flex;
  justify-content: center;
  align-items: center
}
.footer {
  position: relative;
  border-top: .125rem solid #fbcd8c;
  padding: .875rem 0
}
.footer__container {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.footer__container>span {
  color: #fff;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase
}
.footer__container>a {
  display: flex;
  align-items: center;
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s,-webkit-transform .3s ease 0s
}
.footer__container>a>span {
  color: #fff;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase
}
.footer__container>a>img {
  flex-shrink: 0
}
.page__hero {
  margin-top: 3.125rem
}
.menu-open-bg {
  pointer-events: none;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
  -webkit-backdrop-filter: blur(.375rem);
  backdrop-filter: blur(.375rem);
  opacity: 0;
  transition: opacity .3s ease 0s
}
.menu-open .menu-open-bg {
  opacity: 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
  }
}
@-webkit-keyframes opacity2 {
  0% {
    opacity: 1;
    visibility: visible
  }
  100% {
    opacity: 0;
    visibility: hidden
  }
}
@keyframes opacity2 {
  0% {
    opacity: 1;
    visibility: visible
  }
  100% {
    opacity: 0;
    visibility: hidden
  }
}
@-webkit-keyframes to-top {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem)
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes to-top {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem)
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@-webkit-keyframes to-left {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(3.75rem);
    transform: translateX(3.75rem)
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes to-left {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(3.75rem);
    transform: translateX(3.75rem)
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes to-right {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem)
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes to-right {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem)
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes start {
  0% {
    display: block;
    -webkit-backdrop-filter: blur(3.75rem);
    backdrop-filter: blur(3.75rem);
    background-color: rgba(0,0,0,.4)
  }
  99% {
    display: block;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background-color: rgba(0,0,0,0);
    display: none
  }
  100% {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background-color: rgba(0,0,0,0);
    display: none
  }
}
@keyframes start {
  0% {
    display: block;
    -webkit-backdrop-filter: blur(3.75rem);
    backdrop-filter: blur(3.75rem);
    background-color: rgba(0,0,0,.4)
  }
  99% {
    display: block;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background-color: rgba(0,0,0,0);
    display: none
  }
  100% {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background-color: rgba(0,0,0,0);
    display: none
  }
}
.start {
  pointer-events: none;
  position: fixed;
  z-index: 20;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,.4);
  -webkit-backdrop-filter: blur(3.75rem);
  backdrop-filter: blur(3.75rem)
}
.start::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000
}
.loaded .start::before {
  -webkit-animation: opacity2 .4s ease .4s forwards;
  animation: opacity2 .4s ease .4s forwards
}
.loaded .start {
  -webkit-animation: start .8s ease-out .6s forwards;
  animation: start .8s ease-out .6s forwards
}
.hero {
  position: relative;
  width: 100%;
  aspect-ratio: 1920/1080
}
.hero__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.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__social-item {
  position: absolute;
  z-index: 3
}
.hero__social-item svg {
  transition: scale .3s ease 0s
}
.hero__social-item svg path {
  transition: fill .3s ease 0s
}
.hero__social-item.hero__social-item--1 {
  bottom: 12%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden
}
.hero__social-item.hero__social-item--2 {
  bottom: 9.2%;
  left: 48.45%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden
}
.hero__social-item.hero__social-item--3 {
  bottom: 9.2%;
  left: 51.55%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden
}
.hero__social-item.hero__social-item--3 svg {
  -webkit-transform: translateX(-10%);
  transform: translateX(-10%)
}
.about__container {
  display: flex;
  justify-content: center;
  align-items: center
}
.about__body {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.about__image {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(3.75rem);
  transform: translateY(3.75rem);
  will-change: transform
}
.about__image img {
  width: 100%
}
.about__content {
  display: flex;
  flex-direction: column;
  align-items: center
}
.about__title {
  position: relative;
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%)
}
.about__title span {
  position: relative;
  color: #fff;
  text-shadow: .0416666667em .0333333333em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.about__title span::before {
  content: "Order";
  position: absolute;
  bottom: 6%;
  left: 40%;
  z-index: -1;
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-shadow: 0 0 0 #8a5815
}
.about__text {
  width: 100%;
  max-width: 38.75rem;
  aspect-ratio: 545/284;
  background: url(../img/about-text.png) center/contain no-repeat;
  padding: 10%;
  display: flex;
  align-items: center;
  justify-content: center
}
.about__text p {
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.roadmap {
  position: relative
}
.roadmap__title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(3.75rem);
  transform: translateY(3.75rem);
  will-change: transform;
  background: url(../img/roadmap-title.png) center/cover no-repeat
}
.roadmap__title._watcher-view {
  -webkit-animation: to-top .45s ease-out .2s forwards;
  animation: to-top .45s ease-out .2s forwards
}
.roadmap__title span {
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: .0416666667em .0333333333em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.roadmap__title span::before {
  content: "O";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  left: 10%;
  z-index: -1;
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-shadow: 0 0 0 #8a5815
}
.roadmap__title span::after {
  content: "A";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  right: 8%;
  z-index: -1;
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-shadow: 0 0 0 #8a5815
}
.roadmap__items {
  display: grid;
  grid-template-columns: repeat(4,1fr)
}
.roadmap__item {
  position: relative;
  border: .09375rem solid #ffd090;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(3.75rem);
  transform: translateY(3.75rem);
  will-change: transform
}
.roadmap__item:nth-child(4) .roadmap__item-decor i:nth-child(2) {
  display: block
}
.roadmap__item:nth-child(4) .roadmap__item-decor i:nth-child(3) {
  display: block
}
.roadmap__item h3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start
}
.roadmap__item h3 span:nth-child(1) {
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: .0555555556em .0462962963em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.roadmap__item h3 span:nth-child(2) {
  position: absolute;
  z-index: 1;
  left: 40%;
  top: 5%;
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: -15%
}
.roadmap__item p {
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.roadmap__item-decor {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.roadmap__item-decor i {
  position: absolute
}
.roadmap__item-decor i:nth-child(1) {
  top: 0;
  left: 0;
  width: 12.6%;
  aspect-ratio: 1;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: url(../img/roadmap-decor.png) center/contain no-repeat
}
.roadmap__item-decor i:nth-child(2) {
  top: 0;
  right: 0;
  width: 12.6%;
  aspect-ratio: 1;
  -webkit-transform: translate(50%,-50%);
  transform: translate(50%,-50%);
  background: url(../img/roadmap-decor.png) center/contain no-repeat
}
.roadmap__item-decor i:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 12.6%;
  aspect-ratio: 1;
  -webkit-transform: translate(50%,50%);
  transform: translate(50%,50%);
  background: url(../img/roadmap-decor.png) center/contain no-repeat
}
.roadmap__item-decor i:nth-child(4) {
  bottom: 0;
  left: 0;
  width: 12.6%;
  aspect-ratio: 1;
  -webkit-transform: translate(-50%,50%);
  transform: translate(-50%,50%);
  background: url(../img/roadmap-decor.png) center/contain no-repeat
}
.roadmap__bottom {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: flex-end
}
.roadmap__bottom._watcher-view::before {
  -webkit-animation: to-right .45s ease-out .2s forwards;
  animation: to-right .45s ease-out .2s forwards
}
.roadmap__bottom._watcher-view::after {
  -webkit-animation: to-left .45s ease-out .2s forwards;
  animation: to-left .45s ease-out .2s forwards
}
.roadmap__bottom::before {
  content: "";
  position: absolute;
  bottom: 15%;
  left: 6%;
  width: 48%;
  aspect-ratio: 817/694;
  background: url(../img/roadmap-ducks.png) center/contain no-repeat;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-3.75rem);
  transform: translateX(-3.75rem)
}
.roadmap__bottom::after {
  content: "";
  position: absolute;
  bottom: 19%;
  right: 12.5%;
  width: 26%;
  aspect-ratio: 423/535;
  background: url(../img/roadmap-hero.png) center/contain no-repeat;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(3.75rem);
  transform: translateX(3.75rem)
}
.roadmap__bottom img {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.video {
  position: relative
}
.video__container {
  display: flex;
  align-items: center;
  justify-content: center
}
.video__box {
  position: relative;
  width: 100%;
  max-width: 86.1875rem;
  aspect-ratio: 1379/837;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(3.75rem);
  transform: translateY(3.75rem);
  will-change: transform
}
.video__box._watcher-view {
  -webkit-animation: to-top .45s ease-out .2s forwards;
  animation: to-top .45s ease-out .2s forwards
}
.video__box::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/video-box.png) center/contain no-repeat
}
.video__box>img {
  position: absolute;
  z-index: 1;
  top: 10%;
  left: 0;
  width: 100%;
  height: 85%;
  -o-object-fit: cover;
  object-fit: cover
}
.video__box button {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 10%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  min-width: 3.25rem
}
.video__box button img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 50%;
  overflow: hidden
}
.tokenomics {
  position: relative
}
.tokenomics__container {
  display: flex;
  justify-content: center
}
.tokenomics__left {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start
}
.tokenomics__left img {
  width: 160%
}
.tokenomics__body {
  display: flex;
  flex-direction: column;
  align-items: center
}
.tokenomics__body img {
  width: 100%
}
.tokenomics__title {
  position: relative;
  width: 100%;
  aspect-ratio: 897/302;
  background: url(../img/tokenomics-title.png) center/contain no-repeat;
  display: flex;
  align-items: center;
  justify-content: center
}
.tokenomics__title span {
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: .0416666667em .0333333333em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.tokenomics__title span::before {
  content: "Tokenomics";
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-56%);
  transform: translateY(-56%);
  left: 3%;
  z-index: -1;
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-shadow: 0 0 0 #8a5815
}
.tokenomics__supply {
  position: relative;
  width: 90%;
  aspect-ratio: 762/220;
  background: url(../img/tokenomics-supply.png) center/contain no-repeat;
  display: flex;
  align-items: center;
  justify-content: center
}
.tokenomics__supply span {
  color: #fff;
  text-shadow: .0181818182em .0363636364em 0 #8a5815;
  font-family: Ahsing;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -.02em;
  margin-top: 0.5em
}
.tokenomics__items {
  display: flex;
  align-items: flex-start;
  justify-content: center
}
.tokenomics__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}
.tokenomics__item:nth-child(1) span:nth-child(2) {
  -webkit-transform: translateY(-15%);
  transform: translateY(-15%);
  text-shadow: .0166666667em .0333333333em 0 #8a5815;
  font-family: Ahsing;
  letter-spacing: -.08em
}
.tokenomics__item:nth-child(3) span:nth-child(2) {
  text-shadow: .0416666667em .0333333333em 0 #8a5815;
  font-family: "MD Nichrome Test";
  text-transform: uppercase
}
.tokenomics__item span:nth-child(1) {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center
}
.tokenomics__item span:nth-child(1)::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #000;
  border: .0625rem solid #ffd090;
  rotate: 45deg
}
.tokenomics__item span:nth-child(2) {
  color: #fff;
  font-style: normal;
  font-weight: 400;
  line-height: 1
}
.tokenomics__items-decor {
  position: relative;
  top: 10%;
  width: 1rem;
  height: 90%
}
.tokenomics__items-decor i {
  position: absolute;
  top: 0;
  width: .125rem;
  height: 100%;
  background-color: #ffd090
}
.tokenomics__items-decor i:nth-child(1) {
  left: 0
}
.tokenomics__items-decor i:nth-child(2) {
  right: 0
}
.tokenomics__items-decor i:nth-child(3) {
  left: 50%;
  -webkit-transform: translateX(-.0625rem);
  transform: translateX(-.0625rem)
}
.tokenomics__ca {
  position: relative;
  width: 100%;
  max-width: 40rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  border: .125rem solid #ffd090
}
.tokenomics__ca:has(button:hover) span:nth-child(2) {
  color: #ffd090
}
.tokenomics__ca::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: .375rem;
  left: .375rem;
  width: calc(100% - .75rem);
  height: calc(100% - .75rem);
  border: .125rem solid #ffd090
}
.tokenomics__ca::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: .875rem;
  left: .875rem;
  width: calc(100% - 1.75rem);
  height: calc(100% - 1.75rem);
  border: .125rem solid #ffd090
}
.tokenomics__ca span {
  position: relative;
  z-index: 2
}
.tokenomics__ca span:nth-child(1) {
  flex-shrink: 0;
  color: #fff;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase
}
.tokenomics__ca span:nth-child(2) {
  flex: 1 1 auto;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  width: 7.5rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  transition: color .3s ease 0s
}
.tokenomics__ca button {
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .125rem .25rem
}
.tokenomics__ca button svg {
  width: 1.25rem;
  height: 1.5rem
}
.tokenomics__ca button svg path {
  transition: fill .3s ease 0s
}
.tokenomics__bottom {
  width: 100%;
  height: 4.375rem;
  position: relative
}
.tokenomics__bottom img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.tokenomics__right {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end
}
.tokenomics__right img {
  width: 160%
}
.join {
  position: relative;
  width: 100%;
  aspect-ratio: 1832/1221;
  background: url(../img/join.png) center/contain no-repeat
}
.join__box {
  position: absolute;
  top: 0;
  left: .9375rem;
  width: calc(100% - 1.875rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center
}
.join__title {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-3.75rem);
  transform: translateX(-3.75rem);
  will-change: transform
}
.join__title._watcher-view {
  -webkit-animation: to-top .45s ease-out .2s forwards;
  animation: to-top .45s ease-out .2s forwards
}
.join__title span {
  display: inline-block
}
.join__title span:nth-child(1) {
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: .0221238938em .017699115em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  -webkit-transform: translateX(12%);
  transform: translateX(12%)
}
.join__title span:nth-child(2) {
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-transform: translateX(-12%) translateY(12%);
  transform: translateX(-12%) translateY(12%)
}
.join__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  aspect-ratio: 374/165;
  background: url(../img/join-bnt.png) center/contain no-repeat;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-3.75rem);
  transform: translateX(-3.75rem);
  will-change: transform
}
.join__button._watcher-view {
  -webkit-animation: to-top .45s ease-out .2s forwards;
  animation: to-top .45s ease-out .2s forwards
}
.join__button span {
  color: #000;
  text-shadow: .0416666667em .0277777778em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: letter-spacing .3s ease 0s
}
.join__bottom-link {
  color: #fff;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color .3s ease 0s
}
.join__social-item {
  position: absolute;
  width: 4%;
  aspect-ratio: 1;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center
}
.join__social-item svg {
  width: 55%;
  height: 55%;
  transition: scale .3s ease 0s
}
.join__social-item svg path {
  transition: fill .3s ease 0s
}
.join__social-item.join__social-item--1 {
  bottom: 16%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.join__social-item.join__social-item--2 {
  bottom: 12%;
  left: 47.4%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.join__social-item.join__social-item--3 {
  bottom: 12%;
  left: 52.6%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.bottom-links {
  position: relative;
  border-top: .125rem solid #fbcd8c
}
@media (min-width:47.99875em) {
  .hero__bg img:nth-child(2) {
    display: none
  }
}
@media (min-width:61.99875em) {
  .header__menu {
    background-color: rgba(0,0,0,.9);
    transition: padding-top .3s ease 0s,border .3s ease 0s;
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-bottom: .9375rem;
    border: .125rem solid transparent
  }
  ._header-scroll .header__menu {
    padding-top: 1.25rem;
    border: .125rem solid #ffd090
  }
  .about__body._watcher-view .about__image {
    -webkit-animation: to-top .45s ease-out .2s forwards;
    animation: to-top .45s ease-out .2s forwards
  }
  .about__body._watcher-view .about__content {
    -webkit-animation: to-top .45s ease-out .4s forwards;
    animation: to-top .45s ease-out .4s forwards
  }
  .about__image {
    flex: 0 0 50%
  }
  .about__content {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform
  }
  .roadmap__items._watcher-view .roadmap__item:nth-child(1) {
    -webkit-animation: to-top .45s ease-out .2s forwards;
    animation: to-top .45s ease-out .2s forwards
  }
  .roadmap__items._watcher-view .roadmap__item:nth-child(2) {
    -webkit-animation: to-top .45s ease-out .3s forwards;
    animation: to-top .45s ease-out .3s forwards
  }
  .roadmap__items._watcher-view .roadmap__item:nth-child(3) {
    -webkit-animation: to-top .45s ease-out .4s forwards;
    animation: to-top .45s ease-out .4s forwards
  }
  .roadmap__items._watcher-view .roadmap__item:nth-child(4) {
    -webkit-animation: to-top .45s ease-out .5s forwards;
    animation: to-top .45s ease-out .5s forwards
  }
  .roadmap__item-decor i:nth-child(2) {
    display: none
  }
  .roadmap__item-decor i:nth-child(3) {
    display: none
  }
  .tokenomics__container._watcher-view .tokenomics__left {
    -webkit-animation: to-right .45s ease-out .2s forwards;
    animation: to-right .45s ease-out .2s forwards
  }
  .tokenomics__container._watcher-view .tokenomics__right {
    -webkit-animation: to-left .45s ease-out .2s forwards;
    animation: to-left .45s ease-out .2s forwards
  }
  .tokenomics__container._watcher-view .tokenomics__body {
    -webkit-animation: to-top .45s ease-out .2s forwards;
    animation: to-top .45s ease-out .2s forwards
  }
  .tokenomics__left {
    flex: 0 0 22%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem);
    will-change: transform
  }
  .tokenomics__body {
    flex: 0 0 56%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform
  }
  .tokenomics__right {
    flex: 0 0 22%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(3.75rem);
    transform: translateX(3.75rem)
  }
  .join__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    -webkit-column-gap: 26vw;
    -moz-column-gap: 26vw;
    column-gap: 26vw
  }
  .join__bottom-left {
    justify-content: end;
    display: flex;
    align-items: center
  }
  .join__bottom-rigth {
    display: flex;
    align-items: center
  }
  .bottom-links {
    display: none
  }
}
@media (min-width:61.99875em)and (min-width:106.875em) {
  .header__menu {
    padding-top: 3.125rem
  }
}
@media (min-width:61.99875em)and (min-width:120em) {
  .join__bottom-left {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
  }
  .join__bottom-rigth {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
  }
}
@media (min-width:106.875em) {
  .footer__container>span {
    font-size: 1.5rem
  }
  .footer__container>a {
    -webkit-column-gap: .5625rem;
    -moz-column-gap: .5625rem;
    column-gap: .5625rem
  }
  .footer__container>a>span {
    font-size: 1.5rem
  }
  .footer__container>a>img {
    width: 8.875rem
  }
  .page__about {
    padding-top: 8.75rem
  }
  .page__about {
    padding-bottom: 3.75rem
  }
  .page__roadmap {
    padding-top: 7.5rem
  }
  .page__roadmap {
    padding-bottom: 6.25rem
  }
  .page__video {
    padding-top: 6.25rem
  }
  .page__video {
    padding-bottom: 6.25rem
  }
  .page__tokenomics {
    padding-top: 6.25rem
  }
  .page__tokenomics {
    padding-bottom: 6.25rem
  }
  .page__join {
    margin-top: 5rem
  }
  .about__body {
    -webkit-column-gap: 7.5rem;
    -moz-column-gap: 7.5rem;
    column-gap: 7.5rem
  }
  .about__body {
    padding-left: 3.75rem
  }
  .about__body {
    padding-right: 3.75rem
  }
  .about__title span {
    font-size: 7.5rem
  }
  .about__title span::before {
    font-size: 10.625rem
  }
  .about__text p {
    font-size: 1.5rem
  }
  .roadmap__title {
    height: 15.8125rem
  }
  .roadmap__title {
    margin-bottom: 4.875rem
  }
  .roadmap__title span {
    font-size: 7.5rem
  }
  .roadmap__title span::before {
    font-size: 10.625rem
  }
  .roadmap__title span::after {
    font-size: 10.625rem
  }
  .roadmap__items {
    margin-right: 3.75rem
  }
  .roadmap__items {
    margin-left: 3.75rem
  }
  .roadmap__item {
    padding-top: 2rem
  }
  .roadmap__item {
    padding-bottom: 2rem
  }
  .roadmap__item {
    padding-left: 2.5rem
  }
  .roadmap__item {
    padding-right: 2.5rem
  }
  .roadmap__item h3 {
    margin-bottom: 3.125rem
  }
  .roadmap__item h3 span:nth-child(1) {
    font-size: 6.75rem
  }
  .roadmap__item h3 span:nth-child(2) {
    font-size: 8.3125rem
  }
  .roadmap__item p {
    font-size: 1.5rem
  }
  .roadmap__bottom {
    height: 40.625rem
  }
  .roadmap__bottom img {
    height: 15.125rem
  }
  .tokenomics__title span {
    font-size: 7.5rem
  }
  .tokenomics__title span::before {
    font-size: 10.625rem
  }
  .tokenomics__supply {
    margin-bottom: 2.1875rem
  }
  .tokenomics__supply span {
    font-size: 5rem
  }
  .tokenomics__items {
    -webkit-column-gap: 2.75rem;
    -moz-column-gap: 2.75rem;
    column-gap: 2.75rem
  }
  .tokenomics__items {
    margin-bottom: 2.5rem
  }
  .tokenomics__item span:nth-child(1) {
    width: 4.625rem
  }
  .tokenomics__item span:nth-child(1) {
    height: 4.625rem
  }
  .tokenomics__item span:nth-child(1) {
    font-size: 1.5rem
  }
  .tokenomics__item span:nth-child(2) {
    font-size: 7.5rem
  }
  .tokenomics__item span:nth-child(2) {
    margin-top: -1.25rem
  }
  .tokenomics__item span:nth-child(2) {
    margin-left: .75rem
  }
  .tokenomics__ca {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
  }
  .tokenomics__ca {
    margin-bottom: 2.5rem
  }
  .tokenomics__ca span:nth-child(1) {
    font-size: 1.5rem
  }
  .tokenomics__ca span:nth-child(2) {
    font-size: 1.25rem
  }
  .join__title span:nth-child(1) {
    font-size: 14.125rem
  }
  .join__title span:nth-child(2) {
    font-size: 17.9375rem
  }
  .join__button {
    width: 23.375rem
  }
  .join__button span {
    font-size: 4.5rem
  }
}
@media (min-width:120em) {
  .hero__social-item.hero__social-item--1 svg {
    width: 1.25rem
  }
  .hero__social-item.hero__social-item--1 svg {
    height: 1.25rem
  }
  .hero__social-item.hero__social-item--2 svg {
    width: 1.25rem
  }
  .hero__social-item.hero__social-item--2 svg {
    height: 1.5rem
  }
  .hero__social-item.hero__social-item--3 svg {
    width: 1.25rem
  }
  .hero__social-item.hero__social-item--3 svg {
    height: 1.25rem
  }
  .join__box {
    padding-top: 16.25rem
  }
  .join__bottom-link {
    font-size: 1.5rem
  }
}
@media (max-width:20em) {
  .footer__container>span {
    font-size: 1.125rem
  }
  .footer__container>a {
    -webkit-column-gap: .375rem;
    -moz-column-gap: .375rem;
    column-gap: .375rem
  }
  .footer__container>a>span {
    font-size: 1.125rem
  }
  .footer__container>a>img {
    width: 6.625rem
  }
  .page__about {
    padding-top: 5rem
  }
  .page__about {
    padding-bottom: 1.25rem
  }
  .page__roadmap {
    padding-top: 5rem
  }
  .page__roadmap {
    padding-bottom: 1.25rem
  }
  .page__video {
    padding-top: 5rem
  }
  .page__video {
    padding-bottom: 2.5rem
  }
  .page__tokenomics {
    padding-top: 3.75rem
  }
  .page__tokenomics {
    padding-bottom: .0000000625rem
  }
  .page__join {
    margin-top: 1.25rem
  }
  .hero__social-item.hero__social-item--1 svg {
    width: 1.125rem
  }
  .hero__social-item.hero__social-item--1 svg {
    height: 1.125rem
  }
  .hero__social-item.hero__social-item--2 svg {
    width: 1.125rem
  }
  .hero__social-item.hero__social-item--2 svg {
    height: 1.125rem
  }
  .hero__social-item.hero__social-item--3 svg {
    width: 1.125rem
  }
  .hero__social-item.hero__social-item--3 svg {
    height: 1.125rem
  }
  .about__title span {
    font-size: 5rem
  }
  .about__title span::before {
    font-size: 7.0625rem
  }
  .about__text p {
    font-size: .875rem
  }
  .roadmap__title {
    height: 8.75rem
  }
  .roadmap__title {
    margin-bottom: 2.5rem
  }
  .roadmap__title span {
    font-size: 5rem
  }
  .roadmap__title span::before {
    font-size: 7.0625rem
  }
  .roadmap__title span::after {
    font-size: 7.0625rem
  }
  .roadmap__item {
    padding-top: 1.25rem
  }
  .roadmap__item {
    padding-bottom: 1.25rem
  }
  .roadmap__item {
    padding-left: .9375rem
  }
  .roadmap__item {
    padding-right: .9375rem
  }
  .roadmap__item h3 {
    margin-bottom: 2rem
  }
  .roadmap__item h3 span:nth-child(1) {
    font-size: 4.375rem
  }
  .roadmap__item h3 span:nth-child(2) {
    font-size: 5.375rem
  }
  .roadmap__item p {
    font-size: 1rem
  }
  .roadmap__bottom {
    height: 11.25rem
  }
  .roadmap__bottom img {
    height: 5rem
  }
  .tokenomics__title span {
    font-size: 3.125rem
  }
  .tokenomics__title span::before {
    font-size: 4.375rem
  }
  .tokenomics__supply {
    margin-bottom: 1.5625rem
  }
  .tokenomics__supply span {
    font-size: 2.1rem
  }
  .tokenomics__items {
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
  }
  .tokenomics__items {
    margin-bottom: 1.5625rem
  }
  .tokenomics__item span:nth-child(1) {
    width: 3.625rem
  }
  .tokenomics__item span:nth-child(1) {
    height: 3.625rem
  }
  .tokenomics__item span:nth-child(1) {
    font-size: 1.25rem
  }
  .tokenomics__item span:nth-child(2) {
    font-size: 4.375rem
  }
  .tokenomics__item span:nth-child(2) {
    margin-top: -.625rem
  }
  .tokenomics__ca {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
  }
  .tokenomics__ca {
    margin-bottom: 1.875rem
  }
  .tokenomics__ca span:nth-child(1) {
    font-size: 1.25rem
  }
  .tokenomics__ca span:nth-child(2) {
    font-size: 1rem
  }
  .join__box {
    padding-top: 2.5rem
  }
  .join__title span:nth-child(1) {
    font-size: 3.75rem
  }
  .join__title span:nth-child(2) {
    font-size: 4.6875rem
  }
  .join__button {
    width: 7.5rem
  }
  .join__button span {
    font-size: 1.5rem
  }
  .join__bottom-link {
    font-size: 1.5rem
  }
}
@media (max-width:61.99875em) {
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100%;
    right: -100%;
    top: 0;
    overflow: auto;
    padding: 6.25rem .9375rem .9375rem .9375rem;
    transition: right .3s;
    will-change: right
  }
  .menu-open .menu__body {
    right: 0
  }
  .menu-open .menu__body::before {
    left: 0
  }
  .menu__list {
    flex-direction: column;
    row-gap: 1.875rem;
    align-items: flex-end
  }
  .menu__link {
    font-size: 1.75rem
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 2.125rem;
    height: 2.125rem;
    z-index: 5
  }
  .icon-menu i {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: .125rem solid #ffd090;
    rotate: 45deg
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all .3s ease 0s;
    right: .4375rem;
    position: absolute;
    width: calc(100% - .875rem);
    height: .125rem;
    background-color: #ffd090
  }
  .icon-menu::before {
    top: .625rem
  }
  .icon-menu::after {
    bottom: .625rem
  }
  .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 {
    padding: .9375rem 0 .625rem;
    background-color: rgba(0,0,0,.8)
  }
  .header__container {
    justify-content: space-between
  }
  .header__menu {
    padding-top: 0
  }
  .about__body {
    flex-direction: column-reverse;
    row-gap: 1.25rem
  }
  .about__image {
    width: 100%;
    max-width: 38.75rem
  }
  .about__image._watcher-view {
    -webkit-animation: to-top .45s ease-out .2s forwards;
    animation: to-top .45s ease-out .2s forwards
  }
  .roadmap__title {
    margin: 0 -.9375rem;
    width: calc(100% + 1.875rem);
    margin-bottom: 2.5rem
  }
  .roadmap__items {
    margin-right: .9375rem
  }
  .roadmap__items {
    margin-left: .9375rem;
    grid-template-columns: repeat(2,1fr)
  }
  .roadmap__item._watcher-view {
    -webkit-animation: to-top .45s ease-out .2s forwards;
    animation: to-top .45s ease-out .2s forwards
  }
  .roadmap__item:nth-child(1) .roadmap__item-decor i:nth-child(1) {
    display: block
  }
  .roadmap__item:nth-child(2) .roadmap__item-decor i:nth-child(4) {
    display: none
  }
  .roadmap__item-decor i:nth-child(1) {
    display: none
  }
  .roadmap__item-decor i:nth-child(3) {
    display: none
  }
  .roadmap__bottom {
    width: calc(100% + 1.875rem);
    margin: 0 -.9375rem
  }
  .tokenomics__container {
    flex-direction: column;
    align-items: center
  }
  .tokenomics__left {
    width: 90%;
    max-width: 35rem;
    order: 2;
    align-self: flex-start
  }
  .tokenomics__left img {
    width: 100%
  }
  .tokenomics__body {
    width: 100%;
    order: 1
  }
  .tokenomics__title {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform
  }
  .tokenomics__title._watcher-view {
    -webkit-animation: to-top .45s ease-out .2s forwards;
    animation: to-top .45s ease-out .2s forwards
  }
  .tokenomics__supply {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform
  }
  .tokenomics__supply._watcher-view {
    -webkit-animation: to-top .45s ease-out .2s forwards;
    animation: to-top .45s ease-out .2s forwards
  }
  .tokenomics__items {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform
  }
  .tokenomics__items._watcher-view {
    -webkit-animation: to-top .45s ease-out .2s forwards;
    animation: to-top .45s ease-out .2s forwards
  }
  .tokenomics__item {
    align-items: center
  }
  .tokenomics__items-decor {
    display: none
  }
  .tokenomics__ca {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform
  }
  .tokenomics__ca._watcher-view {
    -webkit-animation: to-top .45s ease-out .2s forwards;
    animation: to-top .45s ease-out .2s forwards
  }
  .tokenomics__right {
    width: 90%;
    max-width: 35rem;
    order: 2;
    align-self: flex-end
  }
  .tokenomics__right img {
    width: 100%
  }
  .join {
    aspect-ratio: 678/611;
    background: url(../img/join-mob.png) center/contain no-repeat
  }
  .join__bottom {
    display: flex;
    align-items: flex-start
  }
  .join__bottom-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start
  }
  .join__bottom-rigth {
    display: flex;
    flex-direction: column;
    align-items: flex-start
  }
  .join__social-item {
    width: 7%
  }
  .join__social-item.join__social-item--1 {
    bottom: 14.4%
  }
  .join__social-item.join__social-item--2 {
    bottom: 9.2%;
    left: 45.2%
  }
  .join__social-item.join__social-item--3 {
    bottom: 9.2%;
    left: 54.8%
  }
  .bottom-links__container {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
  }
}
@media (max-width:61.99875em)and (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}
@media (max-width:61.99875em)and (max-width:20em) {
  .tokenomics__left {
    margin-top: -5.625rem
  }
  .tokenomics__right {
    margin-top: -18.125rem
  }
  .join__bottom {
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem
  }
  .join__bottom-left {
    row-gap: .625rem
  }
  .join__bottom-rigth {
    row-gap: .625rem
  }
}
@media (max-width:47.99875em) {
  .footer__container {
    flex-direction: column-reverse;
    row-gap: .625rem
  }
  .page__hero {
    margin-top: 7.5rem
  }
  .hero {
    aspect-ratio: 647/628
  }
  .hero__bg img:nth-child(1) {
    display: none
  }
  .hero__social-item.hero__social-item--1 {
    width: 7%;
    bottom: 8.3%
  }
  .hero__social-item.hero__social-item--2 {
    width: 7%;
    left: 45.1%;
    bottom: 3.2%
  }
  .hero__social-item.hero__social-item--3 {
    width: 7%;
    left: 54.9%;
    bottom: 3.2%
  }
}
@media (max-width:37.49875em) {
  .roadmap__items {
    grid-template-columns: repeat(1,1fr)
  }
  .roadmap__item:nth-child(1) .roadmap__item-decor i:nth-child(4) {
    display: none
  }
  .roadmap__item:nth-child(2) .roadmap__item-decor i:nth-child(4) {
    display: none
  }
  .roadmap__item:nth-child(2) .roadmap__item-decor i:nth-child(1) {
    display: block
  }
  .roadmap__item:nth-child(3) .roadmap__item-decor i:nth-child(4) {
    display: none
  }
  .roadmap__item:nth-child(3) .roadmap__item-decor i:nth-child(1) {
    display: block
  }
  .roadmap__item:nth-child(4) .roadmap__item-decor i:nth-child(1) {
    display: block
  }
  .roadmap__bottom::before {
    left: 0;
    width: 56%
  }
  .roadmap__bottom::after {
    bottom: 21%;
    right: 0;
    width: 35%
  }
}
@media (max-width:29.99875em) {
  .roadmap__bottom::before {
    left: 0;
    width: 62%
  }
  .roadmap__bottom::after {
    bottom: 21%;
    right: 0;
    width: 38%
  }
  .tokenomics__title {
    width: calc(100% + 1.875rem);
    margin: 0 -.9375rem
  }
  .join__social-item svg {
    width: 60%;
    height: 60%
  }
}
@media (min-width:61.99875em)and (min-width:61.99875em)and (max-width:106.875em) {
  .header__menu {
    padding-top: clamp(1.875rem ,.1480634244rem + 2.7854377315vw ,3.125rem)
  }
}
@media (min-width:20em)and (max-width:106.875em) {
  .footer__container>span {
    font-size: clamp(1.125rem ,1.0386690647rem + .4316546763vw ,1.5rem)
  }
  .footer__container>a {
    -webkit-column-gap: clamp(.375rem ,.3318345324rem + .2158273381vw ,.5625rem);
    -moz-column-gap: clamp(.375rem ,.3318345324rem + .2158273381vw ,.5625rem);
    column-gap: clamp(.375rem ,.3318345324rem + .2158273381vw ,.5625rem)
  }
  .footer__container>a>span {
    font-size: clamp(1.125rem ,1.0386690647rem + .4316546763vw ,1.5rem)
  }
  .footer__container>a>img {
    width: clamp(6.625rem ,6.1070143885rem + 2.5899280576vw ,8.875rem)
  }
  .page__about {
    padding-top: clamp(5rem ,4.1366906475rem + 4.3165467626vw ,8.75rem)
  }
  .page__about {
    padding-bottom: clamp(1.25rem ,.6744604317rem + 2.8776978417vw ,3.75rem)
  }
  .page__roadmap {
    padding-top: clamp(5rem ,4.4244604317rem + 2.8776978417vw ,7.5rem)
  }
  .page__roadmap {
    padding-bottom: clamp(1.25rem ,.0989208633rem + 5.7553956835vw ,6.25rem)
  }
  .page__video {
    padding-top: clamp(5rem ,4.7122302158rem + 1.4388489209vw ,6.25rem)
  }
  .page__video {
    padding-bottom: clamp(2.5rem ,1.6366906475rem + 4.3165467626vw ,6.25rem)
  }
  .page__tokenomics {
    padding-top: clamp(3.75rem ,3.1744604317rem + 2.8776978417vw ,6.25rem)
  }
  .page__tokenomics {
    padding-bottom: clamp(.0000000625rem ,-1.438848844rem + 7.1942445324vw ,6.25rem)
  }
  .page__join {
    margin-top: clamp(1.25rem ,.3866906475rem + 4.3165467626vw ,5rem)
  }
  .about__title span {
    font-size: clamp(5rem ,4.4244604317rem + 2.8776978417vw ,7.5rem)
  }
  .about__title span::before {
    font-size: clamp(7.0625rem ,6.2423561151rem + 4.1007194245vw ,10.625rem)
  }
  .roadmap__title {
    height: clamp(8.75rem ,7.1241007194rem + 8.1294964029vw ,15.8125rem)
  }
  .roadmap__title {
    margin-bottom: clamp(2.5rem ,1.9532374101rem + 2.7338129496vw ,4.875rem)
  }
  .roadmap__title span {
    font-size: clamp(5rem ,4.4244604317rem + 2.8776978417vw ,7.5rem)
  }
  .roadmap__title span::before {
    font-size: clamp(7.0625rem ,6.2423561151rem + 4.1007194245vw ,10.625rem)
  }
  .roadmap__title span::after {
    font-size: clamp(7.0625rem ,6.2423561151rem + 4.1007194245vw ,10.625rem)
  }
  .roadmap__item {
    padding-top: clamp(1.25rem ,1.0773381295rem + .8633093525vw ,2rem)
  }
  .roadmap__item {
    padding-bottom: clamp(1.25rem ,1.0773381295rem + .8633093525vw ,2rem)
  }
  .roadmap__item {
    padding-left: clamp(.9375rem ,.5777877698rem + 1.7985611511vw ,2.5rem)
  }
  .roadmap__item {
    padding-right: clamp(.9375rem ,.5777877698rem + 1.7985611511vw ,2.5rem)
  }
  .roadmap__bottom img {
    height: clamp(5rem ,2.6690647482rem + 11.654676259vw ,15.125rem)
  }
  .tokenomics__supply {
    margin-bottom: clamp(1.5625rem ,1.4186151079rem + .7194244604vw ,2.1875rem)
  }
  .tokenomics__supply span {
    font-size: clamp(2.1rem ,1.3rem + 4vw ,5rem)
  }
  .tokenomics__items {
    margin-bottom: clamp(1.5625rem ,1.3466726619rem + 1.0791366906vw ,2.5rem)
  }
  .tokenomics__item span:nth-child(1) {
    width: clamp(3.625rem ,3.3947841727rem + 1.1510791367vw ,4.625rem)
  }
  .tokenomics__item span:nth-child(1) {
    height: clamp(3.625rem ,3.3947841727rem + 1.1510791367vw ,4.625rem)
  }
  .tokenomics__item span:nth-child(1) {
    font-size: clamp(1.25rem ,1.1924460432rem + .2877697842vw ,1.5rem)
  }
  .tokenomics__item span:nth-child(2) {
    margin-top: clamp(-1.25rem ,-.4811151079rem + -.7194244604vw ,-.625rem)
  }
  .tokenomics__ca {
    -webkit-column-gap: clamp(1.5rem ,1.3848920863rem + .5755395683vw ,2rem);
    -moz-column-gap: clamp(1.5rem ,1.3848920863rem + .5755395683vw ,2rem);
    column-gap: clamp(1.5rem ,1.3848920863rem + .5755395683vw ,2rem)
  }
  .tokenomics__ca {
    margin-bottom: clamp(1.875rem ,1.7311151079rem + .7194244604vw ,2.5rem)
  }
  .tokenomics__ca span:nth-child(1) {
    font-size: clamp(1.25rem ,1.1924460432rem + .2877697842vw ,1.5rem)
  }
  .tokenomics__ca span:nth-child(2) {
    font-size: clamp(1rem ,.9424460432rem + .2877697842vw ,1.25rem)
  }
  .join__button {
    width: clamp(7.5rem ,3.845323741rem + 18.273381295vw ,23.375rem)
  }
  .join__button span {
    font-size: clamp(1.5rem ,.809352518rem + 3.4532374101vw ,4.5rem)
  }
}
@media (min-width:47.99875em)and (max-width:120em) {
  .hero__social-item.hero__social-item--1 svg {
    width: clamp(.75rem ,.416681134rem + .6944323883vw ,1.25rem)
  }
  .hero__social-item.hero__social-item--1 svg {
    height: clamp(.75rem ,.416681134rem + .6944323883vw ,1.25rem)
  }
  .hero__social-item.hero__social-item--2 svg {
    width: clamp(.75rem ,.416681134rem + .6944323883vw ,1.25rem)
  }
  .hero__social-item.hero__social-item--2 svg {
    height: clamp(.8125rem ,.3541865593rem + .9548445339vw ,1.5rem)
  }
  .hero__social-item.hero__social-item--3 svg {
    width: clamp(.75rem ,.416681134rem + .6944323883vw ,1.25rem)
  }
  .hero__social-item.hero__social-item--3 svg {
    height: clamp(.75rem ,.416681134rem + .6944323883vw ,1.25rem)
  }
}
@media (min-width:20em)and (max-width:47.99875em) {
  .hero__social-item.hero__social-item--1 svg {
    width: clamp(1.125rem ,.499972097rem + 3.1251395152vw ,2rem)
  }
  .hero__social-item.hero__social-item--1 svg {
    height: clamp(1.125rem ,.499972097rem + 3.1251395152vw ,2rem)
  }
  .hero__social-item.hero__social-item--2 svg {
    width: clamp(1.125rem ,.499972097rem + 3.1251395152vw ,2rem)
  }
  .hero__social-item.hero__social-item--2 svg {
    height: clamp(1.125rem ,.499972097rem + 3.1251395152vw ,2rem)
  }
  .hero__social-item.hero__social-item--3 svg {
    width: clamp(1.125rem ,.499972097rem + 3.1251395152vw ,2rem)
  }
  .hero__social-item.hero__social-item--3 svg {
    height: clamp(1.125rem ,.499972097rem + 3.1251395152vw ,2rem)
  }
}
@media (min-width:61.99875em)and (max-width:106.875em) {
  .about__body {
    -webkit-column-gap: clamp(2.5rem ,-4.4077463023rem + 11.1417509262vw ,7.5rem);
    -moz-column-gap: clamp(2.5rem ,-4.4077463023rem + 11.1417509262vw ,7.5rem);
    column-gap: clamp(2.5rem ,-4.4077463023rem + 11.1417509262vw ,7.5rem)
  }
  .about__body {
    padding-left: clamp(.0000000625rem ,-5.1808095779rem + 8.3563130553vw ,3.75rem)
  }
  .about__body {
    padding-right: clamp(.0000000625rem ,-5.1808095779rem + 8.3563130553vw ,3.75rem)
  }
  .about__text p {
    font-size: clamp(1.25rem ,.9046126849rem + .5570875463vw ,1.5rem)
  }
  .roadmap__items {
    margin-right: clamp(.9375rem ,-2.9481072951rem + 6.267234896vw ,3.75rem)
  }
  .roadmap__items {
    margin-left: clamp(.9375rem ,-2.9481072951rem + 6.267234896vw ,3.75rem)
  }
  .roadmap__item h3 {
    margin-bottom: clamp(2.25rem ,1.0411443971rem + 1.9498064121vw ,3.125rem)
  }
  .roadmap__item h3 span:nth-child(1) {
    font-size: clamp(4.375rem ,1.0938205064rem + 5.2923316899vw ,6.75rem)
  }
  .roadmap__item h3 span:nth-child(2) {
    font-size: clamp(5.375rem ,1.3166990474rem + 6.5457786691vw ,8.3125rem)
  }
  .roadmap__item p {
    font-size: clamp(1rem ,.3092253698rem + 1.1141750926vw ,1.5rem)
  }
  .tokenomics__title span {
    font-size: clamp(5rem ,1.5461268488rem + 5.5708754631vw ,7.5rem)
  }
  .tokenomics__title span::before {
    font-size: clamp(7.0625rem ,2.1407307596rem + 7.9384975349vw ,10.625rem)
  }
  .tokenomics__items {
    -webkit-column-gap: clamp(1.25rem ,-.8223238907rem + 3.3425252778vw ,2.75rem);
    -moz-column-gap: clamp(1.25rem ,-.8223238907rem + 3.3425252778vw ,2.75rem);
    column-gap: clamp(1.25rem ,-.8223238907rem + 3.3425252778vw ,2.75rem)
  }
  .tokenomics__item span:nth-child(2) {
    font-size: clamp(5rem ,1.5461268488rem + 5.5708754631vw ,7.5rem)
  }
  .tokenomics__item span:nth-child(2) {
    margin-left: clamp(.375rem ,-.1430809727rem + .8356313195vw ,.75rem)
  }
  .join__title span:nth-child(1) {
    font-size: clamp(8.75rem ,1.324172725rem + 11.9773822456vw ,14.125rem)
  }
  .join__title span:nth-child(2) {
    font-size: clamp(11.0625rem ,1.5643488343rem + 15.3199075235vw ,17.9375rem)
  }
}
@media (min-width:20em)and (max-width:61.99875em) {
  .about__text p {
    font-size: clamp(.875rem ,.5773720944rem + 1.488139528vw ,1.5rem)
  }
  .tokenomics__title span {
    font-size: clamp(3.125rem ,1.0416046609rem + 10.4169766957vw ,7.5rem)
  }
  .tokenomics__title span::before {
    font-size: clamp(4.375rem ,1.3987209441rem + 14.8813952796vw ,10.625rem)
  }
  .tokenomics__items {
    -webkit-column-gap: clamp(2.5rem ,1.9047441888rem + 2.9762790559vw ,3.75rem);
    -moz-column-gap: clamp(2.5rem ,1.9047441888rem + 2.9762790559vw ,3.75rem);
    column-gap: clamp(2.5rem ,1.9047441888rem + 2.9762790559vw ,3.75rem)
  }
  .tokenomics__item span:nth-child(2) {
    font-size: clamp(4.375rem ,2.886860472rem + 7.4406976398vw ,7.5rem)
  }
  .join__box {
    padding-top: clamp(2.5rem ,-3.4525581118rem + 29.7627905592vw ,15rem)
  }
  .join__title span:nth-child(1) {
    font-size: clamp(3.75rem ,1.3689767553rem + 11.9051162237vw ,8.75rem)
  }
  .join__title span:nth-child(2) {
    font-size: clamp(4.6875rem ,1.651695363rem + 15.1790231852vw ,11.0625rem)
  }
  .join__bottom-link {
    font-size: clamp(1.5rem ,1.2618976755rem + 1.1905116224vw ,2rem)
  }
}
@media (min-width:37.49875em)and (max-width:61.99875em) {
  .roadmap__item h3 {
    margin-bottom: clamp(2rem ,.8520790816rem + 3.0612244898vw ,2.75rem)
  }
  .roadmap__item h3 span:nth-child(1) {
    font-size: clamp(4.375rem ,1.5051977041rem + 7.6530612245vw ,6.25rem)
  }
  .roadmap__item h3 span:nth-child(2) {
    font-size: clamp(5.375rem ,1.8355771684rem + 9.4387755102vw ,7.6875rem)
  }
  .roadmap__item p {
    font-size: clamp(1rem ,.4260395408rem + 1.5306122449vw ,1.375rem)
  }
}
@media (min-width:20em)and (max-width:37.49875em) {
  .roadmap__item h3 {
    margin-bottom: clamp(2rem ,1.142795914rem + 4.28602043vw ,2.75rem)
  }
  .roadmap__item h3 span:nth-child(1) {
    font-size: clamp(4.375rem ,2.231989785rem + 10.7150510751vw ,6.25rem)
  }
  .roadmap__item h3 span:nth-child(2) {
    font-size: clamp(5.375rem ,2.7319540681rem + 13.2152296593vw ,7.6875rem)
  }
  .roadmap__item p {
    font-size: clamp(1rem ,.571397957rem + 2.143010215vw ,1.375rem)
  }
  .roadmap__bottom {
    height: clamp(11.25rem ,1.2492856633rem + 50.0035716837vw ,20rem)
  }
}
@media (min-width:37.49875em)and (max-width:106.875em) {
  .roadmap__bottom {
    height: clamp(16.25rem ,3.0750009009rem + 35.134502081vw ,40.625rem)
  }
}
@media (max-width:61.99875em)and (min-width:106.875em) {
  .tokenomics__left {
    margin-top: -8.75rem
  }
}
@media (max-width:61.99875em)and (min-width:20em)and (max-width:106.875em) {
  .tokenomics__left {
    margin-top: clamp(-8.75rem ,-4.9055755396rem + -3.5971223022vw ,-5.625rem)
  }
}
@media (max-width:61.99875em)and (min-width:20em)and (max-width:61.99875em) {
  .tokenomics__right {
    margin-top: clamp(-41.875rem ,-6.8151395875rem + -56.5493020626vw ,-18.125rem)
  }
  .join__bottom {
    -webkit-column-gap: clamp(1.875rem ,.9821162832rem + 4.4644185839vw ,3.75rem);
    -moz-column-gap: clamp(1.875rem ,.9821162832rem + 4.4644185839vw ,3.75rem);
    column-gap: clamp(1.875rem ,.9821162832rem + 4.4644185839vw ,3.75rem)
  }
  .join__bottom-left {
    row-gap: clamp(.625rem ,.3273720944rem + 1.488139528vw ,1.25rem)
  }
  .join__bottom-rigth {
    row-gap: clamp(.625rem ,.3273720944rem + 1.488139528vw ,1.25rem)
  }
}
@media (min-width:61.99875em)and (max-width:120em) {
  .join__box {
    padding-top: clamp(6.25rem ,-4.4392092843rem + 17.2410077369vw ,16.25rem)
  }
  .join__bottom-link {
    font-size: clamp(1.25rem ,.9827697679rem + .4310251934vw ,1.5rem)
  }
}
@media (min-width:61.99875em)and (min-width:61.99875em)and (max-width:120em) {
  .join__bottom-left {
    -webkit-column-gap: clamp(1.125rem ,.1896941876rem + 1.508588177vw ,2rem);
    -moz-column-gap: clamp(1.125rem ,.1896941876rem + 1.508588177vw ,2rem);
    column-gap: clamp(1.125rem ,.1896941876rem + 1.508588177vw ,2rem)
  }
  .join__bottom-rigth {
    -webkit-column-gap: clamp(1.125rem ,.1896941876rem + 1.508588177vw ,2rem);
    -moz-column-gap: clamp(1.125rem ,.1896941876rem + 1.508588177vw ,2rem);
    column-gap: clamp(1.125rem ,.1896941876rem + 1.508588177vw ,2rem)
  }
}
@media (any-hover:hover) {
  .menu__link:hover {
    color: #ffd090
  }
  .menu__link:hover::before {
    width: 100%
  }
  .menu__button:hover span {
    letter-spacing: .1em
  }
  .footer__container>a:hover {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%)
  }
  .hero__social-item:hover svg {
    scale: .9
  }
  .hero__social-item:hover svg path {
    fill: #ffd090
  }
  .tokenomics__ca button:hover svg path {
    fill: #ffd090
  }
  .join__button:hover span {
    letter-spacing: .1em
  }
  .join__bottom-link:hover {
    color: #ffd090
  }
  .join__social-item:hover svg {
    scale: .9
  }
  .join__social-item:hover svg path {
    fill: #ffd090
  }
}