.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

body {
  color: #cfd4da;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 400;
  line-height: 44px;
}

h2 {
  color: rgba(36, 36, 36, .9);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: underline;
}

img {
  display: inline-block;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

.body {
  max-width: 100vw;
  background-color: #0c0e0f;
  overflow: visible;
}

.nav-bar {
  z-index: 1000;
  height: 80px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(12, 14, 15, .85);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 0 1px 8px 1px rgba(0, 0, 0, .15);
}

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

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

.nav-left.w--current {
  width: 200px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-links {
  opacity: .8;
  color: #cfd4da;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: capitalize;
  white-space: normal;
  margin-left: 0;
  margin-right: 0;
  padding-left: 17px;
  padding-right: 17px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.nav-links:hover {
  opacity: 1;
}

.nav-links.w--current {
  opacity: 1;
  color: #cfd4da;
}

.nav-links.hero-link {
  color: #a3d2f3;
  text-transform: none;
  font-size: 16px;
}

.cta {
  opacity: .9;
  color: #e2e2e2;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: rgba(244, 244, 244, .3);
  border-style: none;
  border-radius: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11.5px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.cta:hover {
  opacity: 1;
}

.cta.nav {
  text-transform: capitalize;
  display:block;
}

.hero {
  height: 90vh;
  /* background-image: linear-gradient(to top, #0c0e0f 1%, rgba(12, 14, 15, 0) 8%); */
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  object-fit: fill;
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.hero-header {
  max-width: 350px;
  color: #cfd4da;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Lato, sans-serif;
  font-size: 32px;
  font-weight: 400;
  display: inline-block;
}

.hero-text-block {
  color: #cfd4da;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.hero-bottom {
  height: 10vh;
  max-height: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
  top: -20%;
}

.lottie-animation {
  width: 40px;
  margin-top: 0;
  margin-bottom: 0;
}

.section-photo-text {
  height: 100vh;
  max-height: 700px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon {
  color: #cfd4da;
}

.nav-dropdown-text {
  color: #cfd4da;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: normal;
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 0;
  font-family: Lato, sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  text-decoration: none;
}

.dropdown-toggle {
  opacity: .8;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 35px 10px 15px;
  transition: opacity .3s;
  display: block;
}

.dropdown-toggle:hover {
  opacity: 1;
}

.dropdown-list {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  mix-blend-mode: normal;
  background-color: rgba(12, 14, 15, .85);
  border-radius: 7px;
  display: none;
  box-shadow: 0 3px 10px 1px rgba(0, 0, 0, .5);
}

.content-container {
  width: 75vw;
  max-width: 1600px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-text-photo {
  height: 100vh;
  max-height: 700px;
  background-color: #151718;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lottie-animation-2 {
  width: 30px;
  display: none;
}

.hamburger-open {
  display: none;
}

.mobile-nav-content {
  display: block;
}

.nav-right {
  width: 200px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

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

.header {
  color: #6fbead;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
}

.header.investors {
  color: #cfd4da;
  font-size: 60px;
  line-height: 68px;
}

.sponsors-section {
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 200px 10%;
  display: flex;
  position: relative;
  top: auto;
}

.sponsors-content {
  width: 75vw;
  max-width: 1600px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.home-text-block {
  color: #cfd4da;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.email-capture-section {
  height: 100vh;
  max-height: 500px;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.text-field {
  width: 50%;
  max-width: 300px;
  background-color: rgba(255, 255, 255, .75);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  transition: background-color .4s;
}

.text-field:hover {
  background-color: #fff;
}

.text-field:focus {
  outline-offset: 2px;
  background-color: #fff;
  outline: 1px solid #379691;
}

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

.submit-button {
  opacity: .9;
  color: rgba(36, 36, 36, .9);
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #6fbead;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-family: Lato, sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  transition: opacity .2s;
}

.submit-button:hover {
  opacity: 1;
}

.footer {
  background-color: #151718;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer-content {
  width: 75vw;
  flex-direction: column;
  align-items: center;
  margin-top: 85px;
  margin-bottom: 25px;
  display: flex;
}

.text-block {
  color: rgba(207, 212, 218, .5);
  text-align: center;
}

.columns {
  width: 100%;
}

.header-2 {
  width: 100%;
  color: #6fbead;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 11.5px;
  font-weight: 900;
}

.footer-links {
  color: rgba(207, 212, 218, .75);
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
  transition: color .2s;
}

.footer-links:hover {
  color: #cfd4da;
}

.column, .column-2, .column-3, .column-4 {
  flex-direction: column;
  display: flex;
}

.social-links {
  opacity: .75;
  margin: 5px 20px 10px 0;
  transition: opacity .4s;
}

.social-links:hover {
  opacity: 1;
}

.social-block {
  margin-top: 0;
}

.success-message {
  background-color: rgba(0, 0, 0, 0);
}

.error-message {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  padding: 0;
}

.error-text {
  color: #ff7c7e;
}

.blog-hero {
  height: 30vh;
  background-image: url('../images/cloud_bg.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-section {
  justify-content: center;
  display: flex;
}

.blog-filter-links {
  color: #155748;
  text-align: center;
  text-transform: none;
  white-space: normal;
  background-color: #7dc0be;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin: 0 20px 0 0;
  padding: 5px 10px;
  font-family: Lato, sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.blog-filter-links.blog-posts {
  color: #eee;
  background-color: #365552;
  font-weight: 400;
}

.blog-filter-links.reports {
  color: #eee;
  background-color: #6aa5a3;
  font-weight: 400;
}

.blog-filter-links.education {
  color: #eee;
  background-color: #549487;
  font-weight: 400;
}

.blog-filter-links.development {
  color: #eee;
  background-color: #426960;
  font-weight: 400;
}

.blog-filters {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

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

.collection-item {
  display: flex;
}

.collection-list {
  width: 75vw;
  max-width: 1400px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  justify-content: flex-start;
  display: flex;
}

.content-block-left, .content-block-right {
  width: 50%;
  height: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.content-block-right.image {
  text-align: left;
  align-items: flex-end;
}

.email-container {
  width: 75vw;
  max-width: 1600px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-container {
  width: 75vw;
  max-width: 1600px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.content-container-v {
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
  display: none;
}

.blog-thumbnails {
  width: 100%;
  height: 175px;
  object-fit: cover;
}

.blog-preview {
  background-color: #e6eaeb;
  border-radius: 9px;
  margin-bottom: 20px;
  padding: 20px;
  box-shadow: -1px -1px 3px #fff, 2px 6px 7px -4px rgba(29, 29, 29, .35);
}

.empty-state {
  background-color: rgba(0, 0, 0, 0);
}

.blog-preview-title {
  text-transform: capitalize;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 400;
  line-height: 27px;
}

.blog-preview-title.truncate {
  width: 100%;
  min-width: 185px;
  color: #181818;
}

.blog-preview-summary {
  color: #1d1d1d;
  margin-top: 5px;
  margin-bottom: 5px;
}

.text-block-2 {
  font-size: 11.5px;
  font-weight: 900;
}

.blog-preview-attribute-text {
  color: #549487;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 5px;
  font-size: 10px;
  font-style: italic;
  font-weight: 700;
}

.blog-preview-attributes {
  justify-content: flex-start;
  margin-top: 5px;
  display: flex;
}

.blog-preview-photo-container {
  position: relative;
}

.sponsor-logo-grid {
  max-width: 950px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(200px, 1fr) 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.sponsor-img {
  height: 100px;
  opacity: .75;
  object-fit: contain;
  flex: auto;
  margin: 15px 20px;
  display: block;
}

.sponsor-img.paradigm {
  height: 160px;
  padding-top: 0;
  position: relative;
  top: -28px;
}

.header-white {
  color: #cfd4da;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
}

.illustrations {
  width: 85%;
  max-height: 450px;
  object-fit: contain;
}

.dropdown {
  display: none;
}

.body-2 {
  background-color: #e6eaeb;
}

.blog-photo-header {
  width: 100%;
  height: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.blog-post-section {
  justify-content: center;
  display: flex;
}

.blog-post-section-content {
  width: 75vw;
  max-width: 900px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 35px;
  margin-bottom: 35px;
  display: flex;
}

.blog-header {
  width: 100%;
  color: #1d1d1d;
  text-align: center;
  position: relative;
}

.rich-text-block {
  color: #1d1d1d;
  white-space: normal;
  margin-top: 15px;
  margin-bottom: 9px;
}

.rich-text-block h2 {
  color: #53b8a1;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
}

.rich-text-block h1 {
  color: #5b8b81;
  font-size: 26px;
}

.rich-text-block h3 {
  font-size: 18px;
  line-height: 20px;
}

.rich-text-block h4 {
  color: #35bbab;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
}

.rich-text-block h5 {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.rich-text-block h6, .rich-text-block strong {
  font-weight: 900;
}

.rich-text-block a {
  color: #34927d;
  transition: opacity .2s;
}

.rich-text-block a:hover {
  color: #59a594;
}

.rich-text-block blockquote {
  border-left: 5px solid #6fbead;
  font-style: normal;
  line-height: 30px;
}

.rich-text-block p, .rich-text-block li {
  font-size: 18px;
  line-height: 28px;
}

.metadata {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.author {
  color: #1d1d1d;
  margin-right: 10px;
  font-style: italic;
  font-weight: 400;
}

.metadata-text {
  color: #1d1d1d;
  margin-right: 2px;
  font-style: italic;
  font-weight: 400;
}

.metadata-divider {
  color: #1d1d1d;
  margin-right: 10px;
  font-style: italic;
  font-weight: 400;
}

.metadata-date {
  color: #1d1d1d;
  margin-right: 10px;
  font-style: italic;
}

.blog-return-link {
  color: #2d6392;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
}

.blog-return-link:hover {
  color: #2e7ec3;
}

.blog-post-link-block {
  text-decoration: none;
}

.image-4 {
  object-fit: fill;
  overflow: visible;
}

.nav-section-headers {
  opacity: .8;
  color: #cfd4da;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: normal;
  margin-left: 0;
  margin-right: 0;
  padding-left: 17px;
  padding-right: 17px;
  font-family: Lato, sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.nav-section-headers:hover {
  opacity: 1;
}

.nav-section-headers.w--current {
  opacity: 1;
  color: #cfd4da;
}

.section-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.div-block {
  height: 60px;
}

.legal-section {
  justify-content: center;
  margin-top: 60px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.content-container-legal {
  width: 75vw;
  max-width: 900px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-2 {
  margin-bottom: 15px;
  display: flex;
}

.published {
  color: #1d1d1d;
  margin-right: 5px;
  font-style: italic;
}

.legal-header {
  width: 100%;
  color: #1d1d1d;
  text-align: center;
}

.legal-date {
  color: #1d1d1d;
  font-style: italic;
}

.legal-rt {
  color: #1d1d1d;
}

.legal-rt h2 {
  font-size: 26px;
}

.footer-legalese {
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.legal-link {
  color: rgba(207, 212, 218, .5);
  margin-left: 20px;
  text-decoration: none;
  transition: color .2s;
}

.legal-link:hover {
  color: #cfd4da;
}

.litepaper-container {
  width: 75vw;
  max-width: 1600px;
  align-items: flex-start;
  display: flex;
}

.litepaper-section {
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.content-summary {
  width: 430px;
  background-color: #e0e4e7;
  border-radius: 9px;
  flex-direction: column;
  margin-right: 30px;
  padding: 15px 30px 30px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.litepaper-content {
  width: 100%;
}

.litepaper-main-links {
  color: rgba(36, 36, 36, .9);
  margin-top: 15px;
  font-weight: 700;
  text-decoration: none;
}

.litepaper-main-links:hover {
  text-decoration: underline;
}

.litepaper-secondary-links {
  color: rgba(36, 36, 36, .9);
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 21px;
  text-decoration: none;
}

.litepaper-secondary-links:hover {
  text-decoration: underline;
}

.litepaper {
  border-bottom: 1px solid #000;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -120px;
  margin-bottom: 50px;
  padding-top: 120px;
  padding-bottom: 50px;
  font-size: 16px;
  line-height: 26px;
  display: flex;
}

.litepaper h1 {
  color: rgba(36, 36, 36, .9);
  font-weight: 700;
}

.litepaper p, .litepaper li {
  color: rgba(36, 36, 36, .9);
}

.litepaper h2 {
  font-size: 22px;
  font-weight: 700;
}

.litepaper a {
  color: rgba(36, 36, 36, .9);
}

.litepaper a:hover {
  color: #000;
}

.litepaper figure {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 38px 0;
}

.litepaper img {
  display: block;
}

.litepaper.final {
  border-bottom-width: 0;
  margin-bottom: 0;
}

.body-4 {
  background-color: #e6eaeb;
}

.roadmap-table {
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.columns-2 {
  width: 80%;
  max-width: 1000px;
  background-color: #dcdfe2;
  border-radius: 9px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.roadmap-quarters {
  height: 50px;
  color: #5b8b81;
  justify-content: flex-end;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0 30px 0 17px;
  font-size: 30px;
  font-weight: 700;
  display: flex;
}

.roadmap-launches {
  height: 50px;
  color: rgba(36, 36, 36, .9);
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-right: 30px;
  font-size: 22px;
  font-weight: 300;
  display: flex;
}

.div-block-3 {
  width: 100%;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dropdown-2, .dropdown-3 {
  display: none;
}

.div-block-4 {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.image-5 {
  z-index: -100;
  max-height: 1200px;
  display: block;
  position: relative;
}

.heroimagecontainer {
  z-index: -100;
  width: 100%;
  height: 100%;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: visible;
}

.text-block-3 {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}

.text-block-3.left {
  text-align: left;
}

.heading-2 {
  font-size: 80px;
  line-height: 77px;
}

.div-block-5 {
  max-width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  margin-right: 200px;
  display: flex;
}

.section-4 {
  height: auto;
  align-items: center;
  padding: 200px 16%;
  display: flex;
}

.heading-signup {
  font-size: 40px;
}

.body-5 {
  background-color: #0c0e0f;
}

.section-5 {
  width: 100%;
  height: 90vh;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container {
  height: 500px;
  max-width: 50%;
}

.link-block {
  border: 1px solid #cfd4da;
}

.link-block-2, .link-block-3 {
  height: 200px;
}

.text-block-4 {
  font-family: Lato, sans-serif;
}

.product-link-block {
  width: 50%;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #cfd4da;
  border-radius: 4px;
  flex-direction: column;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.div-block-6 {
  color: #cfd4da;
  justify-content: space-between;
  padding: 10px 10px 10px 0;
  font-size: 24px;
  text-decoration: none;
  display: flex;
}

.text-block-5 {
  text-decoration: none;
  display: inline-block;
}

.paragraph {
  color: #cfd4da;
}

.div-block-7 {
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-8 {
  display: inline-block;
}

.body-6 {
  background-color: #0c0e0f;
}

.section-6 {
  width: 100%;
  min-height: 80vh;
  align-items: stretch;
  margin-top: 0;
  padding-top: 160px;
  display: block;
}

.container-2 {
  max-width: 45%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  margin-bottom: 80px;
  padding-top: 0;
  display: flex;
}

.heading-3 {
  letter-spacing: 1px;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

.paragraph-2 {
  color: #bdc2c7;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.div-block-9 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.rich-text-block-2 {
  max-width: 70%;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
}

.rich-text-block-2 a {
  color: #a187d6;
  text-decoration: none;
}

.rich-text-block-2.style {
  display: none;
}

.currency-link-block {
  width: 100px;
  height: 100px;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: rgba(207, 212, 218, .1);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.currency-name {
  color: #cfd4da;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
}

.currencyimage {
  max-width: 48px;
}

.tokendivblocks {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div-block-11 {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  flex-direction: row;
  display: flex;
}

.link-block-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #cfd4da;
  margin-left: 100px;
  text-decoration: none;
  display: flex;
  position: fixed;
}

.text-block-6 {
  font-size: 16px;
}

.container-3 {
  max-width: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.credibilitieswrapper {
  max-width: 100%;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 120px;
  display: flex;
}

.credibility {
  max-width: 30%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.credheader {
  color: #f7f7f7;
  font-size: 40px;
  line-height: 44px;
}

.credparagraph {
  color: #cfd4da;
  -webkit-text-stroke-color: #a3d2f3;
  margin-top: 24px;
  font-size: 20px;
  line-height: 26px;
}

.cred-image {
  width: 64px;
  height: 64px;
}

.products {
  width: 100%;
  height: auto;
  align-items: center;
  padding: 200px 10%;
  display: flex;
  position: relative;
  overflow: visible;
}

.rightblock {
  z-index: -50;
  width: 100%;
  opacity: .85;
  position: absolute;
  top: -23%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.topblock, .leftblock {
  z-index: -50;
  width: 100%;
  opacity: .85;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.productlinkblock {
  width: 500px;
  max-width: none;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #b6ddd4;
  border: 1px solid #cfd4da;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.producttitle {
  color: #b6ddd4;
  font-size: 32px;
  line-height: 40px;
}

.productdetails {
  color: #b6ddd4;
  font-size: 20px;
  line-height: 24px;
}

.productdetails.coming-soon {
  letter-spacing: 1.5px;
  font-style: italic;
}

.container-4 {
  max-width: 100%;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  justify-content: space-around;
  display: flex;
}

.div-block-12 {
  display: flex;
}

.image-6 {
  max-height: 200px;
}

.productdiagram {
  max-height: 300px;
  color: #cfd4da;
}

.quickhoverwrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #6fbead;
  border-radius: 4px;
  padding: 12px;
  display: none;
  position: absolute;
  top: 438.57px;
}

.quickhoverproduct {
  max-height: 250px;
  max-width: 250px;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #0c0e0f;
  border-radius: 4px;
  flex-direction: column;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.text-block-7 {
  color: #0c0e0f;
  font-size: 20px;
}

.text-block-8 {
  color: #0c0e0f;
}

.image-7 {
  max-width: 100px;
}

.sectiongovernance {
  padding: 200px 10%;
}

.div-block-13 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 84px;
  display: flex;
}

.governancejump {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #cfd4da;
  border: 1px solid #cfd4da;
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.linkblockhead {
  font-size: 32px;
  line-height: 36px;
}

.linkblockp {
  color: rgba(207, 212, 218, .9);
  font-size: 20px;
  line-height: 28px;
}

.linkblockp.docs, .linkblockp.stakenearn {
  display: none;
}

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

.container-5 {
  max-width: 70%;
  flex-direction: column;
  display: flex;
}

.div-block-14 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.linkssection {
  height: 90vh;
  justify-content: center;
  align-items: center;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.primarylinkblock {
  min-width: 500px;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: .7;
  color: #f7f7f7;
  border: 1px solid #cfd4da;
  border-radius: 4px;
  flex-direction: column;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.primarylinkblock.products {
  height: 100%;
  min-width: auto;
  align-items: flex-start;
}

.linkswrapper {
  max-width: 80%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area"
                 "."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: center;
  justify-content: stretch;
  justify-items: stretch;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

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

.container-6 {
  height: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.js-clock {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.clock-number {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 60px;
  display: inline-block;
}

.text-block-9 {
  display: inline-block;
}

.timedivide {
  font-size: 24px;
}

.link {
  color: #a3d2f3;
  font-size: 20px;
  text-decoration: none;
}

.div-block-15 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: inline-block;
}

.div-block-16 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-17 {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.product-information-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.image-8 {
  opacity: .9;
}

.collection-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.subproductnav {
  color: #cfd4da;
  border: 1px #000;
  border-bottom: 1px solid rgba(207, 212, 218, .75);
  text-decoration: none;
  display: none;
}

.subproduct {
  color: #cfd4da;
  padding: 12px 40px;
  font-size: 24px;
  text-decoration: none;
  display: inline-block;
}

.subproduct.w--current {
  color: #cfd4da;
  border-bottom: 1px solid #cfd4da;
  text-decoration: none;
}

.text-block-10 {
  font-size: 16px;
}

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

.link-2 {
  color: #a3d2f3;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .nav-content {
    position: static;
  }

  .nav-center {
    display: none;
  }

  .nav-left.w--current {
    display: block;
  }

  .nav-links {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .cta {
    display: flex;
  }

  .hero-content {
    width: 85vw;
  }

  .hero-header {
    font-size: 24px;
  }

  .dropdown-list {
    display: none;
  }

  .content-container {
    width: 85vw;
  }

  .lottie-animation-2 {
    margin: 8px 10px 5px;
    display: flex;
  }

  .hamburger-open {
    display: none !important;
    transform: translate3d(0, -100vh, 0);
    transition: height 300ms ease-in-out;
  }

  .visible {
    background-color: rgba(36, 36, 36, .98);
    justify-content: space-around;
    display: block !important;
    flex-direction: column;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    transform: translate3d(0, 0, 0);
  }

  .mobile-nav-content {
    height: 85vh;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 60px;
    display: flex;
  }

  .nav-right {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

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

  .text-field {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .footer-content {
    width: 85vw;
  }

  .blog-grid, .collection-list {
    width: 100%;
  }

  .blog-container {
    width: 85vw;
  }

  .blog-preview-attribute-text {
    display: block;
  }

  .blog-preview-attribute-text.divider {
    display: none;
  }

  .blog-preview-attributes {
    display: block;
  }

  .sponsor-img {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mobile-nav-section {
    flex-direction: column;
    margin-top: 60px;
    display: flex;
  }

  .nav-section-headers {
    opacity: .5;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .nav-section-headers:hover {
    opacity: .5;
  }

  .content-container-legal {
    width: 85vw;
  }

  .litepaper-container {
    flex-direction: column;
  }

  .content-summary {
    width: 350px;
    margin-bottom: 35px;
    top: auto;
  }

  .columns-2 {
    width: 100%;
    max-width: 550px;
  }

  .roadmap-quarters {
    font-size: 24px;
  }

  .roadmap-launches {
    font-size: 20px;
  }

  .div-block-3 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .section-4 {
    height: 1000px;
  }

  .container-2 {
    max-width: 60%;
  }

  .link-block-4 {
    margin-left: 40px;
  }

  .products {
    height: 80vh;
    padding-left: 0%;
    padding-right: 0%;
  }

  .productlinkblock {
    max-width: 30%;
  }

  .linkssection {
    height: 80vh;
  }

  .linkswrapper {
    max-width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .linksgrid {
    width: 100%;
  }

  .container-6 {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .hero-header {
    font-size: 40px;
    line-height: 50px;
  }

  .header {
    font-size: 30px;
  }

  .home-text-block {
    margin-top: 15px;
    font-size: 16px;
    line-height: 22px;
  }

  .footer-links {
    margin-top: 0;
    margin-bottom: 0;
  }

  .column-3, .column-4 {
    margin-top: 20px;
  }

  .blog-preview-attribute-text.divider {
    display: block;
  }

  .blog-preview-attributes {
    display: flex;
  }

  .litepaper h1 {
    font-size: 24px;
  }

  .litepaper h2, .roadmap-quarters, .roadmap-launches {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .body {
    background-color: #0c0e0f;
    overflow: visible;
  }

  .nav-bar {
    z-index: 10000;
    position: fixed;
  }

  .nav-center {
    display: none;
  }

  .nav-left.w--current {
    max-width: none;
  }

  .nav-links {
    color: #f7f7f7;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }

  .nav-links.hero-link {
    padding-left: 0;
  }

  .nav-links.app-launch {
    color: #0c0e0f;
    background-color: #f7f7f7;
    border: 1px #cfd4da;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 16px;
  }

  .cta {
    display: block;
  }

  .cta.nav {
    display: none;
  }

  .hero {
    height: 65vh;
    align-items: center;
    margin-bottom: 100px;
    position: relative;
  }

  .hero-content {
    align-items: flex-start;
    margin-top: 300px;
  }

  .hero-text-block {
    color: rgba(207, 212, 218, .8);
  }

  .hero-bottom {
    height: 5vh;
  }

  .section-photo-text {
    height: 100%;
    max-height: 100%;
    flex-direction: row;
    position: static;
  }

  .content-container {
    flex-direction: column;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .content-container.section-2 {
    flex-direction: column-reverse;
  }

  .section-text-photo {
    height: 100%;
    max-height: 100%;
  }

  .hamburger-open {
    z-index: 10;
    height: 100vh;
    background-color: rgba(12, 14, 15, .97);
    display: block;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .mobile-nav-content {
    height: 100vh;
    align-items: center;
  }

  .hero-cta {
    height: 80px;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
  }

  .header {
    text-align: center;
  }

  .header.investors {
    width: 100%;
    color: #f7f7f7;
    text-align: center;
    font-size: 32px;
    line-height: 40px;
  }

  .sponsors-section {
    margin-top: 50px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .sponsors-content {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .footer {
    position: static;
  }

  .columns {
    text-align: center;
  }

  .footer-links {
    margin-top: 0;
  }

  .column-2, .column-3, .column-4 {
    margin-top: 15px;
  }

  .blog-hero {
    max-height: 150px;
  }

  .blog-filter-links {
    margin-bottom: 10px;
  }

  .blog-filters {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .content-block-left {
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
  }

  .content-block-left.window-image {
    height: 100%;
    align-items: center;
  }

  .content-block-right {
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
  }

  .content-block-right.image {
    justify-content: flex-end;
    align-items: center;
  }

  .email-container {
    width: 90%;
  }

  .blog-preview-attribute-text.divider {
    display: none;
  }

  .blog-preview-attributes {
    display: block;
  }

  .header-white.email {
    text-align: center;
  }

  .illustrations {
    width: 100%;
    max-height: 100%;
  }

  .mobile-nav-section {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .content-container-legal {
    flex-direction: column;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .litepaper-container {
    width: 90vw;
  }

  .content-summary {
    width: 100%;
  }

  .litepaper {
    margin-top: -100px;
    margin-bottom: 25px;
    padding-top: 100px;
    padding-bottom: 25px;
  }

  .litepaper.final {
    margin-top: -100px;
    padding-top: 100px;
  }

  .roadmap-table {
    margin-bottom: 0;
  }

  .columns-2 {
    padding-top: 10px;
    padding-bottom: 17px;
  }

  .roadmap-quarters {
    height: 80px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 10px;
    font-size: 16px;
  }

  .roadmap-launches {
    height: 80px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-3 {
    flex-direction: column;
    align-items: flex-start;
  }

  .image-5 {
    width: 120%;
    max-height: none;
    object-fit: cover;
    position: static;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible;
  }

  .heroimagecontainer {
    height: 100vh;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .text-block-3.left {
    width: 100%;
  }

  .heading-2 {
    font-size: 48px;
    line-height: 60px;
  }

  .div-block-5 {
    margin-bottom: 60px;
    margin-right: auto;
  }

  .section-4 {
    height: auto;
    align-items: stretch;
    margin-top: 50px;
    padding: 100px 8%;
  }

  .heading-signup {
    text-align: center;
    font-size: 28px;
  }

  .container {
    height: auto;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-2 {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .rich-text-block-2 {
    max-width: 100%;
  }

  .div-block-11 {
    flex-direction: column;
  }

  .link-block-4 {
    margin-left: 16px;
  }

  .container-3 {
    flex-direction: column;
  }

  .credibilitieswrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex-direction: column;
  }

  .credibility {
    max-width: none;
  }

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

  .products {
    height: auto;
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
  }

  .leftblock {
    width: auto;
    object-fit: cover;
  }

  .productlinkblock {
    max-width: 90%;
  }

  .container-4 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: center;
  }

  .sectiongovernance {
    margin-top: 50px;
    padding: 50px 8%;
  }

  .div-block-13 {
    width: auto;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .linkblockhead {
    width: 230px;
    display: block;
  }

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

  .container-5 {
    max-width: none;
    align-items: center;
  }

  .linkssection {
    height: 90vh;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .primarylinkblock {
    min-width: auto;
  }

  .primarylinkblock.products {
    padding: 20px;
    position: static;
  }

  .linkswrapper {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .linksgrid {
    width: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    align-items: stretch;
  }

  .container-6 {
    max-height: 100%;
  }

  .clock-number {
    font-size: 32px;
  }

  .image-8 {
    width: auto;
  }

  .subproduct {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
  }
}