:root {
  --vh: 1vh;
  --default-font: "Britti Sans";
  --header-font: "Feature Display";
  --is-mobile: 0;
  --ref-screen-width: 1440;
  --site-padding-x: min(60px, calc(40 * 100vw / var(--ref-screen-width)));
  --site-padding-y: var(--site-padding-x);
  --grid-columns: 16;
  --grid-rows: 1;
  --grid-gap-scale: 0.15;
  --grid-gap-width: calc(
    (100vw - var(--site-padding-x) * 2) /
      ((var(--grid-columns) / var(--grid-gap-scale)) + var(--grid-columns) - 1)
  );
  --grid-column-width: calc(var(--grid-gap-width) / var(--grid-gap-scale));
  --grid-span-width: calc(var(--grid-gap-width) + var(--grid-column-width));
  --grid-span-1: calc(var(--grid-span-width) * 1 + var(--grid-column-width));
  --grid-span-2: calc(var(--grid-span-width) * 2 + var(--grid-column-width));
  --grid-span-3: calc(var(--grid-span-width) * 3 + var(--grid-column-width));
  --grid-span-4: calc(var(--grid-span-width) * 4 + var(--grid-column-width));
  --grid-span-5: calc(var(--grid-span-width) * 5 + var(--grid-column-width));
  --grid-span-6: calc(var(--grid-span-width) * 6 + var(--grid-column-width));
  --grid-span-7: calc(var(--grid-span-width) * 7 + var(--grid-column-width));
  --grid-span-8: calc(var(--grid-span-width) * 8 + var(--grid-column-width));
  --grid-span-9: calc(var(--grid-span-width) * 9 + var(--grid-column-width));
  --grid-span-10: calc(var(--grid-span-width) * 10 + var(--grid-column-width));
  --grid-span-11: calc(var(--grid-span-width) * 11 + var(--grid-column-width));
  --grid-span-12: calc(var(--grid-span-width) * 12 + var(--grid-column-width));
  --grid-span-13: calc(var(--grid-span-width) * 13 + var(--grid-column-width));
  --grid-span-14: calc(var(--grid-span-width) * 14 + var(--grid-column-width));
  --grid-span-15: calc(var(--grid-span-width) * 15 + var(--grid-column-width));
  --grid-span-16: calc(var(--grid-span-width) * 16 + var(--grid-column-width));
  --color-white: #f3f4f6;
  --color-black: #0b0f17;
  --color-pure-white: #fff;
  --color-pure-black: #000;
  --color-dark-link: #38bdf8;
  --color-dark-link-2: #7dd3fc;
  --color-dark-green: #0b0f17;
  --color-light-green: #38bdf8;
  --color-light-green2: #00f0ff;
  --content-width: calc(100vw - var(--site-padding-x) * 2);
  --content-unit: calc(var(--content-width) / var(--ref-screen-width));
  --h1: max(80px, calc(var(--content-unit) * 200));
  --h2: max(65px, calc(var(--content-unit) * 110));
  --h3: max(55px, calc(var(--content-unit) * 80));
  --sub1: max(16px, calc(var(--content-unit) * 22));
  --sub2: max(18px, calc(var(--content-unit) * 18));
  --body1: max(16px, calc(var(--content-unit) * 20));
  --body2: max(14px, calc(var(--content-unit) * 16));
  --btn1: max(16px, calc(var(--content-unit) * 16));
  --btn2: max(16px, calc(var(--content-unit) * 18));
  --preloader: max(30px, calc(var(--content-unit) * 45));
  --link-footer: max(14px, calc(var(--content-unit) * 16));
  --default: calc(var(--content-unit) * 16);
}

@media (max-width: 991.98px) {
  :root {
    --grid-columns: 8;
    --ref-screen-width: 768;
  }
}

h1,
h2,
h3,
.h {
  font-family: var(--header-font);
  font-weight: 200;
  margin: 0;
  padding: 0;
  line-height: 1;
}

h1 {
  font-size: var(--h1);
}

h2 {
  font-size: var(--h2);
}

h3 {
  font-size: var(--h3);
}

.sub1,
.sub2 {
  font-family: var(--header-font);
  font-weight: 400;
}

.sub1 {
  font-size: var(--sub1);
}

.sub2 {
  font-size: var(--sub2);
}

.body1 {
  font-family: var(--default-font);
  font-weight: 300;
  font-size: var(--body1);
}

.body2 {
  font-family: var(--default-font);
  font-weight: 400;
  font-size: var(--body2);
}

.btn1,
.button {
  font-family: var(--default-font);
  font-weight: 600;
  font-size: var(--btn1);
}

.btn2 {
  font-family: var(--header-font);
  font-weight: 400;
  font-size: var(--btn2);
}

.link-footer {
  font-family: var(--default-font);
  font-weight: 600;
  font-size: var(--link-footer);
  color: var(--color-dark-link);
  text-decoration: none;
}

.preloader {
  font-family: var(--header-font);
  font-weight: 200;
  font-size: var(--preloader);
}

@font-face {
  font-family: Feature Display;
  font-weight: 200;
  font-style: normal;
  font-display: block;
  src: url(/fonts/FeatureDisplay-Extralight.woff2) format("woff2");
}

@font-face {
  font-family: Feature Display;
  font-weight: 400;
  font-style: normal;
  font-display: block;
  src: url(/fonts/FeatureDisplay-Regular.woff2) format("woff2");
}

@font-face {
  font-family: Britti Sans;
  font-weight: 400;
  font-style: normal;
  font-display: block;
  src: url(/fonts/BrittiSans-Regular.woff2) format("woff2");
}

@font-face {
  font-family: Britti Sans;
  font-weight: 300;
  font-style: normal;
  font-display: block;
  src: url(/fonts/BrittiSans-Light.woff2) format("woff2");
}

@font-face {
  font-family: Britti Sans;
  font-weight: 600;
  font-style: normal;
  font-display: block;
  src: url(/fonts/BrittiSans-Semibold.woff2) format("woff2");
}

html {
  width: 100%;
  height: 100%;
  color: var(--color-white);
  line-height: 1.4;
}

body {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  overscroll-behavior: none;
  touch-action: none;
}

* {
  box-sizing: border-box;
}

sup {
  position: relative;
  display: inline-block;
  font-size: 0.6em;
}

.o-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  grid-template-rows: repeat(var(--rows, 1), 1fr);
  grid-column-gap: var(--grid-gap-width);
  grid-row-gap: 0px;
  height: 100%;
}

.o-grid > * {
  grid-column: auto/span var(--grid-column-span, var(--grid-columns));
  grid-column-start: var(--grid-column-start, auto);
}

#canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#pages-container {
  position: relative;
  width: 100%;
  min-height: calc(var(--vh) * 100);
}

.page {
  opacity: 0;
}

section {
  position: relative;
  width: 100%;
}

.o-container {
  width: 100%;
  padding: 0 var(--site-padding-x);
}

.button {
  position: relative;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 0.8em;
  height: 3em;
  padding: 0.4em 0.4em 0.4em 1.5em;
  border-radius: 1.5em;
  cursor: pointer;
  color: var(--color-dark-green);
  transition: color 0.25s ease-in-out;
  cursor: default;
}

.button span {
  position: relative;
  height: 1.25em;
  transition:
    opacity 0.25s ease-out,
    transform 0.25s ease-out;
}

.button span:nth-child(1) {
  opacity: 1;
}

.button span:nth-child(2) {
  position: absolute;
  margin-left: -0.5ex;
  opacity: 0;
  transform: translateY(1em);
}

.button:hover span:nth-child(1),
.button.tooltip-enabled span:nth-child(1) {
  opacity: 0;
  transform: translateY(-1em);
}

.button:hover span:nth-child(2),
.button.tooltip-enabled span:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
}

.button svg {
  position: relative;
  display: flex;
  height: 100%;
  fill: var(--color-dark-green);
}

.button:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1.5em;
  background: var(--color-light-green);
  transition:
    transform 0.25s ease-in-out,
    background 0.25s ease-in-out,
    box-shadow 0.25s ease-in-out;
}

.button:hover:before {
  transform: scale(0.97);
}

.button.is-transparent {
  background: none;
  color: var(--color-white);
}

.button.is-transparent:before {
  backdrop-filter: blur(8px);
  background: linear-gradient(180deg, #f8f7f233, #f8f7f21a);
  box-shadow: inset 0 1px 1px #f8f7f266;
}

.button.is-transparent:hover:before {
  box-shadow: inset 0 0 1px #f8f7f266;
}

.button.is-transparent svg {
  fill: var(--color-white);
}

#navbar {
  position: fixed;
  top: 50%;
  left: var(--site-padding-x);
  transform: translateY(-50%);
  z-index: 5;
}

@media (max-width: 991.98px) {
  #navbar {
    top: auto;
    bottom: var(--site-padding-y);
    left: 50%;
    transform: translate(-50%);
  }
}

#navbar ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0em;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 991.98px) {
  #navbar ul {
    flex-direction: row;
    gap: 0.5em;
  }
}

#navbar ul li {
  cursor: pointer;
}

#navbar ul li svg > rect {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

#navbar ul li svg > path.path-up {
  transform: translateY(1px);
  transition: transform 0.25s ease-in-out;
}

#navbar ul li svg > path.path-down {
  transform: translateY(-1px);
  transition: transform 0.25s ease-in-out;
}

#navbar ul li.is-active svg > path {
  fill: var(--color-light-green2);
}

#navbar ul li.is-active svg > rect {
  fill: var(--color-light-green2);
  opacity: 1;
}

#navbar ul li.is-active svg > path.path-up {
  transform: translateY(0);
}

#navbar ul li.is-active svg > path.path-down {
  transform: translateY(0);
}

#navbar ul li:hover svg > path.path-up {
  transform: translateY(0);
}

#navbar ul li:hover svg > path.path-down {
  transform: translateY(0);
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0b0f17;
  z-index: 1000;
}

.is-ready #preloader {
  background-color: transparent;
}

#preloader-percent {
  position: absolute;
  bottom: var(--site-padding-y);
  left: 50%;
  transform: translate(-50%);
  color: #fff;
}

#preloader-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

:root {
  --site-header: 24px;
}

#site-header {
  position: fixed;
  left: var(--site-padding-x);
  right: var(--site-padding-x);
  top: var(--site-padding-y);
  height: var(--site-header);
  z-index: 5;
}

#site-header__desktop {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 991.98px) {
  #site-header__desktop {
    display: none;
  }
}

#site-header__logo svg {
  display: block;
  aspect-ratio: 150/32;
  width: 100%;
  height: 100%;
  fill: var(--color-white);
  transition: fill 0.25s ease-in-out;
  pointer-events: none;
}

@media (max-width: 991.98px) {
  #site-header__logo svg {
    display: none;
  }
}

#site-header__logo a {
  pointer-events: auto;
}

#site-header__logo.is-dark svg {
  fill: var(--color-dark-green);
}

#site-header__mobile {
  --bg-opacity: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 4px 0 1rem;
}

#site-header__mobile:before {
  content: "";
  position: absolute;
  inset: -4px 0;
  z-index: -1;
  border-radius: 1000px;
  backdrop-filter: blur(8px);
  opacity: var(--bg-opacity);
  background: linear-gradient(180deg, #f8f7f233, #f8f7f21a);
  box-shadow: inset 0 1px 1px #f8f7f266;
}

@media (min-width: 992px) {
  #site-header__mobile {
    display: none;
  }
}

#site-header__mobile-logo {
  transform: translateY(2px);
}

#site-header__mobile-logo > a > svg {
  display: block;
}

#site-header__mobile-cta {
  gap: 0.5rem;
  height: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1rem;
}

#site-header__mobile-cta svg {
  fill: var(--color-white);
  fill: var(--color-dark-green);
}

#site-header__mobile-cta:before {
  background: var(--color-white);
}

#site-footer {
  min-height: 40vw;
  background-color: var(--color-white);
  color: var(--color-black);
}

#site-footer .o-container {
  height: 40vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#site-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: var(--site-padding-y);
  left: var(--site-padding-x);
  right: var(--site-padding-x);
}

#site-footer__bottom #site-footer__bottom-left {
  flex: 1;
}

#site-footer__bottom #site-footer__bottom-center {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#site-footer__bottom #site-footer__bottom-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#scroll-indicator {
  position: fixed;
  top: 10px;
  right: 0.8em;
  width: 0;
  height: calc(var(--vh) * 100 - 20px);
  z-index: 10;
}

@media (max-width: 767.98px) {
  #scroll-indicator {
    right: 0.25em;
  }
}

#scroll-indicator__bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 200px;
  border-radius: 3px;
  background-color: var(--color-white);
}

#home-hero {
  padding-bottom: calc(var(--vh) * 100);
}

#home-hero .section__content {
  height: calc(var(--vh) * 100);
}

@media (max-width: 991.98px) {
  #home-hero .kicker {
    position: relative;
    padding-bottom: 0.5rem;
  }
}

#home-hero .title {
  visibility: hidden;
}

#home-hero__trusted-by {
  position: absolute;
  bottom: calc(var(--site-padding-y) * 0.75);
  width: 100%;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2em;
  justify-content: center;
  align-items: center;
}

#home-hero__trusted-by span {
  font-weight: 300;
}

#home-hero__trusted-by-logos {
  position: relative;
  width: 100vw;
  height: 1.8em;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0,
    white 20%,
    white 80%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0,
    white 20%,
    white 80%,
    transparent 100%
  );
}

#home-hero__trusted-by-logos > *:last-child {
  animation: logo-list-animB var(--logo-list-duration) linear infinite;
  position: absolute;
  top: 0;
  transform: translate(100%);
}

.home-hero__trusted-by-logo-list {
  animation: logo-list-animA var(--logo-list-duration) linear infinite;
  display: flex;
  position: absolute;
  height: 100%;
  left: 0;
}

.home-hero__trusted-by-logo-list svg {
  position: relative;
  height: 100%;
  fill: var(--color-white);
  padding-right: 7.5em;
}

@keyframes logo-list-animA {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}

@keyframes logo-list-animB {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(0);
  }
}

#home-everblade {
  padding-bottom: calc(var(--vh) * 500);
}

#home-everblade .section__content {
  height: calc(var(--vh) * 100);
}

#home-everblade .title-wrapper {
  position: relative;
  display: flex;
}

#home-everblade .title {
  z-index: 2;
  line-height: 0.8;
}

#home-everblade .title > span {
  display: inline-block;
  transform: translate(0.4ex);
  overflow: hidden;
}

#home-everblade .title > span:nth-child(1) span {
  padding-right: 0.25em;
  display: block;
  transform: translateY(0.15ex);
}

#home-everblade .title > span:nth-child(2) span {
  padding-left: 0.25em;
  display: block;
  transform: translateY(0.15ex);
}

@media (max-width: 991.98px) {
  #home-everblade .title {
    display: flex;
    position: relative;
    left: auto;
    bottom: auto;
  }
  #home-everblade .title > span {
    padding-bottom: 2rem;
  }
  #home-everblade .title span:nth-child(1) {
    display: block;
    transform: none;
    position: relative;
  }
  #home-everblade .title span:nth-child(1) span {
    padding-right: 0;
  }
  #home-everblade .title span:nth-child(2) {
    display: block;
    transform: none;
    position: relative;
    margin-left: 0.4ex;
  }
  #home-everblade .title span:nth-child(2) span {
    padding-left: 0;
  }
}

#home-everblade .subtitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 28ch;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  gap: 0.25rem;
}

#home-everblade .subtitle span {
  text-align: center;
  z-index: 1;
  display: block;
  width: 100%;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  #home-everblade .subtitle {
    flex-direction: column;
    font-size: 1.1rem;
  }
  #home-everblade .subtitle span {
    transform: none;
    display: block;
  }
  #home-everblade .subtitle span:nth-child(3) {
    display: block;
  }
}

#home-everblade #home-everblade__logo {
  --width: calc(1.75 * var(--h1));
  --opacity: 1;
  position: absolute;
  height: var(--width);
  width: var(--width);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

@media (max-width: 991.98px) {
  #home-everblade #home-everblade__logo {
    --width: min(30vh, 90vw);
  }
}

#home-everblade #home-everblade__logo div {
  position: relative;
  height: 0;
  width: var(--width);
  padding-bottom: var(--width);
}

#home-everblade #home-everblade__logo div:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 65%;
  height: 65%;
  backdrop-filter: blur(calc(0.15em * var(--opacity)));
  background: rgba(255, 255, 255, calc(0.03 * var(--opacity)));
  z-index: -2;
}

#home-everblade .description {
  position: absolute;
  left: 50%;
  bottom: var(--site-padding-y);
  transform: translate(-50%);
  max-width: 50ch;
  text-align: center;
  padding-top: 2rem;
}

@media (max-width: 991.98px) {
  #home-everblade .description {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    margin: 0 auto;
  }
}

#home-everblade__logo-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  aspect-ratio: 1/1;
}

#home-evernet {
  padding-bottom: calc(var(--vh) * 75);
}

#home-evernet .section__content {
  height: calc(var(--vh) * 100);
}

#home-evernet .title-wrapper {
  position: relative;
}

#home-evernet .title {
  line-height: 0.8;
  overflow: hidden;
  padding-bottom: 2rem;
}

#home-evernet .title > span {
  display: inline-block;
  transform: translateY(0.15ex);
}

#home-evernet .subtitle > span {
  display: inline-block;
}

#home-evernet .description {
  max-width: 46ch;
  text-align: center;
  margin: 0 auto;
  padding-top: 2rem;
}

#home-evernet__logo {
  --opacity: 1;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  margin: 0 auto;
  z-index: 0;
  height: calc(1.5 * var(--h1));
  width: calc(1.5 * var(--h1));
  pointer-events: none;
}

#home-evernet__logo:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 33%;
  width: 33%;
  transform: translate(-50%, -50%) rotate(-45deg);
  backdrop-filter: blur(calc(8px * var(--opacity)));
  background: rgba(255, 255, 255, calc(0.1 * var(--opacity)));
}

#home-evernet__logo-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  aspect-ratio: 1/1;
}

#home-everyone {
  padding-bottom: calc(var(--vh) * 400);
}

#home-everyone .section__content {
  height: calc(var(--vh) * 100);
}

#home-everyone .section__content > div:not(.kicker) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2em;
  position: absolute;
}

#home-everyone .section__content > div:not(.kicker) .icon-wrapper {
  --opacity: 0;
  padding-bottom: var(--h3);
  position: relative;
  width: var(--h3);
  height: 0;
  transform-origin: 50% 50%;
}

#home-everyone .section__content > div:not(.kicker) .icon-wrapper:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: calc(var(--h3) * 0.666);
  height: calc(var(--h3) * 0.666);
  backdrop-filter: blur(calc(8px * var(--opacity)));
  background: rgba(255, 255, 255, calc(0.1 * var(--opacity)));
  z-index: -1;
}

#home-everyone .section__content > div:not(.kicker) .icon-wrapper svg {
  width: var(--h3);
  height: var(--h3);
  opacity: var(--opacity);
}

@media (max-width: 991.98px) {
  #home-everyone .section__content > div:not(.kicker) {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  #home-everyone .section__content > div:not(.kicker) .icon-wrapper:before {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}

#home-everyone .kicker {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: var(--site-padding-y);
}

@media (max-width: 991.98px) {
  #home-everyone .kicker {
    margin-top: calc(var(--site-padding-y) * 6);
  }
}

#home-everyone .title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

@media (max-width: 991.98px) {
  #home-everyone .title {
    width: 100%;
    text-align: center;
  }
}

#home-everyone .subtitle {
  max-width: 35ch;
}

@media (max-width: 991.98px) {
  #home-everyone .subtitle {
    max-width: 40ch;
    width: 100%;
    margin: 0 auto;
  }
}

#home-everyone__lps {
  flex-direction: column !important;
  align-items: center !important;
  top: auto;
  left: 50%;
  bottom: calc(var(--site-padding-y) * 0);
  transform: translate(-50%, -50%);
  text-align: center !important;
  gap: 1.5em !important;
}

#home-everyone__lps .title {
  width: 100% !important;
}

#home-everyone__lps .icon-wrapper:before {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

@media (max-width: 991.98px) {
  #home-everyone__lps {
    top: auto;
    left: 50%;
    bottom: calc(var(--site-padding-y) * 3);
    transform: translate(-50%);
  }
}

@media (max-width: 767.98px) {
  #home-everyone__lps {
    bottom: calc(var(--site-padding-y) * 6);
  }
}

#home-everyone__borrowers {
  left: 27%;
  top: 75%;
  transform: translate(-2rem, -50%);
}

@media (max-width: 991.98px) {
  #home-everyone__borrowers {
    top: auto;
    left: 50%;
    bottom: calc(var(--site-padding-y) * 3);
    transform: translate(-50%);
  }
}

@media (max-width: 767.98px) {
  #home-everyone__borrowers {
    bottom: calc(var(--site-padding-y) * 6);
  }
}

#home-everyone__traders {
  left: 62%;
  top: 75%;
  transform: translate(-2rem, -50%);
}

@media (max-width: 991.98px) {
  #home-everyone__traders {
    top: auto;
    left: 50%;
    bottom: calc(var(--site-padding-y) * 3);
    transform: translate(-50%);
  }
}

@media (max-width: 767.98px) {
  #home-everyone__traders {
    bottom: calc(var(--site-padding-y) * 6);
  }
}

#home-relayers {
  padding-bottom: calc(var(--vh) * 100);
}

#home-relayers .section__content {
  height: calc(var(--vh) * 100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1em;
}

#home-relayers .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(1.5 * var(--h1));
  width: calc(1.5 * var(--h1));
  z-index: 0;
}

#home-relayers .title {
  margin-top: 1em;
}

#home-relayers .description {
  max-width: 36ch;
  text-align: center;
}

@media (max-width: 991.98px) {
  #home-relayers .description {
    max-width: 35ch;
  }
}

#home-relayers__logo-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  aspect-ratio: 1/1;
}

#home-pool {
  padding-bottom: calc(var(--vh) * 200);
}

#home-pool .section__content {
  height: calc(var(--vh) * 100);
  pointer-events: none;
}

#home-pool .content-inner {
  width: 100%;
  height: calc(var(--vh) * 100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1em;
  perspective: 600px;
  transform-style: preserve-3d;
}

#home-pool .title-wrapper {
  transform-style: preserve-3d;
  pointer-events: auto;
}

#home-pool .title {
  text-shadow: 0 0 0.12em rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991.98px) {
  #home-pool .title {
    text-align: center;
  }
}

#home-pool .title {
  transform-style: preserve-3d;
}

#home-pool .description {
  text-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
  max-width: 52ch;
  text-align: center;
  transform-style: preserve-3d;
  pointer-events: auto;
}

@media (max-width: 991.98px) {
  #home-pool .description {
    max-width: 38ch;
  }
}

#home-pool__cta {
  --width: 0px;
  transform-origin: 50% 50%;
  pointer-events: auto;
}

#home-pool__cta:before {
  inset: 0;
}

#home-join {
  padding-bottom: calc(var(--vh) * 0);
}

#home-join .section__content {
  height: calc(var(--vh) * 100);
}

#home-join .title-wrapper {
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 40%;
  text-align: center;
}

@media (max-width: 991.98px) {
  #home-join .title {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

#home-join .subtitle {
  letter-spacing: 0.18px;
}

#home-join__buttons {
  position: relative;
  margin-top: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.8em;
  height: 2.5em;
  line-height: 2.6em;
  padding: 0 1.5em;
  color: var(--color-dark-green);
  border-radius: 2em;
  overflow: hidden;
}

#home-join__buttons span {
  transition: transform 0.18s;
}

#home-join__buttons a {
  position: relative;
  display: block;
  height: 100%;
  cursor: pointer;
  color: inherit;
}

#home-join__buttons a span {
  display: inline-block;
}

#home-join__buttons a:hover span {
  transform: scale(1.03);
}

#home-join__buttons:before {
  --width: 0px;
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  height: 100%;
  background: var(--color-light-green);
}

#home-join-link-footers {
  position: absolute;
  bottom: var(--site-padding-y);
  left: var(--site-padding-x);
  right: var(--site-padding-x);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#home-join-link-footers a:nth-child(2) {
  text-align: right;
}

#home-join-link-footers a {
  transition:
    transform 0.18s,
    color 0.18s;
  color: var(--color-dark-link);
}

#home-join-link-footers a:hover {
  transform: scale(1.02);
  color: var(--color-dark-link-2);
}

.section {
  position: relative;
}

.section__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--site-padding-y) var(--site-padding-x);
}

.kicker {
  margin-top: calc(var(--site-padding-y) + 0.7em);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.title-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
  justify-content: center;
  align-items: center;
}

.title {
  text-shadow: 0 0 0.12em rgba(0, 0, 0, 0.3);
}

.subtitle,
.description {
  text-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
}

#about-hero {
  padding-top: calc(var(--site-padding-y) * 2 + var(--site-header));
}

#about-hero__title {
  margin: 1em 0;
}

.dg.ac {
  z-index: 10000;
}

#transition-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

::selection {
  background: #38bdf8;
  color: #0b0f17;
  text-shadow: none;
}

::-moz-selection {
  background: #38bdf8;
  color: #0b0f17;
  text-shadow: none;
}