@font-face {
  font-family: Mona Sans;
  src: url('../fonts/Mona-Sans.ttf') format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

.body {
  background-color: #000;
}

.page-wrapper {
  height: auto;
  position: static;
}

.padding-global {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 1rem 5vw;
}

.padding-global.padding-section-large {
  background-image: linear-gradient(90deg, #040404, #04040400 75%);
  min-height: 100vh;
  padding-top: 12rem;
  padding-bottom: 8rem;
  display: flex;
}

.padding-global.padding-section-large.hero {
  z-index: 1;
  background-image: linear-gradient(90deg, #040404, #04040400 75%);
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: auto;
  padding-top: 8rem;
  padding-bottom: 0;
  position: static;
  overflow: hidden;
}

.padding-global.section_vision {
  z-index: 10;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  margin-top: 5rem;
  margin-bottom: 5rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.padding-global.section_features {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  min-height: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.padding-global.section_our-team {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  min-height: auto;
  padding-top: 5rem;
  display: flex;
}

.padding-global.section_roadmap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  min-height: auto;
  max-height: none;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.padding-global.section_tokenomics {
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  height: auto;
  min-height: auto;
  display: flex;
}

.padding-global.section_faqs {
  justify-content: center;
  align-items: flex-start;
  min-height: auto;
  display: flex;
}

.padding-global.section_banner {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
}

.padding-global.call-out {
  min-height: auto;
  margin: 5rem auto;
  padding-bottom: 0;
  padding-left: 3vw;
  padding-right: 3vw;
}

.padding-global.nav {
  z-index: 2;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0009;
  position: relative;
}

.padding-global.token-analytics {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 9rem;
  display: flex;
}

.nav-container {
  z-index: 3;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.nav_brand.w--current {
  justify-content: center;
  align-items: center;
  width: 120px;
  display: flex;
}

.nav_brand.footer {
  width: 8rem;
}

.navbar {
  background-color: #0000;
  border-bottom: 1px solid #fff3;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0%;
}

.button {
  text-align: center;
  letter-spacing: -.048px;
  text-shadow: 0 2px 4px #0000004d;
  cursor: pointer;
  background-color: #3898ec00;
  background-image: linear-gradient(315deg, #ff6e06, #db580e);
  border: 2px solid #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 150px;
  padding: .5rem;
  font-family: Mona Sans, Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 120%;
  display: flex;
}

.button:hover {
  background-color: #c74107;
  background-image: none;
  border: 2px solid #c74107;
}

.button.virtuals {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-shadow: 0 2px 4px #0000004d;
  background-image: linear-gradient(315deg, #f1ffd5, #c5f1f3);
  width: auto;
  padding: 1rem 1.5rem;
  text-decoration: none;
  display: flex;
}

.button.virtuals:hover {
  background-color: #000;
  background-image: linear-gradient(315deg, #fff, #fff);
  border-color: #fff;
}

.button.virtuals.pie-chart {
  width: 100%;
}

.button.token-analytics {
  width: 162px;
  font-size: 14px;
  display: none;
}

.button.token-analytics:hover {
  border-color: #fb6b07;
}

.button.token-analytics.w--current {
  background-image: linear-gradient(315deg, #ff6e06, #db580e);
}

.button.launch-app {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-shadow: 0 2px 4px #0000004d;
  background-image: linear-gradient(315deg, #f1ffd5, #c5f1f3);
  width: auto;
  min-height: 63.8px;
  max-height: 63.8px;
  padding: 1rem 1.5rem;
  text-decoration: none;
  display: flex;
}

.button.launch-app:hover {
  background-color: #000;
  background-image: linear-gradient(315deg, #fff, #fff);
  border-color: #fff;
}

.button.launch-app.pie-chart {
  width: 100%;
}

.button.app {
  background-color: #000;
  width: 264px;
  min-height: 63.8px;
  max-height: 63.8px;
  text-decoration: none;
}

.button.app:hover {
  background-color: #c74107;
  border-color: #c74107;
}

.nav-menu {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding-left: 2.5rem;
  padding-right: 1rem;
  display: flex;
}

.nav-menu_item {
  color: #c1c1c1;
  text-align: center;
  letter-spacing: -.048px;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  font-family: Fira Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.nav-menu_item:hover {
  color: #fff;
  text-decoration: underline;
}

.nav-menu_item.link {
  width: 100%;
}

.nav-menu_item.token-link {
  width: 112px;
}

.nav-wrapper {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.nav-banner-container {
  z-index: 1;
  background-image: linear-gradient(315deg, #c5f1f3, #f1ffd5);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: .4rem;
  padding-bottom: .4rem;
  display: none;
  position: relative;
}

.banner_text-block {
  color: #216c6c;
  text-align: center;
  padding-left: 0;
  padding-right: .25rem;
  font-family: Fira Sans, sans-serif;
}

.icon_banner {
  margin-right: .5rem;
  display: flex;
}

.code-embed {
  display: flex;
}

.banner-highlight {
  font-weight: 600;
}

.banner_link {
  color: #216c6c;
  text-decoration-color: #216c6c;
}

.main-wrapper {
  overflow: clip;
}

.section_hero {
  z-index: 1;
  background-image: url('../images/tech-lab-bg.png');
  background-size: cover;
  max-width: 100%;
  min-height: 100vh;
  position: relative;
}

.hero_title {
  color: #fff;
  letter-spacing: -.216px;
  text-transform: uppercase;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  width: 55%;
  max-width: 700px;
  margin: 0 0;
  padding-right: 0;
  font-family: Mona Sans, Arial, sans-serif;
  font-size: 56px;
  line-height: 120%;
  position: static;
  inset: 0% 50% 0% auto;
}

.text_highlight-orange {
  color: #ff6e06;
}

.hero-container {
  z-index: 2;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2.5rem 1rem;
  position: relative;
}

.hero_eyebrow {
  color: #c1c1c1;
  width: 50%;
  padding-bottom: 1rem;
  font-family: Fira Sans, sans-serif;
}

.hero_body-copy {
  color: #c1c1c1;
  width: 50%;
  max-width: 700px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 0;
  font-family: Fira Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}

.hero_body-copy.highlight {
  padding-bottom: 4rem;
}

.text_hightlight-white {
  color: #fff;
  font-weight: 500;
}

.hero_scroll-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  text-decoration: none;
  display: flex;
}

.hero_scroll-copy {
  color: #c1c1c1;
  text-transform: uppercase;
  cursor: pointer;
  font-family: Fira Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.hero_scroll-copy:hover {
  color: #fff;
}

.hero_img-container {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  order: 0;
  justify-content: flex-end;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.icon_scroll {
  cursor: pointer;
  display: flex;
}

.section_vision {
  max-width: 100%;
  min-height: 75vh;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.vision-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: relative;
}

.text_eyebrow-left {
  color: #9b9b9b;
  text-transform: uppercase;
  font-family: Fira Sans, sans-serif;
  font-weight: 500;
}

.text_eyebrow-left.faqs {
  width: 100%;
}

.text_eyebrow-left.banner {
  color: #4c4b4b;
}

.vision_heading {
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  font-family: Mona Sans, Arial, sans-serif;
  font-size: 22px;
  line-height: 140%;
}

.text_small {
  color: #9b9b9b;
  font-family: Fira Sans, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.text_small.vision-section {
  width: 100%;
  max-width: none;
}

.text_small.centred {
  text-align: center;
}

.text_small.accordion {
  margin-bottom: 1rem;
}

.text_small.accordion.closed {
  flex-flow: column;
  margin-bottom: .5px;
  display: flex;
}

.text_small.accordion.open {
  margin-bottom: 0;
  padding-top: 0;
}

.text_small.accordion.secondary {
  column-count: 0;
  word-break: normal;
  direction: ltr;
  margin-left: 1.25rem;
}

.text_small.link:hover {
  color: #fb6e06;
}

.vision_content {
  width: 50%;
}

.vision_img-container {
  z-index: 999;
  width: 50%;
  position: relative;
}

.vision_background-glow {
  opacity: .6;
  width: auto;
  max-width: none;
  display: block;
  position: absolute;
  inset: 0%;
}

.vision_blur-container {
  z-index: 1;
  position: absolute;
  inset: -80% 0% 0% -50%;
  overflow: visible;
}

.section_features {
  position: relative;
}

.h3 {
  color: #fff;
  text-align: left;
  letter-spacing: -.168px;
  text-transform: uppercase;
  max-width: 80rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-family: Mona Sans, Arial, sans-serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 43px;
}

.h3.centred {
  font-size: 56px;
}

.h3.left.faqs {
  width: 100%;
  max-width: none;
  font-weight: 600;
}

.h3.left.orange {
  color: #ff6e06;
  width: 440px;
  max-width: 440px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 120%;
}

.text_eyebrow-centre {
  color: #9b9b9b;
  text-align: center;
  text-transform: uppercase;
  max-width: 80rem;
  font-family: Fira Sans, sans-serif;
  font-weight: 500;
  line-height: 120%;
}

.text_eyebrow-centre.call-out {
  max-width: 100%;
}

.features_grid-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 80rem;
  padding-top: 5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: grid;
}

.card-border {
  background-color: #d9d9d900;
  background-image: linear-gradient(#d9d9d9, #494747);
  border-radius: 12px;
  max-width: 1520px;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
}

.card-border.roadmap {
  background-image: linear-gradient(#74d247, #172b0d);
}

.card-border.roadmap.in-progress {
  background-image: linear-gradient(#ff6e06, #4a220b);
  width: auto;
  max-width: none;
  position: static;
}

.card-border.roadmap.inactive {
  background-image: linear-gradient(#d9d9d9, #494747);
  width: auto;
  max-width: 500px;
}

.card-border.roadmap.completed {
  width: auto;
  max-width: none;
}

.card-border.white-paper {
  border-radius: 4px;
  width: 296px;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
}

.card-border.pie-chart {
  width: 100%;
  max-width: none;
  height: 100%;
}

.card-img {
  width: 74px;
  max-width: 74%;
  height: 74px;
  max-height: 74px;
  margin-bottom: 1rem;
}

.text_subheading {
  color: #fff;
  padding-top: 0;
  padding-bottom: .5rem;
  font-family: Fira Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

.text_subheading.medium.roadmap {
  line-height: 140%;
}

.text_subheading.large.centred {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: .5rem;
  font-size: 24px;
}

.text_subheading.accordion {
  padding-bottom: 0;
}

.text_subheading.our-team {
  color: #d9d9d9;
  text-align: center;
}

.card-container {
  background-color: #161616;
  border-radius: 12px;
  height: 100%;
  padding: 2rem 2.5rem;
}

.card-container.roadmap {
  max-width: 100%;
  height: auto;
}

.section_our-team {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: relative;
}

.our-team_grid-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-self: auto;
  place-items: start center;
  max-width: 70rem;
  padding-top: 5.5rem;
  padding-bottom: 0;
  display: grid;
}

.our-team_card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
}

.our-team_img {
  min-width: auto;
  max-width: 224px;
  min-height: auto;
  max-height: 224px;
}

.our-team_x-com-link {
  margin-top: 1.5rem;
  margin-bottom: 5rem;
  display: block;
}

.our-team_x-com-link.daniel-wallbanks {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: block;
}

.our-team_x-com-icon, .our-team_x-com-icon.daniel-wallbanks {
  display: flex;
}

.section_roadmap {
  position: relative;
}

.roadmap_container {
  display: flex;
}

.roadmap_container.left {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 7.5rem;
}

.roadmap_container.left.completed {
  width: auto;
  max-width: 565px;
  margin-bottom: 0;
  margin-left: auto;
}

.roadmap_container.left.inactive {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.roadmap_container.left.inactive.phase-3 {
  justify-content: flex-end;
  align-items: center;
  max-width: 565px;
  margin-top: 12rem;
  margin-bottom: 0;
}

.roadmap_container.left.inactive.phase-3.mobile-on {
  display: none;
}

.roadmap_container.right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3.5rem;
  margin-bottom: 0;
  display: flex;
}

.roadmap_container.right.in-progress {
  max-width: 565px;
  margin-top: 24rem;
  margin-bottom: 3.5rem;
  margin-right: auto;
}

.roadmap_container.right.inactive {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.roadmap_container.right.inactive.phase-4 {
  margin-top: 12rem;
  margin-bottom: 0;
}

.progress-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

.progress-icon {
  display: flex;
}

.progress-text {
  color: #74d247;
  font-family: Fira Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.progress-text.in-progress {
  color: #ff5c00;
}

.text_phase-stage {
  color: #9b9b9b;
  text-transform: uppercase;
  font-family: Fira Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.roadmap-card_space-between {
  justify-content: space-between;
  display: flex;
}

.card-line {
  justify-content: center;
  align-items: center;
  display: flex;
}

.line {
  display: flex;
}

.line.right.inactive {
  color: #414040;
  background-color: red;
}

.line.right.completed {
  color: #619b44;
}

.line.left.in-progress {
  color: #464e41;
}

.line.left.inactive {
  color: #414040;
}

.roadmap-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(2px, 2px) 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 70rem;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.roadmap-grid.mobile {
  display: none;
}

.roadmap_divider {
  background-color: #fff;
  background-image: linear-gradient(#74d247, #414040 25%);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 2px;
  max-width: 2px;
  height: 500px;
  min-height: 100%;
  max-height: 500px;
  display: flex;
  position: absolute;
}

.roadmap-grid_left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  min-width: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.roadmap-grid_right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  max-width: 100%;
  min-height: 100%;
  display: flex;
}

.section_tokenomics {
  position: relative;
}

.tokenomics-container {
  z-index: 1;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 70rem;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
}

.tokenomics-heading {
  margin-bottom: 0;
}

.whitepaper_container {
  background-color: #000;
  width: auto;
  padding: .75rem 1.75rem;
}

.whitepaper-text {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 4px;
  width: auto;
  padding: 0;
  font-family: Mona Sans, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.tokenomics_content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.tokenomics_content.quote {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: auto;
  max-height: none;
  margin-top: 0;
  padding-right: 0;
  position: static;
  top: 20%;
}

.section_faqs.faqs {
  position: relative;
}

.faqs-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  max-width: 70rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
  padding-bottom: 0;
  display: flex;
}

.faqs-header {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.accordion_wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.accordion_wrapper.tokenomics {
  width: 100%;
}

.accordion-item {
  border-bottom: 1px solid #373737;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.accordion-item.top {
  border-top: 1px solid #373737;
}

.accordion_header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  justify-content: space-between;
  padding-bottom: 0;
  display: flex;
}

.accordion_body {
  flex-flow: column;
  margin-top: 1rem;
  display: none;
}

.accordion_body.open {
  display: block;
}

.accordion_body.faqs {
  display: none;
}

.accordion-icon {
  display: flex;
}

.faqs_img-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.faqs_img-blur {
  max-width: 120%;
  position: absolute;
}

.roadmap_list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  align-items: flex-start;
  width: auto;
  max-width: none;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.list-item {
  color: #9b9b9b;
  width: 100%;
  max-width: 100%;
  font-family: Fira Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.list-item.indent {
  margin-left: 40px;
}

.quote-text {
  color: #fff;
  text-transform: uppercase;
  max-width: 480px;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 28px;
  line-height: 140%;
}

.banner-container {
  background-image: url('../images/banner-background.png');
  background-position: 100%;
  background-size: cover;
  border-radius: 12px;
  width: 1520px;
  max-width: 1520px;
  height: 480px;
  margin: 5rem auto;
}

.text_medium {
  font-family: Fira Sans, sans-serif;
  font-size: 18px;
  line-height: 150%;
}

.text_medium.banner {
  max-width: 554px;
}

.text_medium.green {
  color: #74d247;
}

.banner-content {
  background-image: url('../images/paper-background.png');
  background-position: 100%;
  background-size: cover;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 50%;
  height: 100%;
  padding-left: 5rem;
  padding-right: 5rem;
  display: flex;
}

.banner-span {
  font-weight: 600;
}

.call-out-container {
  background-image: url('../images/virtuals-bg.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 480px;
  display: flex;
}

.h2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  max-width: 875px;
  font-family: Mona Sans, Arial, sans-serif;
  font-size: 64px;
  line-height: 120%;
}

.h2.call-out {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.virtuals-icon.pie-chart {
  height: 20px;
}

.call-out_btn-text {
  color: #236d66;
  text-transform: uppercase;
  text-shadow: 0 2px 4px #0000000d;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.call-out_btn-text.pie-chart {
  width: auto;
  font-size: 16px;
}

.call-out_btn-text.app {
  color: #fff;
  text-decoration: none;
}

.footer-container {
  justify-content: space-between;
  max-width: 80rem;
  height: 338px;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem 0 4rem;
  display: flex;
}

.footer-disclaminer {
  color: #919295;
  max-width: 823px;
  height: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-family: Fira Sans, sans-serif;
  font-weight: 300;
  line-height: 140%;
}

.text_all-rights-reserved {
  color: #919295;
  max-width: 305px;
  font-family: Fira Sans, sans-serif;
  line-height: 110%;
}

.footer_content-container {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer_link-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.icon_x-com, .icon_telegram, .icon_gitbook {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.telegram-link, .gitbook-link {
  width: 40px;
  height: 40px;
}

.x-com-link {
  width: 40px;
  height: 40px;
  display: flex;
}

.footer_link-container {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.text-block {
  color: #fff;
  font-family: Fira Sans, sans-serif;
  font-weight: 400;
  line-height: 110%;
}

.link {
  color: #fff;
}

.footer_logo-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-overlay {
  display: none;
}

.accordion_icon-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.accordion-subheading {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-family: Mona Sans, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 120%;
}

.accordion_subheading-icon {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.accordion_subheading-small {
  color: #9b9b9b;
  text-transform: uppercase;
  font-family: Fira Sans, sans-serif;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.accordion_text-highlight-inline {
  color: #fff;
  font-weight: 500;
}

.banner_link-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.scroll-anchor {
  margin-top: -10rem;
  position: absolute;
  inset: 0% 0% auto;
}

.scroll-anchor.faqs, .scroll-anchor.roadmap, .scroll-anchor.team, .scroll-anchor.features {
  margin-top: -6rem;
}

.scroll-anchor.about {
  margin-top: -8rem;
}

.scroll-anchor.tokenomics {
  margin-top: -6rem;
}

.lottie-animation {
  z-index: 5;
  width: 100%;
  height: auto;
  position: relative;
}

.hero-animation {
  width: auto;
  max-width: none;
  height: 80vh;
  max-height: none;
}

.georgia-animation-2 {
  z-index: 10;
  max-width: 343px;
  max-height: 403px;
  position: relative;
}

.rive-2 {
  width: 80px;
  height: 40px;
  display: flex;
}

.list-subheading {
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

.list-subheading-text {
  color: #fff;
  text-transform: uppercase;
  font-family: Fira Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.accordion_list-wrapper {
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 1rem;
  display: flex;
}

.nav_link-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-wrapper {
  color: #fff;
  width: auto;
  margin-bottom: 2rem;
}

.token-analytics_header {
  margin-top: 0;
  margin-bottom: 3rem;
  font-family: Mona Sans, Arial, sans-serif;
  font-size: 48px;
}

.wallet-banner {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #74d2474d;
  border: 1px solid #74d247;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  display: none;
}

.image {
  width: auto;
  height: 32px;
  max-height: 32px;
}

.table-heading {
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 1rem;
  font-family: Fira Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
  display: block;
}

.table-content {
  width: 100%;
}

.pie-chart_container {
  text-align: left;
  background-color: #161616;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.5rem 2rem 1rem;
  display: flex;
}

.pie-chart_wrapper {
  justify-content: center;
  align-items: center;
  width: 40%;
  height: auto;
  max-height: 695px;
  display: flex;
  position: sticky;
  top: 9rem;
  overflow: visible;
}

.pie-chart_wrapper.tablet-mobile {
  display: none;
}

.section-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  display: flex;
}

.table_text {
  color: #eae8e8;
  text-align: left;
  white-space: normal;
  word-break: break-all;
  justify-content: flex-start;
  align-items: center;
  font-family: Fira Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
  display: flex;
}

.table_text.address {
  cursor: pointer;
  width: auto;
  font-weight: 500;
  display: flex;
  position: relative;
}

.table_text.address:hover {
  text-decoration: underline;
}

.table_text.percentage, .table_text.geai, .table_text.value {
  width: 20%;
  font-weight: 300;
}

.table_text.also-holds {
  width: 30%;
  font-weight: 300;
}

.table_text.header {
  font-weight: 500;
}

.table_text.header.address {
  width: 20%;
}

.table_text.header.percentage {
  width: 5%;
}

.table_text.header.geai {
  width: 15%;
}

.table_text.header.value {
  width: 10%;
}

.table_text.header.also-holds {
  width: 30%;
}

.table_text.header.order {
  width: 5%;
  padding-left: 1rem;
}

.table_text.order {
  word-break: normal;
}

.table_text.locked {
  opacity: .45;
  font-style: italic;
}

.table_row {
  box-sizing: border-box;
  aspect-ratio: auto;
  cursor: default;
  object-fit: fill;
  border-bottom: 2px solid #fff3;
  flex-flow: row;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: .5rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.table_row.header {
  border-bottom-color: #ffffff80;
  align-items: stretch;
  padding-bottom: .5rem;
}

.table_row.highlight.one {
  border-bottom-width: 0;
}

.table_row.wallet-locked {
  border-bottom-color: #0003;
  padding-right: .5rem;
}

.table_head {
  margin-top: 0;
}

.table_component {
  width: 100%;
  margin-top: 1rem;
}

.table_cell {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  display: flex;
}

.table_cell.address {
  justify-content: flex-start;
  align-items: flex-start;
  width: 20%;
  text-decoration: none;
}

.table_cell.pecentage {
  justify-content: flex-start;
  align-items: flex-start;
  width: 5%;
}

.table_cell.geai {
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
}

.table_cell.value {
  justify-content: flex-start;
  align-items: flex-start;
  width: 10%;
}

.table_cell.also-holds {
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
}

.table_cell.order {
  justify-content: flex-start;
  align-items: flex-start;
  width: 5%;
  padding-left: 1rem;
}

.table_cell.order.icon {
  width: 5%;
  padding-left: .75rem;
}

.button_product-video {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border: 2px solid #fb6b07;
  border-radius: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: .5rem 1rem;
  display: flex;
}

.button_product-video:hover {
  background-color: #ffffff26;
  border-color: #fb6b07;
}

.button-text {
  color: #fb6e06;
  text-align: center;
  white-space: normal;
  word-break: normal;
  justify-content: center;
  align-items: center;
  font-family: Mona Sans, Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
  display: block;
}

.play-icon {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 18px;
  display: flex;
}

.play-icon.twitter {
  display: none;
}

.link-block, .link_product-video {
  text-decoration: none;
}

.code-embed-2 {
  align-items: center;
  display: flex;
}

.link-block-4 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-decoration: none;
  display: flex;
}

.product-video_overlay {
  z-index: 10000000;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #00000080;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  min-width: 100vw;
  max-width: none;
  min-height: 100vh;
  display: none;
  position: fixed;
}

.close-button {
  cursor: pointer;
  background-color: #fff0;
  border: 2px solid #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 32px;
  max-width: 32px;
  height: 32px;
  max-height: 32px;
  margin-top: 10vh;
  margin-bottom: 0;
  margin-right: 10vw;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.close-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-wrapper {
  width: 960px;
  height: 540px;
}

.twitter-mobile {
  display: none;
}

.dexscreen_link, .icon_devscreen {
  width: 40px;
  height: 40px;
}

.h4 {
  text-transform: uppercase;
  font-family: Mona Sans, Arial, sans-serif;
  font-size: 28px;
  line-height: 120%;
}

.h4.pie-chart {
  color: #fff;
  text-align: center;
  align-self: auto;
  font-size: 22px;
}

.text_pie-chart {
  color: #fff;
  align-self: flex-start;
  font-family: Fira Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
}

.text_pie-chart.secondary {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  text-align: center;
  justify-content: center;
  align-items: stretch;
  height: auto;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  display: flex;
}

.text_pie-chart.smaller {
  font-size: 16px;
}

.pie-chart-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
}

.image-2 {
  padding-top: 1rem;
}

.pie-chart-img {
  aspect-ratio: auto;
  object-fit: contain;
  width: 100%;
  min-width: auto;
  max-width: 290px;
  height: 100%;
  min-height: auto;
  max-height: 290px;
  margin-top: .5rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.code-embed-3 {
  display: flex;
}

.return-link {
  text-decoration: none;
}

.div-block-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-4 {
  color: #c1c1c1;
}

.collection-list-wrapper {
  display: block;
}

.collection-list-wrapper.locked {
  margin-bottom: 2rem;
}

.collection-list {
  display: block;
}

.collection-list.highlight {
  margin-bottom: 2rem;
}

.collection-item {
  display: block;
}

.code-embed-5 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-6 {
  position: relative;
}

.logo {
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 32px;
  display: flex;
}

.bold-text {
  color: #fff;
}

.georgia-img {
  float: right;
  border: 2px solid #d9d9d9;
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  display: block;
  position: static;
  inset: 0%;
}

.app-mobile {
  display: none;
}

.div-block-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.image-4 {
  max-width: none;
  height: 80vh;
  max-height: 80vh;
}

.image-5 {
  z-index: 10;
  max-width: 343px;
  max-height: 403px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .padding-global.padding-section-large.hero {
    min-height: 100vh;
    padding-bottom: 0;
    position: relative;
  }

  .padding-global.section_features {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global.section_our-team {
    padding-top: 4rem;
  }

  .padding-global.call-out {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .padding-global.token-analytics {
    padding-top: 8rem;
  }

  .button {
    font-size: 15px;
  }

  .button.launch-app, .button.app {
    min-height: 63.8px;
    max-height: 63.8px;
  }

  .nav-menu {
    display: none;
  }

  .nav-wrapper {
    width: 100%;
  }

  .section_hero {
    min-height: auto;
  }

  .hero_title {
    width: 60%;
    font-size: 48px;
  }

  .hero-container {
    padding-bottom: 0;
    padding-left: 1.5rem;
  }

  .hero_body-copy {
    width: 50%;
    padding-bottom: 2rem;
    font-size: 16px;
  }

  .hero_scroll-link {
    display: none;
  }

  .hero_img-container {
    justify-content: flex-end;
    align-items: flex-end;
    height: auto;
    min-height: auto;
    max-height: 100%;
    inset: 0%;
    overflow: hidden;
  }

  .vision-container {
    flex-flow: column;
  }

  .text_small.centred {
    max-width: 360px;
  }

  .vision_content {
    order: 1;
    width: 100%;
    margin-top: 1rem;
  }

  .vision_img-container {
    width: 75%;
  }

  .vision_background-glow {
    max-width: 100%;
    inset: auto auto 0%;
    overflow: visible;
  }

  .vision_blur-container {
    inset: 0%;
  }

  .h3.centred {
    font-size: 48px;
    line-height: 120%;
  }

  .h3.left.tokenomics {
    font-size: 48px;
  }

  .h3.left.orange {
    width: 100%;
    font-size: 48px;
  }

  .features_grid-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: stretch center;
    padding-top: 3rem;
  }

  .card-img {
    margin-bottom: .75rem;
  }

  .card-img.roadmap {
    margin-bottom: 0;
  }

  .text_subheading.medium.roadmap {
    padding-bottom: 0;
    font-size: 18px;
  }

  .text_subheading.large.centred {
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .text_subheading.accordion {
    font-size: 18px;
  }

  .text_subheading.our-team {
    padding-bottom: 0;
  }

  .card-container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.5rem 2rem 1.5rem 1.5rem;
    display: flex;
  }

  .card-container.roadmap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    padding: 1rem 1rem 1.5rem;
  }

  .our-team_grid-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template: "Area Area Area Area"
                   "Area-2 Area-2 Area-3 Area-3"
                   "Area-4 Area-4 Area-4 Area-4"
                   / 1fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    place-content: stretch center;
    align-self: center;
    place-items: start center;
    width: 100%;
    padding-top: 4rem;
    display: grid;
  }

  .our-team_card {
    width: auto;
  }

  .our-team_x-com-link.daniel-wallbanks {
    margin-bottom: 2rem;
  }

  .roadmap_container.left.inactive.phase-3 {
    margin-top: 8rem;
  }

  .progress-container {
    margin-top: 0;
  }

  .tokenomics-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .faqs-header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .quote-text {
    font-size: 24px;
  }

  .text_medium.banner, .text_medium.green {
    font-size: 16px;
  }

  .banner-content {
    max-width: 60%;
    padding-left: 3rem;
    padding-right: 5rem;
  }

  .call-out-container {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .h2.call-out {
    font-size: 56px;
  }

  .call-out_btn-text {
    font-size: 16px;
  }

  .footer-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .hero-animation {
    height: 70vh;
  }

  .token-analytics_header {
    margin-bottom: 2rem;
  }

  .table-content {
    width: 100%;
  }

  .pie-chart_wrapper {
    width: 100%;
    display: none;
  }

  .pie-chart_wrapper.tablet-mobile {
    display: flex;
    position: static;
  }

  .section-wrapper {
    flex-flow: column;
  }

  .table_text.header.value {
    width: 10%;
  }

  .table_row {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .link-block {
    width: 196px;
  }

  .video-wrapper {
    width: 100%;
    height: auto;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .pie-chart-content {
    text-align: left;
    flex-flow: row;
  }

  .logo {
    height: 100%;
  }

  .image-4 {
    height: 70vh;
    max-height: 70vh;
  }
}

@media screen and (max-width: 767px) {
  .padding-global.padding-section-large.hero {
    min-height: auto;
    padding-top: 10rem;
    padding-bottom: 6rem;
    position: relative;
  }

  .padding-global.section_vision {
    margin-top: 1rem;
    margin-bottom: 3rem;
  }

  .padding-global.section_features {
    padding-bottom: 2rem;
  }

  .padding-global.section_our-team {
    padding-top: 2rem;
  }

  .padding-global.section_roadmap {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-global.token-analytics {
    padding-top: 7rem;
  }

  .button {
    width: 168px;
    font-size: 14px;
    display: flex;
  }

  .button.virtuals {
    padding: 1rem 1.5rem 1rem 1rem;
  }

  .button.token-analytics {
    width: 162px;
    min-width: 162px;
  }

  .button.token-analytics.w--current {
    width: auto;
  }

  .button.launch-app {
    padding: 1rem 1.5rem 1rem 1rem;
  }

  .nav-wrapper {
    width: 100%;
  }

  .nav-banner-container {
    flex-flow: column;
  }

  .banner_text-block {
    padding-right: .5rem;
  }

  .icon_banner {
    display: none;
  }

  .code-embed {
    display: flex;
  }

  .section_hero {
    min-height: auto;
  }

  .hero_title {
    width: 100%;
    font-size: 44px;
  }

  .hero-container {
    z-index: 3;
    padding-left: 0;
    padding-right: 0;
  }

  .hero_body-copy {
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hero_body-copy.highlight {
    width: 100%;
  }

  .hero_img-container {
    min-height: auto;
  }

  .vision-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .h3.centred {
    text-align: center;
  }

  .h3.left.faqs {
    font-size: 48px;
  }

  .h3.left.orange {
    font-size: 40px;
  }

  .features_grid-container {
    padding-left: 0;
    padding-right: 0;
  }

  .card-border.roadmap.inactive {
    width: 100%;
    max-width: 100%;
  }

  .card-border.roadmap.completed {
    max-width: 100%;
  }

  .card-img {
    width: 64px;
    height: 64px;
  }

  .our-team_grid-container {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template: "Area-2"
                   "Area"
                   "Area-3"
                   / 1fr;
    grid-auto-columns: 1fr;
    padding-top: 3rem;
    display: grid;
  }

  .roadmap_container.left.completed {
    flex-flow: column;
    max-width: 100%;
  }

  .roadmap_container.left.inactive.phase-3 {
    width: 100%;
    max-width: 100%;
    margin-top: 2rem;
  }

  .roadmap_container.left.inactive.phase-3.mobile-on {
    display: none;
  }

  .roadmap_container.left.inactive.phase-3.mobile-off {
    display: block;
  }

  .roadmap_container.right.in-progress {
    width: 100%;
    max-width: 100%;
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .roadmap_container.right.inactive.phase-4 {
    width: 100%;
    max-width: 100%;
    margin-top: 2rem;
  }

  .card-line.right, .card-line.left, .line.right.inactive {
    display: none;
  }

  .roadmap-grid {
    flex-flow: column;
    margin-top: 3rem;
    display: none;
  }

  .roadmap-grid.mobile {
    display: flex;
  }

  .roadmap_divider {
    display: none;
  }

  .roadmap-grid_left {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    align-items: center;
  }

  .roadmap-grid_right {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .tokenomics-container {
    flex-flow: column;
    padding-top: 1rem;
  }

  .tokenomics_content.quote {
    width: 100%;
    margin-top: 2rem;
    position: static;
  }

  .tokenomics_content.accordion {
    width: 100%;
  }

  .faqs-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    margin-top: 2rem;
    margin-bottom: 3rem;
  }

  .accordion_wrapper.faqs {
    width: 100%;
  }

  .faqs_img-container {
    display: none;
  }

  .quote-text {
    margin-bottom: 1rem;
  }

  .banner-container {
    height: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .text_medium.green {
    font-size: 16px;
  }

  .banner-content {
    max-width: 90%;
    padding: 2rem 4rem 2rem 2rem;
  }

  .call-out-container {
    height: 380px;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .h2.call-out {
    font-size: 40px;
  }

  .footer-container {
    flex-flow: column;
    height: auto;
    padding-bottom: 3rem;
  }

  .footer-disclaminer {
    max-width: 100%;
    margin-bottom: 2rem;
  }

  .footer_content-container {
    padding-bottom: 1rem;
  }

  .footer_link-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .icon_x-com, .icon_telegram, .icon_gitbook {
    width: 40px;
    height: 40px;
  }

  .footer_link-container {
    flex-flow: row;
  }

  .hero-overlay {
    z-index: 2;
    background-image: linear-gradient(#00000040 40%, #000 95%);
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .hero-animation {
    height: 50vh;
  }

  .rive-2 {
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 32px;
  }

  .nav_link-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .token-analytics_header {
    font-size: 40px;
  }

  .wallet-banner {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    padding: .75rem;
  }

  .table_text {
    white-space: normal;
    word-break: break-all;
    font-size: 14px;
  }

  .table_text.address, .table_text.percentage, .table_text.geai, .table_text.value, .table_text.also-holds {
    font-size: 14px;
  }

  .table_text.header.address {
    width: 20%;
  }

  .table_text.header.percentage {
    width: 10%;
  }

  .table_text.header.geai {
    width: 10%;
    display: none;
  }

  .table_text.header.value {
    width: 10%;
  }

  .table_text.header.also-holds {
    width: 20%;
  }

  .table_text.header.order {
    width: 5%;
  }

  .table_row {
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: flex;
  }

  .table_component {
    margin-top: 1rem;
  }

  .table_cell.address {
    width: 20%;
  }

  .table_cell.pecentage {
    width: 10%;
  }

  .table_cell.geai {
    width: 10%;
    display: none;
    overflow: hidden;
  }

  .table_cell.value {
    width: 10%;
  }

  .table_cell.also-holds {
    width: 20%;
  }

  .table_cell.order {
    justify-content: flex-end;
    align-items: flex-start;
    width: 2.5%;
  }

  .table_cell.order.icon {
    width: 2.5%;
    padding-left: 1rem;
    position: relative;
  }

  .button-text {
    font-size: 14px;
  }

  .link-block {
    width: 187px;
  }

  .product-video_overlay {
    display: none;
  }

  .close-button {
    margin-top: 20vh;
  }

  .code-embed-6 {
    position: absolute;
    left: .5rem;
  }

  .code-embed-7, .code-embed-8 {
    display: none;
  }

  .bold-text-2 {
    color: #fff;
  }
}

@media screen and (max-width: 479px) {
  .padding-global.padding-section-large.hero {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }

  .padding-global.section_roadmap {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .padding-global.section_banner, .padding-global.call-out {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .padding-global.token-analytics {
    margin-top: 0;
  }

  .nav_brand.w--current {
    height: 38px;
  }

  .button {
    width: 119px;
    min-width: 119px;
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: 14px;
    display: flex;
  }

  .button.virtuals {
    width: 100%;
  }

  .button.virtuals:hover {
    border-color: #fff;
  }

  .button.token-analytics {
    width: 160px;
    min-width: 154px;
    display: none;
  }

  .button.launch-app {
    width: 100%;
    min-height: 63.8px;
    max-height: 63.8px;
  }

  .button.launch-app:hover {
    border-color: #fff;
  }

  .button.app {
    min-height: 63.8px;
    max-height: 63.8px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
  }

  .nav-banner-container {
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
  }

  .banner_text-block {
    text-align: center;
    padding-right: .5rem;
  }

  .section_hero {
    position: relative;
  }

  .hero_title {
    font-size: 40px;
  }

  .hero-container {
    z-index: 3;
  }

  .hero_eyebrow {
    width: 100%;
  }

  .hero_body-copy.highlight {
    padding-bottom: 2rem;
  }

  .text_small.centred {
    max-width: 100%;
  }

  .text_small.link {
    font-size: 14px;
  }

  .vision_img-container {
    width: 100%;
  }

  .h3.centred {
    margin-top: 1rem;
    font-size: 40px;
  }

  .h3.left.faqs, .h3.left.tokenomics {
    font-size: 40px;
  }

  .card-border {
    max-width: 100%;
  }

  .card-border.white-paper {
    width: 100%;
  }

  .text_subheading.accordion {
    font-size: 16px;
  }

  .card-container {
    padding-left: 1rem;
    padding-right: 1.5rem;
  }

  .our-team_grid-container {
    padding-bottom: 0;
  }

  .our-team_card {
    justify-content: flex-start;
    align-items: center;
  }

  .progress-icon.completed, .progress-icon.in-progress {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
  }

  .progress-text.completed, .progress-text.in-progress {
    font-size: 14px;
  }

  .tokenomics_content.quote {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 0;
  }

  .faqs-container {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .quote-text {
    font-size: 20px;
  }

  .banner-container {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .banner-content {
    background-position: 100%;
    background-size: cover;
    max-width: 95%;
    padding: 1.5rem 3rem 1.5rem 1.5rem;
  }

  .call-out-container {
    height: auto;
    padding: 2rem 1rem;
  }

  .h2.call-out {
    font-size: 32px;
  }

  .footer_link-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .footer_link-wrapper.footer {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .icon_x-com, .icon_telegram, .icon_gitbook {
    width: 40px;
    height: 40px;
  }

  .footer_link-container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer_logo-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-overlay {
    z-index: 2;
    background-image: linear-gradient(#00000040 40%, #000 95%);
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0%;
  }

  .hero-animation {
    height: 50vh;
  }

  .rive-2 {
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 32px;
  }

  .nav_link-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    order: 0;
  }

  .token-analytics_header {
    margin-bottom: 2rem;
  }

  .table_text {
    font-size: 14px;
  }

  .table_text.header.address {
    width: 20%;
  }

  .table_text.header.percentage {
    width: 9%;
  }

  .table_text.header.geai, .table_text.header.value {
    width: 10%;
  }

  .table_text.header.also-holds {
    width: 20%;
  }

  .table_text.header.order {
    padding-left: 0;
  }

  .table_row.wallet-locked {
    justify-content: space-between;
    align-items: center;
  }

  .table_component {
    overflow: scroll;
  }

  .table_cell.address {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 20%;
    height: 100%;
  }

  .table_cell.pecentage {
    width: 9%;
  }

  .table_cell.geai, .table_cell.value {
    width: 10%;
  }

  .table_cell.also-holds {
    width: 20%;
  }

  .table_cell.order {
    padding-left: 0;
  }

  .table_cell.order.icon {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    height: 100%;
    padding-left: 0;
  }

  .button_product-video {
    justify-content: center;
    align-items: center;
    width: 80px;
    padding: .5rem 1rem;
  }

  .button_product-video:hover {
    background-color: #fff0;
    border-color: #f86a08;
  }

  .button_product-video.twitter {
    background-color: #f6680a;
    width: 80px;
  }

  .button-text {
    display: none;
  }

  .play-icon {
    color: #ff5c00;
    width: 14px;
    min-width: 14px;
    max-width: 14px;
    height: 16px;
    min-height: 16px;
    max-height: 16px;
  }

  .play-icon.twitter {
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    display: flex;
  }

  .play-icon.app {
    color: #fff;
  }

  .link-block {
    width: auto;
  }

  .link_product-video, .product-video_overlay {
    display: none;
  }

  .close-button {
    margin-top: 20vh;
    margin-right: 5vw;
  }

  .twitter-mobile {
    display: flex;
  }

  .pie-chart-content {
    flex-flow: row;
  }

  .pie-chart-img {
    width: 100%;
  }

  .div-block {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    margin-bottom: 1rem;
  }

  .code-embed-6 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .code-embed-7, .code-embed-8 {
    display: none;
  }

  .logo {
    justify-content: flex-start;
    align-items: center;
    width: 120px;
    height: 38px;
    display: flex;
  }

  .app-mobile {
    display: flex;
  }

  .image-3 {
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
  }

  .div-block-3 {
    flex-flow: column;
  }

  .image-4 {
    height: 50vh;
    max-height: 50vh;
  }
}

#w-node-d0099c16-4641-16bf-9cb6-bc62ec3d08e3-5ac6c28d {
  align-self: auto;
}

#w-node-_84b6f9fc-60fb-8779-4f17-b9a630be6a79-5ac6c28d {
  place-self: auto;
}

#w-node-b2e97512-137d-bdc5-4df3-2c35eb32545d-5ac6c28d {
  align-self: auto;
}

@media screen and (max-width: 991px) {
  #w-node-d0099c16-4641-16bf-9cb6-bc62ec3d08e3-5ac6c28d {
    grid-area: Area;
    align-self: auto;
  }

  #w-node-_84b6f9fc-60fb-8779-4f17-b9a630be6a79-5ac6c28d {
    grid-area: Area-2;
    align-self: auto;
  }

  #w-node-b2e97512-137d-bdc5-4df3-2c35eb32545d-5ac6c28d {
    grid-area: Area-3;
    align-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d0099c16-4641-16bf-9cb6-bc62ec3d08e3-5ac6c28d {
    grid-area: Area-2;
  }

  #w-node-_84b6f9fc-60fb-8779-4f17-b9a630be6a79-5ac6c28d {
    grid-area: Area;
  }

  #w-node-b2e97512-137d-bdc5-4df3-2c35eb32545d-5ac6c28d {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }
}


@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/Mona-Sans.ttf') format('truetype');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}