:root {
  --white--700: #fcfcfa;
  --grey--700: #051406;
  --brand--200: #00f70026;
  --space-1: .25rem;
  --space-2: .5rem;
  --system--100\<deleted\|variable-fd9dfbc5-5d4f-bce7-d59f-3bd7825dd690\>: #f3f3f3;
  --space-6: 1.5rem;
  --space-4: 1rem;
  --space-1-5: .375rem;
  --grey--1000\<deleted\|variable-83b9829b-e4b7-14bd-e043-c468771cc428\>: #fff;
  --black--100\<deleted\|variable-67bf4861-d8c1-a78d-4ea7-ac193b86d79b\>: #0c0c0d0d;
  --space-14: 3.5rem;
  --space-8: 2rem;
  --system--200\<deleted\|variable-f675d0e5-daf0-41d6-f084-1ec445535749\>: #e3e3e3;
  --space-0-5: .125rem;
  --space-2-5: .625rem;
  --space-3: .75rem;
  --system--1000\<deleted\|variable-1f75dc75-29ab-1a99-d382-cc3093b2c8a1\>: #242424;
  --brand--700: #00f700;
  --grey--100: #0514060d;
  --space-24: 6rem;
  --space-20: 5rem;
  --grey--500: #05140699;
  --space-16: 4rem;
  --grey--200: #0514061a;
  --grey--300: #05140633;
  --grey--400: #05140666;
  --space-30: 7.5rem;
  --space-12: 3rem;
  --space-3-5: .875rem;
  --space-5: 1.25rem;
  --space-7: 1.75rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-13: 3.25rem;
  --space-15: 3.75rem;
  --space-17: 4.25rem;
  --space-18: 4.5rem;
  --space-19: 4.75rem;
  --space-21: 5.25rem;
  --space-22: 5.5rem;
  --space-23: 5.75rem;
  --space-25: 6.25rem;
  --space-26: 6.5rem;
  --space-27: 6.75rem;
  --space-28: 7rem;
  --space-29: 7.25rem;
  --space-31: 7.75rem;
  --space-32: 8rem;
  --space-33: 8.25rem;
  --space-34: 8.5rem;
  --space-35: 8.75rem;
  --space-36: 9rem;
  --space-37: 9.25rem;
  --space-38: 9.5rem;
  --space-39: 9.75rem;
  --space-40: 10rem;
  --space-41: 10.5rem;
  --space-42: 11rem;
  --space-43: 11.5rem;
  --space-44: 12rem;
  --space-45: 12.5rem;
  --space-46: 13rem;
  --space-47: 13.5rem;
  --space-48: 14rem;
  --space-49: 14.5rem;
  --space-50: 15rem;
  --space-51: 15.5rem;
  --space-52: 16rem;
  --space-53: 16.5rem;
  --space-54: 17rem;
  --space-55: 17.5rem;
  --space-56: 18rem;
  --space-57: 18.5rem;
  --space-58: 19rem;
  --space-59: 19.5rem;
  --space-60: 20rem;
  --space-61: 21rem;
  --space-62: 22rem;
  --space-63: 23rem;
  --space-64: 24rem;
  --space-65: 25rem;
  --space-66: 26rem;
  --space-67: 27rem;
  --space-68: 28rem;
  --space-69: 29rem;
  --space-70: 30rem;
  --screen-xl: 1920px;
  --screen-md: 991px;
  --screen-sm: 768px;
  --screen-xs: 480px;
  --screen-lg: 1440px;
  --brand--100: #00f7001a;
  --brand--300: #00f70033;
  --brand--400: #00f70066;
  --brand--500: #00f70099;
  --brand--600: #00f700cc;
  --button-primary--buttonbackground: #fff0;
  --button-primary--buttontext: var(--grey--700);
  --button-primary--buttonborder: var(--grey--700);
  --button-primary--buttonbackgroundhover: var(--brand--700);
  --button-primary--buttontexthover: #051406;
  --button-primary--buttonborderhover: var(--brand--700);
  --button-secondary--buttonbackground: var(--grey--100);
  --button-secondary--buttontext: var(--grey--700);
  --button-secondary--buttonborder: var(--grey--100);
  --button-secondary--buttonbackgroundhover: var(--grey--700);
  --button-secondary--buttontexthover: var(--white--700);
  --button-secondary--buttonborderhover: var(--grey--700);
  --button-tertiary--buttonbackground: #fff0;
  --button-tertiary--buttontext: #303030;
  --button-tertiary--buttonborder: #fff0;
  --button-tertiary--buttonbackgroundhover: #fff0;
  --button-tertiary--buttontexthover: #303030;
  --button-tertiary--buttonborderhover: #d9d9d9;
  --white--100: #fcfcfa1a;
  --white--200: #fcfcfa26;
  --white--300: #fcfcfa33;
  --white--400: #fcfcfa66;
  --white--500: #fcfcfa99;
  --white--600: #fcfcfacc;
  --links--text-color: var(--grey--700);
  --links--underline-color: var(--grey--700);
  --grey--600: #051406cc;
}

body {
  background-color: var(--white--700);
  color: var(--grey--700);
  font-family: Suisseintl Webfont, Arial, sans-serif;
  font-size: 1.11111vw;
  font-weight: 400;
  line-height: 100%;
  transition: color .6s cubic-bezier(.075, .82, .165, 1), background-color .6s cubic-bezier(.075, .82, .165, 1);
}

h1 {
  letter-spacing: -.27rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl Webfont, Arial, sans-serif;
  font-size: 4.5em;
  font-weight: 400;
  line-height: 98%;
}

h2 {
  letter-spacing: -.2rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl Webfont, Arial, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 110%;
}

h3 {
  letter-spacing: -.125rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl Webfont, Arial, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 110%;
}

h4 {
  letter-spacing: -.1rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl Webfont, Arial, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 110%;
}

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

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

p {
  letter-spacing: -.00875rem;
  margin-bottom: 0;
  font-family: Suisseintl Book Webfont, Arial, sans-serif;
  font-size: .875rem;
  line-height: 136%;
}

a {
  font-family: Suisseintl Book Webfont, Arial, sans-serif;
  text-decoration: underline;
}

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

.page-wrapper {
  width: 100%;
  height: 100%;
}

.page-wrapper.is--404 {
  max-height: 100svh;
  overflow: hidden;
}

.spacing-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bg--brand-300 {
  background-color: var(--brand--200);
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
}

.section {
  position: relative;
}

.section.oveflow-hidden {
  overflow: hidden;
}

.min-h-full {
  min-height: 100svh;
}

.min-h-full.is--home-hero {
  position: relative;
  overflow: hidden;
}

.style-guide__home-hero {
  aspect-ratio: 1;
  background-color: #005fff;
  border-radius: 100%;
  width: 50%;
}

.style-guide__home-hero.is--yellow {
  aspect-ratio: 1;
  background-color: #ffe50073;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(25%, 25%);
  box-shadow: 20px 20px 200px 200px #ffe50073;
}

.style-guide__home-hero.is--blue {
  background-color: #005fff80;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-25%, -25%);
  box-shadow: 20px 20px 200px 200px #005fff80;
}

.style-guide__hero-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.style-guide__hero-text {
  position: relative;
}

.style-guide__hero-badge {
  padding: var(--space-1) var(--space-2);
  border-radius: var(--space-1);
  color: var(--system--100\<deleted\|variable-fd9dfbc5-5d4f-bce7-d59f-3bd7825dd690\>);
  background-color: #005fff;
  font-weight: 300;
  position: absolute;
  inset: 0% -1em auto auto;
  transform: translate(100%);
}

.style-guide__navigation {
  z-index: 5;
  grid-column-gap: var(--space-6);
  grid-row-gap: var(--space-6);
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.style-guide__navigation-link {
  font-size: .875rem;
}

.style-guide__navigation-button {
  padding: var(--space-2) var(--space-4);
  border-radius: var(--space-1-5);
  color: var(--grey--1000\<deleted\|variable-83b9829b-e4b7-14bd-e043-c468771cc428\>);
  background-color: #015fff;
  font-size: .875rem;
}

.style-guide__docs-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.style-guide__docs-sidebar {
  border-radius: var(--space-2);
  background-color: var(--black--100\<deleted\|variable-67bf4861-d8c1-a78d-4ea7-ac193b86d79b\>);
  flex-flow: column;
  font-size: .875rem;
  display: flex;
  position: sticky;
  top: 1rem;
}

.style-guide__docs-sidebar-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.style-guide__block {
  padding: var(--space-14) var(--space-8);
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.style-guide__block.is--secondary {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.style-guide__list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.style-guide__list-item {
  padding-bottom: var(--space-2);
  grid-column-gap: var(--space-1-5);
  grid-row-gap: var(--space-1-5);
  border-bottom: 1px solid var(--system--100\<deleted\|variable-fd9dfbc5-5d4f-bce7-d59f-3bd7825dd690\>);
  flex-flow: column;
  display: flex;
}

.style-guide__list-item.is--buttons {
  justify-content: flex-start;
  align-items: flex-start;
}

.style-guide__list-item-description {
  font-size: .75rem;
  font-weight: 300;
}

.text-size-1 {
  font-size: 1rem;
  line-height: 100%;
}

.text-size-1-25 {
  font-size: 1.25rem;
  line-height: 100%;
}

.text-size-0-875 {
  font-size: .875rem;
  line-height: 100%;
}

.text-size-0-75 {
  font-size: .75rem;
  line-height: 100%;
}

.text-size-1-125 {
  font-size: 1.125rem;
  line-height: 100%;
}

.text-size-1-375 {
  font-size: 1.375rem;
  line-height: 100%;
}

.text-size-1-5 {
  font-size: 1.5rem;
  line-height: 100%;
}

.text-size-0-625 {
  font-size: .625rem;
  line-height: 100%;
}

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

.style-guide__grid.is--spacing {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.style-guide__spacing-block {
  border-radius: var(--space-1);
  background-color: var(--system--200\<deleted\|variable-f675d0e5-daf0-41d6-f084-1ec445535749\>);
}

.style-guide__spacing-block._1 {
  height: var(--space-0-5);
}

.style-guide__spacing-block._2 {
  height: var(--space-1);
}

.style-guide__spacing-block._3 {
  height: var(--space-1-5);
}

.style-guide__spacing-block._4 {
  height: var(--space-2);
}

.style-guide__spacing-block._5, .style-guide__spacing-block._6 {
  height: var(--space-2-5);
}

.style-guide__spacing-block._7 {
  height: var(--space-3);
}

.style-guide__spacing-block._8 {
  height: var(--space-4);
}

.text-size-1-75 {
  font-size: 1.75rem;
  line-height: 100%;
}

.text-size-2 {
  font-size: 2rem;
  line-height: 100%;
}

.erte {
  background-color: var(--system--1000\<deleted\|variable-1f75dc75-29ab-1a99-d382-cc3093b2c8a1\>);
}

.button-primary, .button-secondary {
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
}

.button-secondary.button.is--nav {
  min-height: 2.5em;
}

.button-text {
  line-height: 100%;
}

.button-text__medium {
  font-size: .875rem;
  line-height: 100%;
}

.button-text__large {
  font-size: 1rem;
  line-height: 100%;
}

.button {
  letter-spacing: .04813em;
  text-transform: uppercase;
  border-style: solid;
  border-width: 2px;
  border-radius: 6.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: .875em 1.125em;
  font-family: Suisseintlmono Webfont, Arial, sans-serif;
  font-size: .6875em;
  line-height: 130%;
  display: flex;
}

.button-medium {
  padding: var(--space-1-5) var(--space-3);
  font-size: .75rem;
}

.button-large {
  padding: var(--space-2) var(--space-4);
  font-size: 1rem;
}

.icon-1-1 {
  justify-content: center;
  align-items: center;
  width: 1.25em;
  height: 1.25em;
  display: flex;
}

.button-icon {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-height: 2.5em;
  padding: .875em 1em .875em 1.5em;
  display: flex;
}

.button-icon.button.button-primary {
  justify-content: center;
}

.link-small {
  letter-spacing: -.00875rem;
  font-family: Suisseintl Webfont, Arial, sans-serif;
  font-size: .875em;
  line-height: 126%;
}

.link-medium {
  font-size: .875em;
}

.link-large {
  letter-spacing: -.225rem;
  font-family: Suisseintl Webfont, Arial, sans-serif;
  font-size: 4.5em;
  line-height: 98%;
}

.lead {
  letter-spacing: -.91rem;
  font-size: 13em;
  line-height: 100%;
}

.lead._2 {
  z-index: 5;
  position: relative;
}

.h2 {
  letter-spacing: -.2rem;
  font-size: 4em;
  line-height: 110%;
}

.h1 {
  letter-spacing: -.27rem;
  font-size: 4.5em;
  line-height: 98%;
}

.h3 {
  letter-spacing: -.125rem;
  font-size: 2.5em;
  line-height: 110%;
}

.h4 {
  letter-spacing: -.1rem;
  font-size: 2em;
  line-height: 110%;
}

.body-m {
  letter-spacing: -.00875rem;
  font-family: Suisseintl Book Webfont, Arial, sans-serif;
  font-size: .875em;
  line-height: 136%;
}

.body-m.max-w-20em {
  max-width: 13em;
}

.navbar {
  background-color: #ddd0;
  padding-top: .75rem;
  padding-bottom: .75rem;
  transition: transform .3s, background-color .3s;
  position: fixed;
  inset: 0% 0% auto;
}

.container {
  width: 100%;
  max-width: 92em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
}

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

.container.is--footer {
  grid-column-gap: 19.69em;
  grid-row-gap: 19.69em;
  flex-flow: column;
  display: flex;
}

.container._404 {
  z-index: 1;
  pointer-events: none;
  position: relative;
}

.container.is--jobs {
  max-width: 54em;
}

.nav-link {
  padding: 0;
  font-family: Suisseintl Book Webfont, Arial, sans-serif;
}

.nav-link.link-small.hover-underline-lr.w--current {
  color: var(--grey--700);
}

.nav-logo__link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--grey--700);
  justify-content: flex-start;
  align-items: center;
  font-family: Suisseintl Book Webfont, Arial, sans-serif;
  display: flex;
}

.nav-logo__link.is--fake {
  color: var(--brand--700);
}

.logo {
  width: 100%;
  height: 100%;
}

.logo.nav-logo {
  width: 3rem;
  height: 3rem;
}

.logo.nav-logo.is--footer {
  width: 12.125em;
  height: auto;
  position: relative;
  top: -1.6em;
}

.nav-menu__content {
  grid-column-gap: 4.06rem;
  grid-row-gap: 4.06rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-menu__content-buttons {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.theme-toggle {
  aspect-ratio: 1;
  background-color: var(--grey--100);
  border-radius: 100%;
  height: 2.5em;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.theme-toggle.is--mob {
  display: none;
}

.theme-toggle__icon {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: transform .3s cubic-bezier(.075, .82, .165, 1);
  display: flex;
  position: absolute;
  inset: 0%;
}

.dark-theme {
  --white--700: #fcfcfa;
  --grey--700: #051406;
  --brand--200: #00f70026;
  --space-1: .25rem;
  --space-2: .5rem;
  --system--100\<deleted\|variable-fd9dfbc5-5d4f-bce7-d59f-3bd7825dd690\>: #f3f3f3;
  --space-6: 1.5rem;
  --space-4: 1rem;
  --space-1-5: .375rem;
  --grey--1000\<deleted\|variable-83b9829b-e4b7-14bd-e043-c468771cc428\>: #fff;
  --black--100\<deleted\|variable-67bf4861-d8c1-a78d-4ea7-ac193b86d79b\>: #0c0c0d0d;
  --space-14: 3.5rem;
  --space-8: 2rem;
  --system--200\<deleted\|variable-f675d0e5-daf0-41d6-f084-1ec445535749\>: #e3e3e3;
  --space-0-5: .125rem;
  --space-2-5: .625rem;
  --space-3: .75rem;
  --system--1000\<deleted\|variable-1f75dc75-29ab-1a99-d382-cc3093b2c8a1\>: #242424;
  --brand--700: #00f700;
  --grey--100: #0514060d;
  --space-24: 6rem;
  --space-20: 5rem;
  --grey--500: #05140699;
  --space-16: 4rem;
  --grey--200: #0514061a;
  --grey--300: #05140633;
  --grey--400: #05140666;
  --space-30: 7.5rem;
  --space-12: 3rem;
  --space-3-5: .875rem;
  --space-5: 1.25rem;
  --space-7: 1.75rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-13: 3.25rem;
  --space-15: 3.75rem;
  --space-17: 4.25rem;
  --space-18: 4.5rem;
  --space-19: 4.75rem;
  --space-21: 5.25rem;
  --space-22: 5.5rem;
  --space-23: 5.75rem;
  --space-25: 6.25rem;
  --space-26: 6.5rem;
  --space-27: 6.75rem;
  --space-28: 7rem;
  --space-29: 7.25rem;
  --space-31: 7.75rem;
  --space-32: 8rem;
  --space-33: 8.25rem;
  --space-34: 8.5rem;
  --space-35: 8.75rem;
  --space-36: 9rem;
  --space-37: 9.25rem;
  --space-38: 9.5rem;
  --space-39: 9.75rem;
  --space-40: 10rem;
  --space-41: 10.5rem;
  --space-42: 11rem;
  --space-43: 11.5rem;
  --space-44: 12rem;
  --space-45: 12.5rem;
  --space-46: 13rem;
  --space-47: 13.5rem;
  --space-48: 14rem;
  --space-49: 14.5rem;
  --space-50: 15rem;
  --space-51: 15.5rem;
  --space-52: 16rem;
  --space-53: 16.5rem;
  --space-54: 17rem;
  --space-55: 17.5rem;
  --space-56: 18rem;
  --space-57: 18.5rem;
  --space-58: 19rem;
  --space-59: 19.5rem;
  --space-60: 20rem;
  --space-61: 21rem;
  --space-62: 22rem;
  --space-63: 23rem;
  --space-64: 24rem;
  --space-65: 25rem;
  --space-66: 26rem;
  --space-67: 27rem;
  --space-68: 28rem;
  --space-69: 29rem;
  --space-70: 30rem;
  --screen-xl: 1920px;
  --screen-md: 991px;
  --screen-sm: 768px;
  --screen-xs: 480px;
  --screen-lg: 1440px;
  --brand--100: #00f7001a;
  --brand--300: #00f70033;
  --brand--400: #00f70066;
  --brand--500: #00f70099;
  --brand--600: #00f700cc;
  --button-primary--buttonbackground: #fff0;
  --button-primary--buttontext: var(--grey--700);
  --button-primary--buttonborder: var(--grey--700);
  --button-primary--buttonbackgroundhover: var(--brand--700);
  --button-primary--buttontexthover: #051406;
  --button-primary--buttonborderhover: var(--brand--700);
  --button-secondary--buttonbackground: var(--grey--100);
  --button-secondary--buttontext: var(--grey--700);
  --button-secondary--buttonborder: var(--grey--100);
  --button-secondary--buttonbackgroundhover: var(--grey--700);
  --button-secondary--buttontexthover: var(--white--700);
  --button-secondary--buttonborderhover: var(--grey--700);
  --button-tertiary--buttonbackground: #fff0;
  --button-tertiary--buttontext: #303030;
  --button-tertiary--buttonborder: #fff0;
  --button-tertiary--buttonbackgroundhover: #fff0;
  --button-tertiary--buttontexthover: #303030;
  --button-tertiary--buttonborderhover: #d9d9d9;
  --white--100: #fcfcfa1a;
  --white--200: #fcfcfa26;
  --white--300: #fcfcfa33;
  --white--400: #fcfcfa66;
  --white--500: #fcfcfa99;
  --white--600: #fcfcfacc;
  --links--text-color: var(--grey--700);
  --links--underline-color: var(--grey--700);
  --grey--600: #051406cc;
}

.hero-content {
  z-index: 1;
  grid-column-gap: 3.38em;
  grid-row-gap: 3.38em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 100svh;
  padding-bottom: 1.375em;
  display: flex;
  position: relative;
}

.hero-content.grid-container {
  grid-auto-flow: row dense;
  place-items: end start;
}

.grid-container {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.grid-container.mb-12 {
  margin-bottom: 3em;
}

.hero-bg__wrapper {
  aspect-ratio: 16 / 9;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.hero-bg {
  object-fit: cover;
  height: 100%;
}

.values-content {
  padding-top: 16.13em;
  padding-bottom: 3.12em;
}

.values-content__description {
  margin-bottom: var(--space-20);
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading {
  letter-spacing: .04813em;
  text-transform: uppercase;
  font-family: Suisseintlmono Webfont, Arial, sans-serif;
  font-size: .6875em;
  line-height: 130%;
}

.text-grey-500 {
  color: var(--grey--500);
}

.values-content__description-text {
  max-width: 17em;
}

.values-content__grid {
  grid-column-gap: 4.06rem;
  grid-row-gap: 6.94rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.value-content__grid-item {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.catch-content {
  grid-column-gap: 1.94rem;
  grid-row-gap: 1.94rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 13.12em;
  padding-bottom: 15.19em;
  display: flex;
  position: relative;
}

.steps-content {
  background-color: var(--grey--100);
  padding-top: 9em;
  padding-bottom: 9em;
}

.steps-content.is--devs {
  background-color: #05140600;
}

.text-indent {
  text-indent: 12.003vw;
}

.step-block.is--traders, .step-block.is--developers {
  border-bottom: 1px solid var(--grey--200);
}

.step-block__top {
  overflow: hidden;
}

.step-block__top.py-10 {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.text-grey-300 {
  color: var(--grey--300);
}

.step-block__top-content {
  min-height: 30em;
  position: relative;
}

.step-block__image {
  width: 71.678%;
  height: 148.309%;
  position: absolute;
  left: 14.161%;
}

.step-block__image.is--2, .step-block__image.is--1 {
  height: 100%;
}

.step-block__image.is--3 {
  width: 88.141%;
  height: 100%;
  left: 5.9295%;
}

.step-block__blur {
  z-index: 1;
  filter: blur(18px);
  -webkit-backdrop-filter: blur(42px);
  backdrop-filter: blur(42px);
  background-color: #ffffff03;
  border-radius: 47.791rem;
  position: absolute;
}

.step-block__blur.is--1 {
  width: 48rem;
  height: 13.7368rem;
  bottom: -36%;
  left: -17%;
  transform: rotate(-45deg);
}

.step-block__blur.is--1.hidden {
  display: none;
}

.step-block__blur.is--2 {
  width: 61.1016rem;
  height: 17.5628rem;
  bottom: -24%;
  right: -51%;
  transform: rotate(30deg);
}

.footer {
  padding-top: 7.38rem;
  padding-bottom: 2.19rem;
  position: relative;
}

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

.footer-nav__block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-grey-400 {
  color: var(--grey--400);
}

.footer-nav__list {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4.25em;
  padding-left: 0;
  display: flex;
}

.link-icon {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.footer-grid__container-bottom {
  grid-column-gap: .5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-link {
  grid-column-gap: .69em;
  grid-row-gap: .69em;
}

.footer-link.icon-link {
  grid-column-gap: .69em;
  grid-row-gap: .69em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-overlay {
  z-index: -1;
  position: absolute;
  inset: 0% 0% auto;
}

.nav-content__wrapper {
  border-radius: 3rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.step-block__bottom {
  overflow: hidden;
}

.preloader {
  z-index: 99999;
  color: var(--brand--700);
  background-color: #051406;
  justify-content: center;
  align-items: center;
  height: 100svh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.preloader-logo__wrapper {
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.preloader-text {
  letter-spacing: .04813rem;
  text-transform: uppercase;
  font-family: Suisseintlmono Webfont, Arial, sans-serif;
  font-size: .6875rem;
  position: absolute;
  inset: 50% auto auto 1rem;
  transform: translate(0, -50%);
}

.preloader-text.is--percents {
  left: auto;
  right: 1rem;
}

.preloader-logo {
  width: 5rem;
  height: 5rem;
}

.fake-nav {
  color: var(--brand--700);
  padding-top: .75rem;
  padding-bottom: .75rem;
  position: absolute;
  inset: 0% 0% auto;
}

.jobs-content {
  padding-top: var(--space-30);
  padding-bottom: var(--space-30);
  margin-left: auto;
  margin-right: auto;
}

.jobs-content__block {
  margin-bottom: var(--space-12);
  grid-column-gap: var(--space-4);
  grid-row-gap: var(--space-4);
  flex-flow: column;
  display: flex;
}

.jobs-rt ul {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: .5rem;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.jobs-rt li {
  letter-spacing: -.00875rem;
  font-size: .875rem;
  line-height: 136%;
}

.jobs-rt a {
  text-decoration: underline;
}

.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;
}

._404-content {
  padding-top: var(--space-30);
  padding-bottom: var(--space-4);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100svh;
  display: flex;
}

._404-text {
  letter-spacing: -1.1rem;
  font-family: Suisseintl Webfont, Arial, sans-serif;
  font-size: 8rem;
  line-height: 65%;
}

.catch-content__line {
  grid-column-gap: 3.819vw;
  grid-row-gap: 3.819vw;
  margin-left: auto;
  display: inline-flex;
}

.catch-content__line.is--left {
  margin-left: 0;
}

.catch-content__image-1 {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.catch-content__image-2 {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

._404-scene {
  pointer-events: auto;
  position: absolute;
  inset: 0%;
}

._5 {
  z-index: 3;
  position: relative;
}

.preloader-logo__embed {
  width: 100%;
  height: 100%;
}

.preloader-logo__embed.nav-logo {
  width: 3rem;
  height: 3rem;
}

.preloader-logo__embed.nav-logo.is--footer {
  width: 12.125rem;
  height: auto;
}

.large-link__icon {
  width: 6em;
  height: 6em;
}

.svg-1__path-1 {
  perspective-origin: 50%;
  transform-origin: 50%;
  transform: perspective(1000px);
}

.svg-1__path-2 {
  perspective-origin: 50%;
  transform-origin: 22%;
  transform: perspective(1000px)perspective(1000px);
}

.svg-2__path-3 {
  perspective-origin: 50%;
  transform-origin: 50%;
}

.svg-3__path-1, .svg-3__path-2, .svg-3__path-3 {
  transform-origin: 50%;
}

.nav-logo__text {
  letter-spacing: -.01125em;
  font-size: 1.125em;
  line-height: 136%;
}

@media screen and (min-width: 1440px) {
  .values-content.grid-container {
    margin-bottom: var(--space-0-5);
  }

  .catch-content__image-1 {
    position: absolute;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 1rem;
  }

  h1 {
    letter-spacing: -.075rem;
    font-size: 1.875rem;
    line-height: 108%;
  }

  h2, h3, h4 {
    letter-spacing: -.07rem;
    font-size: 1.75rem;
  }

  .button-secondary.button.is--nav {
    color: var(--brand--700);
    background-color: #00f7001a;
  }

  .button-icon.button.button-primary.is--nav {
    color: #051406;
    background-color: #00f700;
  }

  .lead {
    letter-spacing: -.525rem;
    font-size: 7.5rem;
  }

  .h2 {
    letter-spacing: -.07rem;
    font-size: 1.75rem;
  }

  .h1 {
    letter-spacing: -.075rem;
    font-size: 1.875rem;
    line-height: 108%;
  }

  .h3, .h4 {
    letter-spacing: -.07rem;
    font-size: 1.75rem;
  }

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

  .nav-link.link-small.hover-underline-lr {
    letter-spacing: -.075rem;
    margin-left: 0;
    margin-right: 0;
    font-size: 1.875rem;
    line-height: 108%;
  }

  .nav-logo__link {
    margin-bottom: -.1875rem;
    padding-left: .25rem;
  }

  .logo.nav-logo {
    width: 2rem;
    height: auto;
  }

  .logo.nav-logo.is--footer {
    width: 7.5rem;
    margin-bottom: .1875rem;
    margin-left: -.25rem;
    top: 0;
  }

  .nav-menu {
    z-index: -1;
    height: 0;
    display: block;
    position: absolute;
    inset: -.75rem -1rem auto;
    overflow: hidden;
  }

  .nav-button {
    background-color: var(--grey--700);
    color: var(--white--700);
    border-radius: 6.25rem;
  }

  .nav-button.button-text__medium {
    text-transform: uppercase;
    height: 100%;
    min-height: 2.5rem;
    padding: 1rem 1.5rem;
    font-size: .6875rem;
  }

  .nav-button.button-text__medium.w--open {
    background-color: #00f7001a;
  }

  .nav-menu__content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    color: var(--brand--700);
    background-color: #051406;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100svh;
    padding: 10.19rem 1rem 1.5rem;
    position: absolute;
    inset: 0 0 auto;
  }

  .nav-menu__content-buttons {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: auto;
    display: grid;
  }

  .theme-toggle.is--mob {
    margin-left: auto;
    display: block;
  }

  .theme-toggle.is--desktop {
    display: none;
  }

  .hero-content {
    justify-content: space-between;
    padding-top: 8.5rem;
  }

  .hero-bg__wrapper {
    top: 50%;
    transform: translate(0, -50%);
  }

  .values-content {
    padding-top: var(--space-24);
    padding-bottom: var(--space-24);
  }

  .values-content__description {
    margin-bottom: var(--space-20);
  }

  .steps-content {
    padding-top: var(--space-24);
    padding-bottom: var(--space-24);
  }

  .step-block__image.is--2, .step-block__image.is--1, .step-block__image.is--3 {
    height: 100%;
  }

  .footer-grid__container-bottom {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  .nav-content__wrapper {
    z-index: 3;
    background-color: var(--grey--100);
    border-radius: 3rem;
    padding: .25rem;
    position: relative;
  }

  .nav-button__icon {
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }

  .nav-button__content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    min-height: 100%;
    display: flex;
    position: relative;
  }

  .catch-content__line {
    white-space: nowrap;
  }

  .catch-content__image-2 {
    object-fit: cover;
    max-width: none;
    height: 100%;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
  }

  .preloader-logo__embed.nav-logo {
    width: 2rem;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .link-large.text {
    letter-spacing: -.0875rem;
    font-size: 1.75rem;
  }

  .container.is--trade {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu__content-buttons {
    width: 100%;
  }

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

  .grid-container.is--step {
    grid-row-gap: 2.5rem;
  }

  .hero-bg__wrapper {
    aspect-ratio: auto;
    justify-content: center;
    align-items: stretch;
    height: 40%;
    display: flex;
  }

  .hero-bg {
    max-width: none;
    height: auto;
    min-height: auto;
  }

  .catch-content {
    overflow: hidden;
  }

  .steps-content {
    padding-top: var(--space-16);
    padding-bottom: var(--space-16);
  }

  .step-block__top-content {
    min-height: 17.5rem;
  }

  .footer-link {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .footer-overlay {
    overflow: hidden;
  }

  .step-block__bottom.py-10 {
    padding-top: 0;
  }

  .large-link__icon {
    width: 2rem;
    height: 2rem;
  }

  .footer-overlay-img {
    min-height: 40rem;
  }
}

@media screen and (max-width: 479px) {
  .hero-bg {
    position: relative;
    left: -50%;
  }

  .values-content__description {
    margin-bottom: var(--space-14);
  }

  .values-content__grid {
    grid-row-gap: 3.5rem;
    grid-template-columns: 1fr;
  }

  .catch-content {
    justify-content: center;
    align-items: center;
  }

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

  .step-block__image.is--2, .step-block__image.is--1, .step-block__image.is--3 {
    width: 100%;
    position: static;
    left: 0%;
  }

  .catch-content__line {
    margin-left: 0;
  }

  .footer-overlay-img {
    min-height: 50rem;
  }
}

#w-node-dff68498-6425-1932-b003-3d4f8775cec4-aba9f6e9 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-b1e27830-bb11-87b3-c35f-8cb8ab29f592-aba9f6e9 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_89d0407e-af7d-4992-673c-b23d8b95d6eb-aba9f6e9 {
  grid-column: span 3 / span 3;
}

#w-node-a168a24d-e2f1-9a6d-a288-6704d469d954-aba9f6e9 {
  grid-area: 1 / 5 / 2 / 9;
}

#w-node-_2bda4b06-427b-8b16-2938-47ede725190c-aba9f6e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_516e0795-bed4-b367-f1d5-51717d3d77b8-aba9f6e9 {
  grid-area: 1 / 2 / 2 / 9;
}

#w-node-bebf29d1-3209-69a9-4044-6df62f518cb5-aba9f6e9 {
  grid-area: 1 / 5 / 2 / 9;
  justify-self: start;
}

#w-node-a63605f9-5225-9ac7-6ea7-b3d0ff746ae8-aba9f6e9 {
  grid-area: 1 / 2 / 2 / 9;
}

#w-node-_5dfb2b0c-416b-4f9a-52f3-6024190e9dfd-aba9f6e9 {
  grid-area: 1 / 5 / 2 / 9;
  justify-self: start;
}

#w-node-_7c8b3aa5-7779-d46d-b697-b9558968c8f7-8968c8f4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: start;
}

#w-node-_7c8b3aa5-7779-d46d-b697-b9558968c8f9-8968c8f4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e1ea8cea-ca29-52cb-0f09-ff303fc44dca-3fc44dc5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e1ea8cea-ca29-52cb-0f09-ff303fc44dcc-3fc44dc5 {
  grid-area: 1 / 5 / 2 / 8;
}

#w-node-f5b9a1de-c30b-0ec1-4f09-b615aabad409-aabad404 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f5b9a1de-c30b-0ec1-4f09-b615aabad40b-aabad404 {
  grid-area: 1 / 5 / 2 / 8;
}

#w-node-b4bd161a-2872-97d8-0ced-6cf23a8a616c-ec7f3d10 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-fc74c8d3-3451-1411-32e5-f85249309254-ec7f3d10, #w-node-_55d74d91-91d8-a1db-7b4f-a56187fd7f4f-ec7f3d10, #w-node-_2a9eaaec-f3a5-6fc6-68d1-0e23dc4ba223-ec7f3d10, #w-node-_7643ff16-d613-264c-d3d4-8c86d725da89-ec7f3d10, #w-node-_87726bc3-2011-bec1-fd85-2aed82e43b19-ec7f3d10, #w-node-_7270eaab-fc12-55bb-2cf6-58c90069b632-ec7f3d10 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

@media screen and (min-width: 1440px) {
  #w-node-dff68498-6425-1932-b003-3d4f8775cec4-aba9f6e9 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-b1e27830-bb11-87b3-c35f-8cb8ab29f592-aba9f6e9 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_89d0407e-af7d-4992-673c-b23d8b95d6eb-aba9f6e9 {
    grid-column: span 3 / span 3;
  }

  #w-node-a168a24d-e2f1-9a6d-a288-6704d469d954-aba9f6e9 {
    grid-area: 1 / 5 / 2 / 9;
  }

  #w-node-e1ea8cea-ca29-52cb-0f09-ff303fc44dcc-3fc44dc5, #w-node-f5b9a1de-c30b-0ec1-4f09-b615aabad40b-aabad404 {
    grid-area: 1 / 5 / 2 / 7;
  }
}

@media screen and (max-width: 991px) {
  #w-node-dff68498-6425-1932-b003-3d4f8775cec4-aba9f6e9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b1e27830-bb11-87b3-c35f-8cb8ab29f592-aba9f6e9 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_89d0407e-af7d-4992-673c-b23d8b95d6eb-aba9f6e9 {
    grid-column: span 5 / span 5;
  }

  #w-node-a168a24d-e2f1-9a6d-a288-6704d469d954-aba9f6e9 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_7c8b3aa5-7779-d46d-b697-b9558968c8f9-8968c8f4 {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-f5b9a1de-c30b-0ec1-4f09-b615aabad40b-aabad404 {
    grid-area: 1 / 5 / 2 / 8;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_89d0407e-af7d-4992-673c-b23d8b95d6eb-aba9f6e9 {
    grid-column: span 4 / span 4;
  }

  #w-node-a168a24d-e2f1-9a6d-a288-6704d469d954-aba9f6e9 {
    grid-column-end: 5;
  }

  #w-node-bebf29d1-3209-69a9-4044-6df62f518cb5-aba9f6e9, #w-node-_5dfb2b0c-416b-4f9a-52f3-6024190e9dfd-aba9f6e9 {
    grid-area: 1 / 1 / 2 / 9;
    justify-self: stretch;
  }

  #w-node-_7c8b3aa5-7779-d46d-b697-b9558968c925-8968c8f4 {
    order: 9999;
  }

  #w-node-e1ea8cea-ca29-52cb-0f09-ff303fc44dca-3fc44dc5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-e1ea8cea-ca29-52cb-0f09-ff303fc44dcc-3fc44dc5 {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-f5b9a1de-c30b-0ec1-4f09-b615aabad409-aabad404 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f5b9a1de-c30b-0ec1-4f09-b615aabad40b-aabad404 {
    grid-area: 2 / 1 / 3 / 5;
  }
}

@media screen and (max-width: 479px) {
  #w-node-dff68498-6425-1932-b003-3d4f8775cec4-aba9f6e9 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}


@font-face {
  font-family: 'Suisseintl Webfont';
  src: url('../fonts/suisseintl-regular-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintlmono Webfont';
  src: url('../fonts/suisseintlmono-regular-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl Book Webfont';
  src: url('../fonts/suisseintl-book-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}