:root {
  --ink:#0a0a0a;
  --muted:#626c72;
  --blue:#a8c7e2;
  --heading-font:'Neue Montreal','Helvetica Neue',Arial,sans-serif;
  --body-font:'Helvetica Neue',Arial,sans-serif;
  --section-gap:140px
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:24px
}
body {
  margin:0;
  background:#fff;
  color:var(--ink);
  font-family:var(--body-font);
  font-size:18px;
  line-height:1.23;
  -webkit-font-smoothing:antialiased
}
h1,h2,h3,p {
  margin:0
}
h1,h2,h3 {
  font-family:var(--heading-font);
  font-weight:400
}
a {
  color:inherit;
  text-decoration:none
}
button,a {
  -webkit-tap-highlight-color:transparent
}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible {
  outline:2px solid #779bb9;
  outline-offset:5px
}
img {
  display:block
}
.site-shell {
  max-width:1440px;
  margin:auto;
  overflow:clip
}
.section-gap {
  margin-top:var(--section-gap)
}
.edge-panel {
  margin-right:20px;
  margin-left:20px;
  border-radius:60px;
  overflow:hidden
}
.skip-link {
  position:fixed;
  z-index:2000;
  left:12px;
  top:-80px;
  padding:12px;
  background:white
}
.skip-link:focus {
  top:12px
}
.site-header {
  height:70px;
  padding:0 80px;
  display:flex;
  justify-content:space-between
}
.brand img {
  display:block
}
.desktop-nav {
  gap:12px
}
.desktop-nav .nav-link {
  font-size:14px;
  padding:12px 16px;
  color:#9ea4a8
}
.desktop-nav .nav-link.active {
  color:var(--ink);
  font-weight:700
}
.desktop-nav .nav-link:hover {
  color:var(--ink)
}
.btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border-radius:999px;
  font-size:16px;
  line-height:1;
  transition:background-color .2s,color .2s,box-shadow .2s;
  min-height:60px;
  width:240px;
  padding:12px;
  letter-spacing:-.16px
}
.btn-valios {
  color:white;
  background:#212324;
  border:1px solid #212324
}
.btn-valios:hover,.btn-valios:focus-visible {
  color:#fff;
  background:#3b4246;
  border-color:#3b4246;
  box-shadow:0 4px 15px #1e242620
}
.btn-valios:active {
  background:#0a0a0a!important;
  color:white!important
}
.btn-glass {
  border:1px solid #4f4f4f1f;
  background:#ffffff3d;
  box-shadow:inset 0 4px 4px #cecece40
}
.btn-glass:hover {
  background:#ffffffb3;
  border-color:#a8c7e2
}
.btn-outline-valios {
  min-height:48px;
  width:191px;
  border:1px solid #000;
  font-size:14px
}
.btn-outline-valios:hover {
  background:#212324;
  color:#fff
}
button,.btn,.btn[aria-disabled=true],.site-footer a {
  cursor:pointer
}
.menu-toggle {
  background:none;
  border:0;
  padding:10px;
  width:44px;
  height:44px
}
.menu-toggle span {
  display:block;
  height:2px;
  margin:4px 0;
  background:#a8c7e2;
  border-radius:1px
}
.hero {
  height:685px;
  position:relative;
  margin-top:12px;
  background:#edf2f5;
  isolation:isolate;
  clip-path:inset(0 round 60px)
}
.hero-art {
  position:absolute;
  inset:0
}
.hero-art img {
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.006)
}
.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  /* Overscan hides subpixel seams at the clipped media boundary. */
  transform: scale(1.006);
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
}
.hero-video.is-visible { opacity: 1; }





.hero-haze {
  position:absolute;
  left:-26%;
  top:-9.3%;
  width:94.6%;
  height:124.3%;
  background:url('../assets/imgEllipse6713.svg') center/100% 100% no-repeat;
  pointer-events:none
}
.hero-copy {
  position:absolute;
  left:60px;
  top:188px;
  width:557px
}
.hero h1 {
  font-size:60px;
  line-height:1;
  letter-spacing:-2.66px
}
.hero-copy p {
  font-size:18px;
  letter-spacing:-.18px;
  margin-top:29px;
  line-height:1.23
}
.hero-actions {
  gap:11px;
  margin-top:29px
}
.mobile-title,.mobile-break {
  display:none
}
.intro {
  padding:10px 80px
}
.intro h2 {
  font-size:48px;
  line-height:1.15;
  letter-spacing:-1px;
  text-align:center
}
.intro h2 span {
  color:#a6c7e4
}
.features {
  height:738px;
  position:relative
}
.features-background {
  position:absolute;
  inset:0 38px;
  background:url('../assets/imgSubtract.svg') center/100% 100% no-repeat
}
.feature-grid {
  height:100%
}
.feature {
  position:relative;
  height:50%;
  padding:53px 80px 49px;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.feature h3 {
  font-size:48px;
  letter-spacing:-.378px;
  line-height:.89
}
.feature p {
  font-size:18px;
  line-height:1.23;
  letter-spacing:-.18px;
  color:var(--muted);
  max-width:346px
}
.feature-products p {
  max-width:303px
}
.feature-validators,.feature-governance {
  padding-left:227px
}
.feature-validators p,.feature-governance p {
  width:413px;
  max-width:100%
}
.feature-icon {
  position:absolute;
  top:53px;
  right:65px
}
.feature-validators .feature-icon,.feature-governance .feature-icon {
  left:65px;
  right:auto
}
.feature-contribution .feature-icon,.feature-governance .feature-icon {
  top:auto;
  bottom:49px
}
.feature-orb {
  position:absolute;
  z-index:1;
  left:50%;
  top:154px;
  width:425.7px;
  height:419px;
  border-radius:50%;
  overflow:hidden;
  transform:translateX(-50%);
  pointer-events:none;
  backdrop-filter:blur(1.9px)
}
.feature-orb>div {
  position:absolute;
  width:118.65%;
  height:105.48%;
  left:-12.58%;
  top:1.03%;
  transform:scaleX(-1)
}
.feature-orb img {
  position:absolute;
  width:127.88%;
  height:146.35%;
  left:-16.1%;
  top:-20.51%
}
.journey {
  position:relative;
  height:738px;
  background:#e7f1f9;
  padding-top:103px
}
.journey-art {
  position:absolute;
  width:211.6856%;
  height:224.12%;
  left:-48.14%;
  top:-11.52%;
  transform:scaleX(-1);
  pointer-events:none
}
.journey-heading {
  position:relative;
  text-align:center;
  margin:0 auto
}
.journey h2,.dao h2,.join h2 {
  font-size:64px;
  line-height:1;
  letter-spacing:-2px
}
.journey-heading p {
  margin-top:26px;
  font-size:18px;
  line-height:1.23
}
.steps {
  position:relative;
  display:flex;
  gap:20px;
  margin:4px 60px 0;
  height:360px;
  align-items:end
}
.step {
  flex:1;
  min-width:0;
  height:300px;
  padding:24px 20px;
  border:1px solid #b2cfec25;
  border-radius:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:linear-gradient(#f0f6fa03,#ffffff03);
  box-shadow:inset 0 1px 0 #ffffffbf
}
.step:first-child,.step:last-child {
  height:360px
}
.step-number {
  font-family:var(--body-font);
  font-size:45px;
  line-height:.94;
  letter-spacing:-1.4px;
  color:var(--blue)
}
.step h3 {
  font-size:32px;
  line-height:30px;
  letter-spacing:-1.4px
}
.step p {
  font-family:var(--heading-font);
  font-size:18px;
  line-height:18px;
  letter-spacing:-.16px;
  margin-top:12px
}
.carousel-dots {
  display:none
}
.dao {
  position:relative;
  padding:0 80px
}
.dao-heading {
  position:relative;
  z-index:1
}
.dao h2 span {
  color:var(--blue)
}
.dao-heading p {
  font-size:18px;
  line-height:1.23;
  color:#6d6767;
  padding-left:10px;
  letter-spacing:-.36px
}
.dao-scene {
  height:705px;
  margin-top:40px;
  position:relative
}
.dao-art {
  position:absolute;
  left:11.5%;
  top:-56px;
  width:78.2%;
  height:748px;
  overflow:hidden;
  pointer-events:none;
  animation:dao-float 6s ease-in-out infinite
}
@keyframes dao-float {
  0%, 100% { transform:translateY(0); }
  50% { transform:translateY(-14px); }
}
.dao-art img {
  position:absolute;
  width:100%;
  height:134.05%;
  left:.61%;
  top:-18.38%
}
.dao-glow {
  position:absolute;
  left:15%;
  top:-20px;
  width:71.2%;
  height:608px;
  background:url('../assets/imgEllipse6715.svg') center/contain no-repeat
}
.dao-cards {
  position:relative;
  height:100%
}
.dao-card {
  position:absolute;
  width:27.3%;
  height:200px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:24px;
  padding:24px 20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(229,242,252,.22) 44%,rgba(199,219,237,.38));
  -webkit-backdrop-filter:blur(12px) saturate(145%);
  backdrop-filter:blur(12px) saturate(145%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 2px rgba(110,151,184,.2),0 8px 24px rgba(59,94,124,.08),0 0 0 1px rgba(148,183,210,.16)
}
.dao-card::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(ellipse at 0 0,rgba(255,255,255,.65),transparent 55%),linear-gradient(120deg,transparent 35%,rgba(255,255,255,.2) 48%,transparent 62%);
  box-shadow:inset 2px 2px 3px rgba(255,255,255,.55),inset -2px -2px 4px rgba(152,186,215,.12)
}
.dao-card > * {
  position:relative;
  z-index:1
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .dao-card {background:linear-gradient(135deg,#f5f9fcee,#e3edf5ed)}
}
.dao-card>img {
  align-self:start
}
.dao-card h3 {
  font-size:32px;
  line-height:30px;
  letter-spacing:-1.4px;
  white-space:nowrap
}
.dao-card p {
  font-size:18px;
  line-height:1.23;
  letter-spacing:-.18px;
  color:var(--muted);
  margin-top:12px
}
.growth {
  left:0;
  top:43px
}
.priorities {
  right:-1%;
  top:43px
}
.initiatives {
  left:6.7%;
  top:267px
}
.products {
  right:6.8%;
  top:267px
}
.vision {
  left:36.35%;
  bottom:14px
}
.join {
  height:670px;
  position:relative;
  overflow:hidden;
  border-radius:60px;
  background:linear-gradient(180deg,#fff 3%,#f2f7fb 46%,#b6c3d3 159%)
}
.join-copy {
  position:relative;
  z-index:1;
  padding-top:60px;
  text-align:center
}
.join h2 {
  max-width:1120px;
  margin:auto
}
.join-copy p {
  max-width:699px;
  font-size:18px;
  color:#6d6767;
  margin:29px auto
}
.crystal-pile {
  --pile-scale:1;
  position:absolute;
  left:calc(50% - 959px);
  top:350px;
  width:2071px;
  height:662px;
  pointer-events:none
}
.crystal-wrap {
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  animation:crystal-breathe var(--crystal-duration) ease-in-out var(--crystal-delay) infinite
}
@keyframes crystal-breathe {
  0%, 100% { transform:translateY(0); }
  50% { transform:translateY(calc(-1 * var(--crystal-lift) / var(--pile-scale))); }
}
.crystal {
  position:relative;
  overflow:hidden
}
.crystal img {
  position:absolute;
  height:99.81%;
  width:178.55%;
  left:-33.15%;
  top:-4.89%
}
.site-footer {
  padding:0 80px 25px
}
.footer-grid {
  --bs-gutter-x:0;
  display:grid;
  grid-template-columns:1.25fr 1fr 1.25fr 1fr 1fr;
  gap:32px
}
.footer-grid>* {
  width:100%
}
.footer-about {
  min-height:187.675px
}
.footer-about p {
  font-size:14px;
  line-height:1;
  color:#919191;
  max-width:204px;
  margin-top:24px
}
.footer-column {
  display:flex;
  flex-direction:column;
  gap:16px;
  padding-bottom:40px
}
.footer-column h2 {
  font-family:var(--body-font);
  font-size:14px;
  line-height:1;
  letter-spacing:1.92px;
  text-transform:uppercase;
  margin-bottom:4px
}
.footer-column a {
  color:#919191;
  font-size:16px;
  line-height:1.2
}
.footer-column a:hover {
  color:#212324
}
.footer-bottom {
  margin-top:24px;
  padding-top:12px;
  border-top:1px solid #a1bacc2b;
  color:var(--muted);
  font-size:15px;
  letter-spacing:-.15px
}
.offcanvas {
  --bs-offcanvas-width:295px
}
.offcanvas-header {
  padding:24px 25px
}
.offcanvas-header .btn-close {
  font-size:12px
}
.offcanvas-body {
  padding:16px 25px 24px
}
.offcanvas-body .nav {
  gap:34px
}
.offcanvas-body .nav-link {
  padding:0;
  font-size:18px
}
.offcanvas-body>.btn {
  width:191px;
  min-height:48px;
  font-size:14px
}
@media(min-width:768px) and (max-width:1439.98px) {
  :root {
    --section-gap:9.7222vw
  }
  .site-header {
    padding:0 5.5556%
  }
  .hero {
    height:47.57vw
  }
  .hero-copy {
    left:4.286%;
    top:27.45%;
    width:42%
  }
  .hero h1 {
    font-size:4.1667vw;
    letter-spacing:-.1847vw
  }
  .hero-copy p {
    font-size:clamp(14px,1.25vw,18px);
    margin-top:2.014vw
  }
  .hero-actions {
    margin-top:2.014vw
  }
  .hero-actions .btn {
    width:16.667vw;
    min-height:clamp(44px,4.167vw,60px);
    font-size:clamp(13px,1.111vw,16px)
  }
  .intro {
    padding:10px 5.5556%
  }
  .intro h2 {
    font-size:3.3333vw
  }
  .features {
    height:51.25vw
  }
  .features-background {
    inset:0 2.6389%
  }
  .feature {
    padding:3.68vw 5.5556vw 3.4vw
  }
  .feature h3 {
    font-size:3.3333vw
  }
  .feature p {
    font-size:1.25vw
  }
  .feature-validators,.feature-governance {
    padding-left:15.764vw
  }
  .feature-icon {
    right:4.514vw;
    top:3.68vw
  }
  .feature-validators .feature-icon,.feature-governance .feature-icon {
    left:4.514vw
  }
  .feature-contribution .feature-icon,.feature-governance .feature-icon {
    bottom:3.4vw
  }
  .feature-orb {
    top:10.694vw;
    width:29.56vw;
    height:29.097vw
  }
  .journey {
    height:51.25vw;
    padding-top:7.153vw
  }
  .journey h2,.dao h2,.join h2 {
    font-size:4.4444vw;
    letter-spacing:-.139vw
  }
  .journey-heading p {
    font-size:1.25vw;
    margin-top:1.806vw
  }
  .steps {
    gap:1.389vw;
    margin: .278vw 4.167vw 0;
    height:25vw
  }
  .step {
    height:20.833vw;
    padding:1.667vw 1.389vw
  }
  .step:first-child,.step:last-child {
    height:25vw
  }
  .step-number {
    font-size:3.333vw
  }
  .step h3,.dao-card h3 {
    font-size:2.2222vw;
    line-height:2.0833vw;
    letter-spacing:-.0972vw
  }
  .step p {
    font-size:1.25vw;
    line-height:1.25vw
  }
  .dao {
    padding:0 5.5556%
  }
  .dao-heading p,.dao-card p {
    font-size:1.25vw
  }
  .dao-scene {
    height:48.958vw;
    margin-top:2.778vw
  }
  .dao-art {
    top:-3.889vw;
    height:51.944vw
  }
  .dao-glow {
    height:42.22vw
  }
  .dao-card {
    height:13.889vw;
    padding:1.667vw 1.389vw
  }
  .growth,.priorities {
    top:2.986vw
  }
  .initiatives,.products {
    top:18.542vw
  }
  .vision {
    bottom:.972vw
  }
  .join {
    height:46.528vw
  }
  .join-copy {
    padding-top:4.167vw
  }
  .join h2 {
    max-width:78vw
  }
  .join-copy p {
    font-size:1.25vw;
    margin:2.014vw auto;
    max-width:48.54vw
  }
  .crystal-pile {
    --pile-scale:calc(100vw / 1440px);
    transform:scale(calc(100vw / 1440px));
    transform-origin:50% 0;
    top:24.306vw
  }
  .site-footer {
    padding:0 5.5556% 25px
  }
  .footer-grid {
    gap:20px
  }
  .footer-column a {
    font-size:14px
  }
  .footer-column h2 {
    font-size:12px
  }
}
@media(max-width:767.98px) {
  .hero { clip-path:inset(0 round 32px); }
  .hero-video {
    display: block;
    object-position: center bottom;
  }

  :root {
    --section-gap:100px
  }
  .site-header {
    height:50px;
    padding:0 16px
  }
  .edge-panel {
    margin-left:10px;
    margin-right:10px;
    border-radius:32px
  }
  .hero {
    width:calc(100% - 20px);
    min-width:0;
    height:auto;
    min-height:739px;
    aspect-ratio:617 / 1024;
    margin-top:7px
  }
  .hero-art {
    inset:0;
    width:100%;
    height:100%
  }
  .hero-art img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center bottom
  }
  .hero-haze {
    left:-20px;
    top:-30px;
    width:calc(100% + 40px);
    height:380px;
    background:linear-gradient(#f4f7f9eb 5%,#f4f7f9e0 72%,#f4f7f900);
    filter:blur(20px)
  }
  .hero-copy {
    left:15px;
    right:15px;
    top:29px;
    width:auto
  }
  .hero h1 {
    font-size:42px;
    line-height:1;
    letter-spacing:-1px
  }
  .desktop-title,.desktop-break {
    display:none
  }
  .mobile-title {
    display:inline
  }
  .mobile-break {
    display:block
  }
  .hero-copy p {
    font-size:16px;
    letter-spacing:-.16px;
    margin-top:16px;
    max-width:343px
  }
  .hero-actions {
    gap:12px;
    margin-top:16px
  }
  .hero-actions .btn {
    flex:1;
    min-width:0;
    width:auto;
    min-height:48px;
    font-size:15px;
    padding:12px 6px
  }
  .intro {
    padding:10px 16px 10px 26px
  }
  .intro h2 {
    font-size:40px;
    line-height:1.04;
    letter-spacing:-1px;
    text-align:left
  }
  .intro h2 .intro-ending {
    color:var(--ink)
  }
  .features {
    height:775px;
    margin-left:10px;
    margin-right:10px
  }
  .features-background {
    inset:0;
    background-image:url('../assets/features-mobile.svg')
  }
  .feature-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:384px 384px;
    gap:7px
  }
  .feature {
    height:384px;
    padding:12px 14px;
    width:auto;
    display:flex;
    justify-content:start
  }
  .feature-products {
    grid-column:2;
    grid-row:1
  }
  .feature-contribution {
    grid-column:1;
    grid-row:1
  }
  .feature-validators {
    grid-column:1;
    grid-row:2;
    justify-content:end
  }
  .feature-governance {
    grid-column:2;
    grid-row:2;
    justify-content:end
  }
  .feature h3 {
    font-size:28px;
    line-height:.89;
    letter-spacing:-.378px
  }
  .feature p {
    font-size:15px;
    line-height:1.23;
    letter-spacing:-.15px;
    max-width:none;
    width:auto;
    margin-top:20px
  }
  .feature-validators h3 {
    font-size:27px;
    letter-spacing:-1.5px
  }
  .feature-icon,.feature-contribution .feature-icon {
    top:auto;
    bottom:12px;
    left:14px;
    right:auto;
    transform:scale(.737);
    transform-origin:left bottom
  }
  .feature-products .feature-icon {
    left:auto;
    right:14px;
    transform-origin:right bottom
  }
  .feature-validators .feature-icon {
    left:14px;
    top:12px;
    bottom:auto;
    transform-origin:left top
  }
  .feature-governance .feature-icon {
    left:auto;
    right:14px;
    top:12px;
    bottom:auto;
    transform-origin:right top
  }
  .feature-orb {
    top:289px;
    width:199.13px;
    height:196px
  }
  .journey {
    height:780px;
    padding-top:39px
  }
  .journey-art {
    left:-358px;
    top:-4px;
    width:1535.1px;
    height:1204px
  }
  .journey-heading {
    text-align:left;
    margin:0 16px
  }
  .journey h2,.dao h2,.join h2 {
    font-size:42px;
    line-height:1;
    letter-spacing:-1px
  }
  .journey-heading h2 {
    max-width:353px
  }
  .journey-heading p {
    font-size:16px;
    line-height:1.23;
    margin-top:26px;
    max-width:339px
  }
  .steps {
    margin:80px 0 0;
    padding:0 16px;
    gap:20px;
    height:360px;
    align-items:stretch
  }
  .card-track {
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    overscroll-behavior-x:contain
  }
  .card-track::-webkit-scrollbar {
    display:none
  }
  .step,.step:first-child,.step:last-child {
    flex:0 0 240px;
    height:360px;
    padding:24px 20px;
    scroll-snap-align:start;
    scroll-margin-left:16px
  }
  .step-number {
    font-size:45px
  }
  .step h3 {
    font-size:32px;
    line-height:30px
  }
  .step p {
    font-size:18px;
    line-height:18px
  }
  .carousel-dots {
    display:flex;
    justify-content:center;
    gap:0;
    position:relative;
    margin-top:6px;
    height:30px
  }
  .carousel-dots button {
    width:18px;
    height:30px;
    border:0;
    padding:0;
    background:transparent;
    position:relative
  }
  .carousel-dots button:before {
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    left:6px;
    top:12px;
    border-radius:50%;
    background:#0000004d
  }
  .carousel-dots button[aria-current=true]:before {
    background:#000
  }
  .dao {
    padding:0;
    overflow:hidden
  }
  .dao-heading {
    padding:12px 26px 0
  }
  .dao-heading>div {
    width:100%
  }
  .dao-heading h2 {
    max-width:350px
  }
  .dao-heading p {
    padding:0;
    font-size:16px;
    line-height:1.23;
    margin-top:24px;
    letter-spacing:-.32px;
    width:calc(100% + 17px)
  }
  .dao-scene {
    height:612px;
    margin-top:0
  }
  .dao-art {
    left:calc(50% - 332px);
    top:-21px;
    width:664.37px;
    height:496px
  }
  .dao-glow {
    left:calc(50% - 455px);
    top:0;
    width:911px;
    height:608px
  }
  .dao-cards {
    position:absolute;
    top:366px;
    height:200px;
    left:0;
    right:0;
    padding:0 10px;
    gap:12px
  }
  .dao-card {
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    flex:0 0 292px;
    height:200px;
    padding:24px 20px;
    scroll-snap-align:start;
    scroll-margin-left:10px
  }
  .dao-card h3 {
    font-size:28px;
    line-height:30px;
    letter-spacing:-1.4px
  }
  .dao-card p {
    font-size:16px;
    line-height:20px;
    letter-spacing:-.16px
  }
  .dao-scene .carousel-dots {
    position:absolute;
    top:572px;
    left:0;
    right:0;
    margin:0
  }
  .join {
    margin-left:10px;
    margin-right:10px;
    height:670px;
    border-radius:32px
  }
  .join-copy {
    padding:24px 15px 0;
    text-align:left
  }
  .join-copy h2 {
    max-width:353px
  }
  .join-copy p {
    font-size:16px;
    line-height:20px;
    max-width:343px;
    margin:14px 0 40px
  }
  .join-copy .btn {
    width:280px;
    max-width:100%;
    min-height:48px;
    font-size:15px
  }
  .crystal-pile {
    --pile-scale:.843;
    top:397px;
    left:calc(50% - 706px);
    transform:scale(.843);
    transform-origin:50% 0
  }
  .site-footer {
    padding:0 16px 56px
  }
  .footer-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 8px
  }
  .footer-about {
    grid-column:1/-1;
    padding-bottom:24px;
    min-height:0
  }
  .footer-about p {
    max-width:286px;
    margin-top:10px
  }
  .footer-column {
    gap:14px;
    padding-bottom:40px
  }
  .footer-column h2 {
    font-size:14px;
    margin-bottom:2px
  }
  .footer-column a {
    font-size:14px
  }
  .footer-bottom {
    margin-top:0;
    border-color:#c6c6c6;
    font-size:12px;
    gap:12px;
    line-height:1.23
  }
  .footer-bottom a {
    white-space:nowrap
  }
}
@media(max-width:374px) {
  .hero h1,.intro h2,.journey h2,.dao h2,.join h2 {
    font-size:36px
  }
  .hero-art {
    top:0
  }
  .hero-copy p {
    font-size:15px
  }
  .hero-actions .btn {
    font-size:13px
  }
  .feature h3 {
    font-size:24px
  }
  .feature-validators h3 {
    font-size:23px
  }
  .feature p {
    font-size:14px
  }
  .feature-orb {
    width:170px;
    height:168px;
    top:304px
  }
  .journey-heading p {
    font-size:15px
  }
  .footer-bottom {
    font-size:10px
  }
  .dao-heading p {
    font-size:15px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    transition:none!important;
    animation:none!important
  }
}
.step:nth-child(4) h3 {
  font-size:31px
}
@media(min-width:768px) and (max-width:1439.98px) {
  .step:nth-child(4) h3 {
    font-size:2.1528vw
  }
}
@media (max-width: 767.98px)  {
  .intro  {
    min-height: 398px;
  }
  .crystal-pile  {
    left: calc(50% - 880.5px);
    transform-origin: 0 0;
  }
  .crystal-wrap:nth-child(3)  {
    top: -135.9px !important;
  }
  .crystal-wrap:nth-child(8)  {
    top: 8.31px !important;
  }
  .crystal-wrap:nth-child(9)  {
    left: 846.98px !important;
    top: -84.22px !important;
  }
  .crystal-wrap:nth-child(10)  {
    left: 615.66px !important;
    top: -47.45px !important;
  }
  .footer-about  {
    padding-bottom: 74.98px;
  }
  .footer-about p  {
    margin-top: 20px;
    max-width: none;
  }
  .footer-bottom  {
    margin-top: 24px;
  }
}



/* Presentation text is not selectable; actionable elements retain their pointer. */
body {
  -webkit-user-select:none;
  user-select:none;
  cursor:default;
}
a,button,.btn,.btn[aria-disabled=true],.site-footer a {cursor:pointer}