:root {
  --white: white;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #fff;
  background-color: #000;
  font-family: Satoshi, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

h1 {
  color: #fff;
  text-align: left;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, sans-serif;
  font-size: 80px;
  font-weight: 900;
  line-height: 88px;
}

h2 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 900;
  line-height: 40px;
}

h3 {
  color: #181818;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Manrope;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
}

h4 {
  color: #181818;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

p {
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Satoshi, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

a {
  color: #009d5d;
  text-decoration: none;
  transition: all .5s;
}

a:hover {
  color: #006b40;
}

ul {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.question-wrapper {
  margin-bottom: 32px;
}

.faq-question-wrap {
  margin-bottom: 24px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 96px 80px 80px;
  font-size: 32px;
  line-height: 44px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero.inner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  min-height: 50vh;
  max-height: none;
  padding-top: 240px;
  padding-bottom: 40px;
}

.hero-decoration {
  z-index: -1;
  opacity: .08;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hero-decoration.clouds {
  opacity: .32;
  max-height: none;
  inset: 0%;
}

.navigation {
  z-index: 999;
  border-bottom: 1px solid #2220;
  padding: 24px 80px;
}

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

.tertiary-button {
  color: #181818;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #181818;
  border-radius: 4px;
  padding: 12px 24px;
  font-family: Carbon, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  transition: all .5s;
}

.tertiary-button:hover {
  color: #fff;
  background-color: #181818;
  border-color: #181818;
}

.nav-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.nav-actions {
  justify-content: flex-end;
  display: flex;
}

.nav-menu {
  width: 48px;
  height: 48px;
  display: none;
}

.nav-logo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.nav-logo:hover {
  transform: scale(1.1);
}

.nav-logo.w--current {
  width: 32px;
  height: 32px;
}

.text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #181818;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  max-width: 48ch;
  font-family: Manrope;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  display: flex;
}

.text-wrapper.alternate {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #757575;
  text-transform: none;
  align-items: flex-start;
  width: auto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.text-wrapper.left {
  color: #747475;
  text-align: left;
  align-items: flex-start;
}

.text-wrapper.reading {
  width: 960px;
  display: block;
}

.text-wrapper.hero-text-wrapper {
  justify-content: flex-start;
  align-items: center;
  max-width: none;
}

.top-bar {
  color: #fff;
  text-align: center;
  background-color: #222;
  width: 100%;
  padding: 16px 80px;
  font-size: 14px;
  display: none;
}

.top-bar:hover {
  color: #000;
  background-color: #66d19e;
}

.header {
  z-index: 1;
  position: fixed;
  inset: 0% 0% auto;
}

.subheading {
  color: #181818;
  text-transform: none;
  margin-bottom: 0;
  font-family: Manrope;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
}

.subheading.alternate {
  text-transform: uppercase;
  font-family: Carbon, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.investors-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.investor-block {
  filter: brightness(0%);
  color: #181818;
  text-transform: uppercase;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  height: 128px;
  padding: 24px;
  font-family: Carbon, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  display: flex;
}

.investor-block.alternate {
  filter: brightness();
}

.overlay {
  z-index: 9;
  opacity: .05;
  pointer-events: none;
  background-image: url('../images/Noise.gif');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.stylized-text {
  color: #64d988;
}

.cta-block {
  padding: 80px;
}

.cta-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0;
}

.cta {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  color: #fff;
  background-color: #fff;
  background-image: url('../images/TreeRings2.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #e4e4e7;
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px;
  transition: all .5s;
  display: flex;
}

.cta:hover {
  color: #fff;
  border-color: #64d988;
  box-shadow: 0 8px 16px -4px #18181829;
}

.marquee {
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Carbon, sans-serif;
  font-weight: 700;
  display: none;
  overflow: hidden;
}

.marquee-wrapper {
  color: #181818;
  background-color: #fff;
  border-top: 1px solid #181818;
  border-bottom: 1px solid #181818;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  font-family: Carbon, sans-serif;
  display: none;
  transform: rotate(0);
}

.display-text {
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 12rem;
  font-weight: 700;
  line-height: 1;
}

.display-text.marquee-item {
  font-size: 16px;
  line-height: 24px;
}

.contract-block {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-image: url('../images/MosaicBG.webp');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #e4e4e7;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.footer {
  color: #fff;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  padding: 24px 80px;
  font-family: Satoshi, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.social-icons {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.social-icons.never-hidden {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.block-right {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: flex-end;
  padding: 80px;
  display: none;
  overflow: hidden;
}

.block-right.ecosystem {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
}

.dapps-wrapper {
  width: 50%;
  min-width: 720px;
}

.dapps-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  margin-top: 40px;
}

.contracts-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  margin-top: 40px;
}

.cta-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.icon-link {
  filter: saturate(0%) brightness(200%);
}

.icon-link:hover {
  filter: brightness();
}

.block {
  color: #fff;
  padding: 80px;
  display: block;
}

.block.center {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.block.alternate {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.block.reading {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.socials-block {
  padding: 0 80px 80px;
}

.social-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
  margin-top: 0;
}

.ecosystem-project-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid #f4f4f5;
  border-radius: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  display: flex;
  box-shadow: 0 8px 16px -4px #18181829;
}

.project-heading {
  text-transform: none;
  margin-bottom: 0;
  font-family: Satoshi, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
}

.projects-list-wrapper {
  width: 100%;
}

.collection-item-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.tag {
  color: #181818;
  text-transform: uppercase;
  background-color: #e4e4e7;
  border-radius: 16px;
  padding: 8px 16px;
  font-family: Carbon, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.tag.alternate {
  background-color: #fff;
  border: 1px solid #181818;
}

.project-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 56px;
}

.ecosystem-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.actions-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.project-footer {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.link-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #181818;
  border: 1px solid #e4e4e7;
  border-radius: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.link-wrapper:hover {
  border-color: #64d988;
}

.menu {
  display: none;
}

.hero-actions {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  margin-top: 8px;
  display: flex;
}

.hero-actions.hide-desktop {
  display: none;
}

.secondary-button {
  text-align: center;
  text-transform: uppercase;
  background-color: #181818;
  border-radius: 4px;
  padding: 12px 24px;
  font-family: Carbon, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.secondary-button:hover {
  color: #fff;
  background-color: #3f3f46;
}

.dark-filter {
  filter: brightness(0%);
}

.newsletter-cta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #181818;
  text-align: center;
  background-color: #f0f9f4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px;
  display: flex;
}

.nav-link {
  color: #181818;
  border-radius: 4px;
  padding: 8px 16px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.nav-link:hover {
  background-color: #f4f4f5;
}

.disclaimer {
  font-size: 12px;
  line-height: 20px;
}

.email-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.form-block {
  width: 45%;
  margin-bottom: 0;
}

.input-field {
  border-radius: 4px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
}

.explainer-heading {
  text-transform: uppercase;
  width: 20ch;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 44px;
}

.empty-state {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f4f4f5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.blog-wrapper {
  margin-top: 24px;
}

.title {
  text-transform: none;
  margin-bottom: 0;
  font-family: Manrope;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
}

.title.alternate {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Carbon, sans-serif;
  line-height: 28px;
}

.cover {
  background-image: url('../images/AgreementDecorated.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  margin-top: 0;
  padding-top: 42.85%;
}

.cover.tech-version {
  background-color: #f4f4f5;
  background-image: url('../images/PCBG.webp');
  background-position: 50%;
  background-size: cover;
}

.subtitle {
  color: #181818;
  text-transform: uppercase;
  font-family: Carbon, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.text-link {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.legal-text-wrapper {
  color: #181818;
  margin-top: 40px;
}

.decorative-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  box-shadow: none;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -80px;
  margin-left: 80px;
  margin-right: 80px;
  padding: 40px;
  display: inline-block;
  position: relative;
}

.cta-heading {
  text-transform: none;
  font-family: Manrope;
  font-weight: 400;
  line-height: 40px;
}

.collection-wrapper {
  margin-top: 40px;
}

.logo-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  margin-top: 24px;
}

.brand-block {
  flex-direction: column;
}

.brand-block:hover {
  transform: scale(1.05);
}

.brand-block.alternate:hover {
  transform: none;
}

.color-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 24px;
}

.brand-wrapper {
  color: #181818;
  text-transform: uppercase;
  justify-content: center;
  padding: 16px 24px;
  font-family: Carbon, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.brand-wrapper.alternate {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
}

.brand-display-wrapper {
  border: 1px solid #e4e4e7;
  border-radius: 24px;
  overflow: hidden;
}

.brand-display-wrapper.palette {
  background-color: #009d5d;
  border-color: #0000;
  width: 100%;
  padding-top: 66.66%;
}

.brand-display-wrapper.palette.black {
  background-color: #181818;
}

.brand-display-wrapper.palette.gray {
  background-color: #747475;
}

.typography-cover {
  color: var(--white);
  background-image: url('../images/SatoshiBG.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  padding-top: 66.66%;
  display: flex;
}

.typography-cover.alternate {
  background-image: url('../images/-.webp');
}

.footer-link {
  color: #64d988;
  font-size: 14px;
}

.blog-heading {
  margin-bottom: 0;
  font-size: 40px;
  line-height: 48px;
}

.blog-heading.small {
  text-transform: none;
  font-family: Manrope;
  font-size: 20px;
  line-height: 28px;
}

.fs-socialshare_icon {
  width: 1.25rem;
  height: 1.25rem;
}

.social-share {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f4f4f5;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 24px;
  display: grid;
}

.social-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #181818;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.social-button:hover {
  color: var(--white);
  background-color: #009d5d;
}

.title-heading {
  text-transform: none;
  margin-bottom: 0;
  font-weight: 800;
}

.blog-link {
  border: 1px solid #e4e4e7;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.blog-link:hover {
  border-color: #009d5d;
}

.blog-highlights {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  padding: 24px;
  display: flex;
}

.collection-item {
  padding-left: 0;
  padding-right: 0;
}

.div-block {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 42.85%;
}

.blog-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph {
  margin-bottom: 0;
  font-family: Manrope;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.hero-text {
  color: #fff;
  max-width: 48ch;
  font-family: VT323, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.whitepaper-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  border-bottom: 1px solid #000;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.whitepaper-wrapper:hover {
  background-color: var(--white);
  box-shadow: 0 4px 8px -2px #0003;
}

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

.quick-stack {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 40px;
  padding: 0;
}

.app-wrapper {
  border: 1px solid #000;
  border-radius: 4px;
  width: 100%;
}

.app-wrapper:hover {
  box-shadow: 0 4px 8px -2px #0003;
}

.app-cover {
  filter: grayscale();
  background-image: url('../images/62ec1c377aa67087f2a6f91f6c0617da.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 320px;
}

.app-cover._1 {
  background-image: url('../images/Washington.jpg');
  background-position: 50% 0;
}

.app-details {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.div-block-2 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 64px;
  height: 64px;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 64px;
    line-height: 72px;
  }

  p {
    width: auto;
    font-size: 16px;
  }

  .question-wrapper {
    margin-bottom: 24px;
  }

  .hero {
    justify-content: center;
    align-items: center;
    padding: 40px;
    font-size: 24px;
    line-height: 32px;
  }

  .hero.inner {
    background-image: linear-gradient(#ffffff52, #fff 85%), url('../images/SteepVectorBG.svg');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    padding-top: 160px;
  }

  .navigation {
    padding-left: 40px;
    padding-right: 40px;
  }

  .nav-links {
    display: none;
  }

  .nav-menu {
    filter: saturate(0%) brightness(0%);
    background-image: url('../images/menu_duo.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    transition: all .5s;
    display: none;
  }

  .nav-menu:hover {
    filter: saturate(200%) brightness();
  }

  .nav-menu.alternate {
    filter: saturate(0%) brightness(200%);
    background-image: url('../images/close_small.svg');
    background-size: 40px 40px;
  }

  .text-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    max-width: none;
    font-size: 16px;
    line-height: 24px;
  }

  .text-wrapper.reading {
    width: auto;
  }

  .top-bar {
    padding-left: 40px;
    padding-right: 40px;
  }

  .header {
    z-index: 99;
  }

  .investors-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .cta-block {
    padding: 40px;
  }

  .cta-grid {
    grid-template-columns: 1fr;
  }

  .marquee-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .contract-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer {
    padding-left: 40px;
    padding-right: 40px;
  }

  .social-icons {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .social-icons.never-hidden {
    display: flex;
  }

  .block-right {
    padding: 40px;
  }

  .block-right.ecosystem {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .dapps-wrapper {
    width: 100%;
    min-width: auto;
  }

  .contracts-grid {
    grid-template-columns: 1fr;
  }

  .icon-link.alternate {
    filter: grayscale() brightness(200%);
  }

  .icon-link.alternate:hover {
    filter: grayscale(0%) brightness();
  }

  .block {
    padding: 40px;
  }

  .socials-block {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .ecosystem-wrapper {
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
  }

  .dark.alternate {
    filter: invert();
  }

  .menu {
    z-index: 999;
    color: #fff;
    background-color: #181818;
    background-image: url('../images/TreeRingsDark.svg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .hero-actions {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    width: 100%;
  }

  .hero-actions.hide-desktop {
    display: flex;
  }

  .secondary-button {
    width: 100%;
  }

  .menu-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    color: #fff;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px;
    display: flex;
  }

  .menu-actions {
    justify-content: space-between;
    padding: 24px 40px;
    display: flex;
  }

  .menu-link {
    color: #fff;
    font-family: Manrope;
    font-size: 32px;
    font-weight: 800;
    line-height: 44px;
  }

  .menu-link.small {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }

  .menu-icons-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .menu-links-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .menu-links-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .newsletter-cta {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    padding: 40px;
  }

  .email-form {
    flex-direction: column;
  }

  .form-block {
    width: 100%;
  }

  .cover {
    padding-top: 66.66%;
  }

  .decorative-card {
    margin-top: -160px;
    margin-left: 24px;
    margin-right: 24px;
    padding: 40px;
  }

  .logo-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .brand-block.alternate:hover {
    transform: none;
  }

  .color-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .brand-display-wrapper.palette {
    padding-top: 56.25%;
  }

  .blog-list {
    grid-template-columns: 1fr 1fr;
  }

  .hero-text {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 48px;
    line-height: 56px;
  }

  h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .hero {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 16px;
    line-height: 28px;
  }

  .hero.inner {
    padding-bottom: 24px;
  }

  .navigation {
    padding: 16px 24px;
  }

  .text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    font-size: 18px;
    line-height: 30px;
  }

  .text-wrapper.alternate {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    font-size: 16px;
  }

  .top-bar {
    padding: 12px 24px;
  }

  .subheading {
    font-size: 40px;
    line-height: 48px;
  }

  .subheading.alternate {
    font-size: 18px;
    line-height: 26px;
  }

  .investors-grid {
    grid-template-columns: 1fr 1fr;
  }

  .investor-block {
    font-size: 16px;
    line-height: 24px;
  }

  .cta-block {
    padding-left: 24px;
    padding-right: 24px;
  }

  .cta-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .cta {
    padding: 32px;
  }

  .marquee-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .contract-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 24px;
  }

  .footer {
    padding: 16px 24px;
  }

  .social-icons {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .block-right {
    padding-left: 24px;
    padding-right: 24px;
  }

  .dapps-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .contracts-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 24px;
  }

  .cta-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .block {
    padding-left: 24px;
    padding-right: 24px;
  }

  .socials-block {
    padding-bottom: 80px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .social-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .ecosystem-project-block {
    padding: 24px;
  }

  .ecosystem-wrapper {
    grid-template-columns: 1fr;
  }

  .link-wrapper {
    padding: 24px;
  }

  .hero-actions {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .secondary-button {
    min-width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .menu-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .menu-actions {
    padding: 16px 24px;
  }

  .menu-link {
    font-size: 28px;
    line-height: 36px;
  }

  .menu-links-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .newsletter-cta {
    width: 100%;
    padding: 24px;
  }

  .explainer-heading {
    width: 100%;
    line-height: 32px;
  }

  .title.alternate {
    font-size: 16px;
    line-height: 24px;
  }

  .cover {
    margin-top: 24px;
  }

  .decorative-card {
    margin-left: 16px;
    margin-right: 16px;
    padding: 24px;
  }

  .cta-heading {
    font-size: 24px;
    line-height: 32px;
  }

  .logo-grid {
    grid-template-columns: 1fr;
  }

  .blog-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .social-share {
    grid-template-columns: 1fr;
  }

  .collection-item {
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block {
    padding-top: 66.66%;
  }

  .blog-list {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 40px;
    line-height: 48px;
  }

  h2 {
    font-size: 24px;
    line-height: 32px;
  }

  h3 {
    font-size: 18px;
    line-height: 26px;
  }

  .subheading {
    font-size: 36px;
    line-height: 44px;
  }

  .investors-grid {
    grid-template-columns: 1fr;
  }

  .investor-block {
    height: 120px;
  }

  .cta {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .social-share {
    grid-template-columns: 1fr;
  }

  .hero-text {
    font-size: 20px;
    line-height: 28px;
  }

  .whitepaper-wrapper, .app-details {
    padding: 16px;
  }
}

#w-node-_5533669c-2564-3775-d689-92ccd6106139-76a3181f, #w-node-_10672c07-baf3-c642-6f42-24a63dff3811-76a3181f, #w-node-_6c92bc6d-2f46-2ac6-2fc5-4efe663c0e00-76a3181f, #w-node-_4a8e9db4-9154-17ec-4c75-3d32fec9193c-76a3181f, #w-node-_0cf52c31-ebf8-d6da-48ec-17dae8e5618b-76a3181f, #w-node-bfe0183a-b298-da09-0d2e-72f1467d70a5-76a3181f, #w-node-e6cc6f34-5f1d-72a0-5103-08a7b571a927-76a3181f, #w-node-b0029d46-dba3-360c-8aff-a169551adcd7-76a3181f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Carbon';
  src: url('../fonts/Carbon-Bold.woff2') format('woff2'), url('../fonts/Carbon-Bold.eot') format('embedded-opentype'), url('../fonts/Carbon-Bold.woff') format('woff'), url('../fonts/Carbon-Bold.ttf') format('truetype'), url('../fonts/Carbon-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Variable.woff2') format('woff2'), url('../fonts/Satoshi-Variable.eot') format('embedded-opentype'), url('../fonts/Satoshi-Variable.woff') format('woff'), url('../fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}