:root {
  --colors--depth--color-depth-0: #181818;
  --typography--font-family--font-family-text: Unbounded, sans-serif;
  --colors--neutral--color-text: var(--colors--neutral--white--color-white-85);
  --typography--font-size--font-size-text-m: 16px;
  --typography--line-height--line-heght-subtitle-3: 26px;
  --typography--font-family--font-family-heading: Unbounded, sans-serif;
  --colors--neutral--color-heading: var(--colors--neutral--white--color-white);
  --typography--font-size--font-size-heading-1: 38px;
  --typography--line-height--line-heght-heading-1: 48px;
  --typography--font-size--font-size-heading-2: 30px;
  --typography--line-height--line-heght-heading-2: 38px;
  --typography--font-size--font-size-heading-3: 24px;
  --typography--line-height--line-heght-heading-3: 30px;
  --typography--font-size--font-size-heading-4: 20px;
  --typography--line-height--line-heght-heading-4: 24px;
  --typography--line-height--line-heght-text-m: 24px;
  --colors--neutral--color-caption-link: var(--colors--neutral--white--color-white-85);
  --colors--neutral--white--color-white: #fff;
  --colors--brand--color-primary-6: #e92882;
  --button--y-padding-m: 12px;
  --button--x-padding-m: 20px;
  --button--icon-x-margin-m: 8px;
  --colors--neutral--color-transparent: #fff0;
  --button--border-radius: 12px;
  --typography--font-size--font-size-text-s: 14px;
  --typography--line-height--line-heght-text-s: 22px;
  --button--y-padding-l: 15px;
  --button--x-padding-l: 24px;
  --button--icon-x-margin-l: 10px;
  --button--size-m: 48px;
  --colors--neutral--white--color-white-45: #ffffff73;
  --colors--neutral--white--color-white-85: #ffffffd9;
  --button--size-l: 56px;
  --colors--brand--color-primary: #dd0571;
  --colors--neutral--white--color-white-4: #ffffff0a;
  --colors--brand--color-gradient-1: #007cf0;
  --colors--brand--color-gradient-2: #ff0080;
  --colors--brand--color-gradient-3: #00dfd8;
  --header--x-padding-button: 32px;
  --header--x-padding-logo: 32px;
  --colors--neutral--color-grid: var(--colors--neutral--white--color-white-9);
  --spacing--static--spacing-3: 3rem;
  --icon--size-l: 20px;
  --icon--size-s: 16px;
  --icon--size-xs: 14px;
  --icon--size-xl: 24px;
  --colors--neutral--white--color-white-15: #ffffff26;
  --colors--neutral--color-caption: var(--colors--neutral--white--color-white-45);
  --typography--font-size--font-size-group-title-s: 12px;
  --typography--line-height--line-heght-group-title-s: 18px;
  --typography--font-size--font-size-text-l: 18px;
  --typography--line-height--line-heght-text-l: 26px;
  --typography--font-size--font-size-group-title-l: 16px;
  --icon--size-m: 18px;
  --icon--size-xxs: 12px;
  --typography--font-size--font-size-text-xs: 12px;
  --typography--line-height--line-heght-text-xs: 18px;
  --typography--font-size--font-size-group-title-m: 14px;
  --typography--line-height--line-heght-group-title-m: 22px;
  --typography--font-size--font-size-heading-extra-3: 74px;
  --typography--line-height--line-heght-heading-extra-3: 92px;
  --typography--font-size--font-size-heading-extra-2: 60px;
  --typography--line-height--line-heght-heading-extra-2: 74px;
  --typography--font-size--font-size-heading-extra-1: 48px;
  --typography--line-height--line-heght-heading-extra-1: 60px;
  --typography--font-size--font-size-subtitle-3: 18px;
  --typography--font-size--font-size-subtitle-extra: 34px;
  --typography--line-height--line-heght-subtitle-extra-1: 50px;
  --typography--font-size--font-size-subtitle-1: 28px;
  --typography--line-height--line-heght-subtitle-1: 42px;
  --typography--font-size--font-size-subtitle-2: 22px;
  --typography--line-height--line-heght-subtitle-2: 32px;
  --colors--brand--color-secondary: #056ed1;
  --icon--size-xxl: 32px;
  --colors--neutral--color-card-bg: #0b0b0b;
  --colors--depth--color-depth-4: #1f1f1f;
  --spacing--adaptive--spacing-xxs: 1rem;
  --spacing--adaptive--spacing-l: 3rem;
  --colors--neutral--black--color-black-65: #010101a6;
  --spacing--static--spacing-2: 2rem;
  --spacing--static--spacing-1-25: 1.25rem;
  --spacing--adaptive--spacing-s: 2rem;
  --colors--neutral--black--color-black-85: #010101d9;
  --spacing--static--spacing-1: 1rem;
  --spacing--static--spacing-0-75: .75rem;
  --spacing--static--spacing-0-5: .5rem;
  --spacing--static--spacing-0-25: .25rem;
  --spacing--static--spacing-1-5: 1.5rem;
  --button--size-s: 40px;
  --button--x-padding-s: 16px;
  --button--y-padding-s: 9px;
  --button--icon-x-margin-s: 6px;
  --colors--brand--color-primary-1: #351a2a;
  --colors--brand--color-primary-2: #4e1734;
  --colors--brand--color-primary-3: #62163c;
  --colors--brand--color-primary-4: #84114b;
  --colors--brand--color-primary-5: #b10b5e;
  --colors--brand--color-primary-7: #f44f97;
  --colors--brand--color-primary-8: #f877ab;
  --colors--brand--color-primary-9: #fba0c2;
  --colors--brand--color-primary-focused: #dd0571a6;
  --colors--brand--color-secondary-1: #1a2533;
  --colors--brand--color-secondary-2: #17304a;
  --colors--brand--color-secondary-3: #163b5e;
  --colors--brand--color-secondary-4: #11497d;
  --colors--brand--color-secondary-5: #0b5ba7;
  --colors--brand--color-secondary-6: #2790e6;
  --colors--brand--color-secondary-7: #4faff4;
  --colors--brand--color-secondary-8: #77c7f8;
  --colors--brand--color-secondary-9: #a0dbfb;
  --colors--brand--color-secondary-focused: #056ed1a6;
  --colors--depth--color-depth-8: #2a2a2a;
  --colors--depth--color-depth-16: #343434;
  --colors--depth--color-depth-64: #3e3e3e;
  --colors--neutral--black--color-black: #010101;
  --colors--neutral--black--color-black-45: #01010173;
  --colors--neutral--black--color-black-25: #01010140;
  --colors--neutral--black--color-black-15: #01010126;
  --colors--neutral--black--color-black-9: #01010117;
  --colors--neutral--black--color-black-4: #0101010a;
  --colors--neutral--black--color-black-2: #01010105;
  --colors--neutral--white--color-white-65: #ffffffa6;
  --colors--neutral--white--color-white-25: #ffffff40;
  --colors--neutral--white--color-white-9: #ffffff17;
  --colors--neutral--color-focused: var(--colors--brand--color-primary-focused);
  --colors--neutral--color-icon: var(--colors--neutral--white--color-white);
  --spacing--adaptive--spacing-xxxs: .5rem;
  --spacing--adaptive--spacing-xs: 1.5rem;
  --spacing--adaptive--spacing-m: 2.5rem;
  --spacing--adaptive--spacing-xl: 4rem;
  --spacing--adaptive--spacing-xxl: 6rem;
  --spacing--adaptive--spacing-xxxl: 9rem;
  --spacing--static--spacing-1-75: 1.75rem;
  --spacing--static--spacing-2-25: 2.25rem;
  --spacing--static--spacing-2-5: 2.5rem;
  --spacing--static--spacing-2-75: 2.75rem;
  --typography--line-height--line-heght-group-title-l: 24px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root {
    /* Spacing */
    --spacing--adaptive--spacing-xxxs: 0.375rem;
    --spacing--adaptive--spacing-xxs: 0.75rem;
    --spacing--adaptive--spacing-xs: 1.125rem;
    --spacing--adaptive--spacing-s: 1.5rem;
    --spacing--adaptive--spacing-m: 1.875rem;
    --spacing--adaptive--spacing-l: 2.25rem;
    --spacing--adaptive--spacing-xl: 3rem;
    --spacing--adaptive--spacing-xxl: 4.5rem;
    --spacing--adaptive--spacing-xxxl: 6.75rem;
  }
}
@media (max-width: 1024px) {
  :root {
    /* Button */
    --button--size-l: 64px;
    --button--size-m: 56px;
    --button--size-s: 48px;
    --button--x-padding-l: 28px;
    --button--x-padding-m: 24px;
    --button--x-padding-s: 20px;
    --button--y-padding-l: 19px;
    --button--y-padding-m: 16px;
    --button--y-padding-s: 13px;
  }
}
@media (max-width: 767px) {
  :root {
    /* Font Size */
    --typography--font-size--font-size-heading-extra-3: 60px;
    --typography--font-size--font-size-heading-extra-2: 48px;
    --typography--font-size--font-size-heading-extra-1: 38px;
    --typography--font-size--font-size-subtitle-extra: 28px;
    --typography--font-size--font-size-heading-1: 30px;
    --typography--font-size--font-size-subtitle-1: 22px;
    --typography--font-size--font-size-heading-2: 24px;
    --typography--font-size--font-size-subtitle-2: 18px;
    --typography--font-size--font-size-heading-3: 20px;
    --typography--font-size--font-size-subtitle-3: 16px;
    --typography--font-size--font-size-heading-4: 18px;
    /* Line Height */
    --typography--line-height--line-heght-heading-extra-3: 74px;
    --typography--line-height--line-heght-heading-extra-2: 60px;
    --typography--line-height--line-heght-heading-extra-1: 48px;
    --typography--line-height--line-heght-subtitle-extra: 42px;
    --typography--line-height--line-heght-heading-1: 38px;
    --typography--line-height--line-heght-subtitle-1: 32px;
    --typography--line-height--line-heght-heading-2: 30px;
    --typography--line-height--line-heght-subtitle-2: 26px;
    --typography--line-height--line-heght-heading-3: 24px;
    --typography--line-height--line-heght-subtitle-3: 24px;
    --typography--line-height--line-heght-heading-4: 22px;
    /* Spacing */
    --spacing--adaptive--spacing-xxxs: 0.25rem;
    --spacing--adaptive--spacing-xxs: 0.5rem;
    --spacing--adaptive--spacing-xs: 0.75rem;
    --spacing--adaptive--spacing-s: 1rem;
    --spacing--adaptive--spacing-m: 1.25rem;
    --spacing--adaptive--spacing-l: 1.5rem;
    --spacing--adaptive--spacing-xl: 2rem;
    --spacing--adaptive--spacing-xxl: 3rem;
    --spacing--adaptive--spacing-xxxl: 4.5rem;
    /* Header */
    --header--x-padding-button: 12px;
    --header--x-padding-logo: 16px;
  }
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

body {
  background-color: var(--colors--depth--color-depth-0);
  font-family: var(--typography--font-family--font-family-text);
  color: var(--colors--neutral--color-text);
  font-size: var(--typography--font-size--font-size-text-m);
  line-height: var(--typography--line-height--line-heght-subtitle-3);
  flex-flow: column;
  font-weight: 300;
}

h1 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-1);
  line-height: var(--typography--line-height--line-heght-heading-1);
  letter-spacing: 1.9px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h2 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-2);
  line-height: var(--typography--line-height--line-heght-heading-2);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h3 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-3);
  line-height: var(--typography--line-height--line-heght-heading-3);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h4 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-4);
  line-height: var(--typography--line-height--line-heght-heading-4);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

p {
  font-family: var(--typography--font-family--font-family-text);
  color: var(--colors--neutral--color-text);
  font-size: var(--typography--font-size--font-size-text-m);
  line-height: var(--typography--line-height--line-heght-text-m);
  margin-bottom: 0;
  font-weight: 300;

}

h1, h2, h3, h4, p {
  word-break: keep-all;
}

a {
  color: var(--colors--neutral--color-caption-link);
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: var(--colors--neutral--white--color-white);
  -webkit-text-stroke-color: var(--colors--brand--color-primary-6);
}

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

.button-content {
  padding: var(--button--y-padding-m) var(--button--x-padding-m);
  grid-column-gap: var(--button--icon-x-margin-m);
  grid-row-gap: var(--button--icon-x-margin-m);
  border: 1px solid var(--colors--neutral--color-transparent);
  border-radius: var(--button--border-radius);
  background-color: var(--colors--neutral--color-transparent);
  font-family: var(--typography--font-family--font-family-text);
  font-size: var(--typography--font-size--font-size-text-s);
  line-height: var(--typography--line-height--line-heght-text-s);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  font-weight: 500;
  display: inline-flex;
}

.button-content.large {
  padding: var(--button--y-padding-l) var(--button--x-padding-l);
  grid-column-gap: var(--button--icon-x-margin-l);
  grid-row-gap: var(--button--icon-x-margin-l);
  font-size: var(--typography--font-size--font-size-text-m);
  line-height: var(--typography--line-height--line-heght-text-m);
}

.button-content.icon {
  padding: 0;
}

.button-content.icon.light {
  width: var(--button--size-m);
  height: var(--button--size-m);
  border-width: 1px;
  border-color: var(--colors--neutral--white--color-white-45);
  color: var(--colors--neutral--white--color-white-85);
  padding: 0;
}

.button-content.icon.light:hover {
  border-color: var(--colors--neutral--white--color-white);
  color: var(--colors--neutral--white--color-white);
}

.button-content.icon.light.large {
  width: var(--button--size-l);
  height: var(--button--size-l);
}

.button-content.ghost {
  color: var(--colors--brand--color-primary);
}

.button-content.ghost.icon.left {
  margin-left: 8px;
}

.button-content.ghost.icon.left.light {
  color: var(--colors--neutral--white--color-white-85);
}

.button {
  border-radius: var(--button--border-radius);
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-primary, .button-ghost {
  border-radius: var(--button--border-radius);
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-primary a {
  width: 100%;
}

.button-ghost.icon-left.light.large {
  padding: var(--button--y-padding-l) var(--button--x-padding-l);
  border: 1px solid var(--colors--neutral--white--color-white-45);
  color: var(--colors--neutral--white--color-white-85);
}

.button-ghost.icon-left.light.large:hover {
  border-color: var(--colors--neutral--white--color-white);
  color: var(--colors--neutral--white--color-white);
}

.glowing-borders {
  aspect-ratio: 1;
  width: 200%;
  position: absolute;
  background: conic-gradient(from 270deg at 50% 50%, rgba(255, 255, 255, 0.05) 0deg, rgba(255, 255, 255, 0.65) 200deg, rgba(255, 255, 255, 0.65) 280deg, rgba(255, 255, 255, 0.05) 360deg);
  border-radius: 999px;
}

.glowing-borders-masker {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top-left-radius: var(--button--border-radius);
  border-top-right-radius: var(--button--border-radius);
  border-bottom-left-radius: var(--button--border-radius);
  border-bottom-right-radius: var(--button--border-radius);
  background-color: var(--colors--neutral--white--color-white-4);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 1px;
  display: inline-flex;
  position: absolute;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  mask-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
  pointer-events: none;
}

.glowing-borders-masker.button {
  padding: 2px;
}

.primary-button-bg {
  z-index: -1;
  background-image: linear-gradient(90deg, var(--colors--brand--color-gradient-1), var(--colors--brand--color-gradient-2) 25%, var(--colors--brand--color-gradient-3) 50%, var(--colors--brand--color-gradient-2) 75%, var(--colors--brand--color-gradient-1) 101%);
  width: 400%;
  height: 150%;
  position: absolute;
  inset: -25% auto auto 0;
  transform: translateX(0);
  transition: transform 2s ease-in-out;
}

.button-primary:hover .primary-button-bg {
  transform: translateX(-75%);
}

.header {
  padding-right: var(--header--x-padding-button);
  padding-left: var(--header--x-padding-logo);
  flex-flow: row;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 112px;
  display: flex;
}

.header.menu {
  border-bottom: 1px solid var(--colors--neutral--color-grid);
  flex-flow: row;
  height: 112px;
  display: flex;
}

.logo-header:hover {
  cursor: pointer;
}

.logo-header .logo-header-path {
  color: var(--colors--neutral--color-heading);
  fill-opacity: 1;
}

.logo-header:hover .logo-header-path {
  fill-opacity: 0;
  animation: logo-header-fill 0.1s ease-in-out forwards;
}

@keyframes logo-header-fill {
  to {
    fill-opacity: 1;
  }
}

.logo-header:hover .logo-header-path:nth-child(1) {
  animation-delay: 0.075s;
}

.logo-header:hover .logo-header-path:nth-child(2) {
  animation-delay: 0.15s;
}

.logo-header:hover .logo-header-path:nth-child(3){
  animation-delay: 0.225s;
}

.logo-header:hover .logo-header-path:nth-child(4) {
  animation-delay: 0.3s;
}

.logo-header:hover .logo-header-path:nth-child(5) {
  animation-delay: 0.375s;
}

.logo-header:hover .logo-header-path:nth-child(6) {
  animation-delay: 0.45s;
}

.logo-header:hover .logo-header-path:nth-child(7) {
  animation-delay: 0.525s;
}

.logo-header:hover .logo-header-path:nth-child(8) {
  animation-delay: 0.6s;
}

.logo-header:hover .logo-header-path:nth-child(9) {
  animation-delay: 0.675s;
}

.logo-header:hover .logo-header-path:nth-child(10) {
  animation-delay: 0.75s;
}

.logo-header:hover .logo-header-path:nth-child(11) {
  animation-delay: 0.825s;
}

.logo-header:hover .logo-header-path:nth-child(12) {
  animation-delay: 0.9s;
}

.logo-header:hover .logo-header-path:nth-child(13) {
  animation-delay: 0.975s;
}


.bottom-bar {
  padding-right: var(--header--x-padding-button);
  padding-left: var(--header--x-padding-button);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 112px;
  display: flex;
}

.global-styles {
  position: fixed;
  inset: 0 auto auto 0;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.styleguide_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  width: 100%;
  padding-bottom: 1rem;
  display: grid;
}

.styleguide_item.is-stretch {
  grid-row-gap: 1rem;
  justify-items: stretch;
}

.text-weight-bold {
  font-weight: 700;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 20rem;
}

.styleguide_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.styleguide_item-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  align-items: center;
}

.styleguide_item-row.is-button-row {
  grid-template-columns: 19rem 1fr;
}

.max-width-full {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.max-width-full.col-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  display: grid;
}

.max-width-full.col-2.eco-2 {
  grid-column-gap: 112px;
  grid-row-gap: 112px;
  justify-content: start;
  padding-left: 112px;
  padding-right: 112px;
}

.margin-bottom, .margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.text-weight-light {
  font-weight: 300;
}

.icon-height-l {
  width: var(--icon--size-l);
  height: var(--icon--size-l);
  display: block;
}

.container-medium {
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 686px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-medium.welcome {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-top: 112px;
  margin-bottom: 112px;
}

.container-medium.intro-1 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 112px;
  padding-bottom: 112px;
}

.container-medium.hide-tablet {
  justify-content: flex-start;
  align-items: center;
}

.container-medium.eco-2 {
  flex-flow: column;
  width: 520px;
  max-width: none;
  position: relative;
}

.container-medium.eco-image {
  position: relative;
}

.container-medium.demo {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-top: 112px;
  margin-bottom: 112px;
}

.container-xsmall {
  flex-flow: column;
  flex: 1;
  width: 100%;
  max-width: 480px;
  display: flex;
}

.container-xsmall.welcome {
  justify-content: space-between;
  align-items: center;
}

.container-xsmall.intro-1 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
}

.icon-embed-s {
  width: var(--icon--size-s);
  height: var(--icon--size-s);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pointer-events-none {
  pointer-events: none;
}

.icon-height-xs {
  width: var(--icon--size-xs);
  height: var(--icon--size-xs);
  display: block;
}

.heading-1 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-1);
  line-height: var(--typography--line-height--line-heght-heading-1);
  letter-spacing: 1.9px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.icon-embed-xl {
  width: var(--icon--size-xl);
  height: var(--icon--size-xl);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.max-width-xlarge {
  width: 100%;
  max-width: 1920px;
  max-height: 1440px;
}

.container-xlarge {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-xlarge.opportunities {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 112px;
}

.hide {
  display: none;
}

.icon-embed-l {
  width: var(--icon--size-l);
  height: var(--icon--size-l);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-embed-l.button {
  margin-right: var(--button--icon-x-margin-l);
}

.heading-3 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-3);
  line-height: var(--typography--line-height--line-heght-heading-3);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-weight: 600;
}

.class-label-row {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.text-align-right {
  text-align: right;
}

.text-weight-medium {
  font-weight: 500;
}

.max-width-xsmall {
  width: 100%;
  max-width: 25rem;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group.vertical {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.button-group.horizontal {
  flex-flow: row;
}

.text-align-center {
  text-align: center;
}

.pointer-events-auto {
  pointer-events: auto;
}

.main-wrapper {
  line-height: var(--typography--line-height--line-heght-subtitle-3);
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.text-weight-semibold {
  font-weight: 600;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.styleguide_empty-box {
  z-index: -1;
  background-color: var(--colors--neutral--white--color-white-15);
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.styleguide_icons-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.text-size-small {
  font-size: var(--typography--font-size--font-size-text-s);
  line-height: var(--typography--line-height--line-heght-text-s);
}

.text-size-small.group-title {
  color: var(--colors--neutral--color-caption);
  font-size: var(--typography--font-size--font-size-group-title-s);
  line-height: var(--typography--line-height--line-heght-group-title-s);
  letter-spacing: .6px;
  text-transform: uppercase;
  font-weight: 600;
}

.styleguide_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-bottom: 4rem;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.padding-global {
  flex-flow: column;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.heading-4 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-4);
  line-height: var(--typography--line-height--line-heght-heading-4);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
}

.styleguide_spacing {
  border: 1px dashed var(--colors--neutral--white--color-white-45);
}

.text-size-large {
  font-size: var(--typography--font-size--font-size-text-l);
  line-height: var(--typography--line-height--line-heght-text-l);
  letter-spacing: .36px;
}

.text-size-large.group-title {
  color: var(--colors--neutral--color-caption);
  font-size: var(--typography--font-size--font-size-group-title-l);
  letter-spacing: .38px;
  text-transform: uppercase;
  font-weight: 600;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.styleguide_subheading-small {
  font-family: var(--typography--font-family--font-family-text);
  color: var(--colors--neutral--white--color-white-85);
  font-size: var(--typography--font-size--font-size-text-s);
  line-height: var(--typography--line-height--line-heght-text-s);
  text-transform: none;
  font-weight: 300;
  display: inline;
}

.overflow-auto {
  overflow: auto;
}

.text-style-link {
  color: var(--colors--brand--color-primary);
  font-weight: 500;
}

.icon-embed-m {
  width: var(--icon--size-m);
  height: var(--icon--size-m);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.text-weight-normal {
  font-weight: 400;
}

.styleguide_button-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  grid-auto-flow: row;
  place-items: center start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.icon-height-xxs {
  width: var(--icon--size-xxs);
  height: var(--icon--size-xxs);
  display: block;
}

.icon-height-s {
  width: var(--icon--size-s);
  height: var(--icon--size-s);
  display: block;
}

.icon-embed-xxs {
  width: var(--icon--size-xxs);
  height: var(--icon--size-xxs);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-height-xl {
  width: var(--icon--size-xl);
  height: var(--icon--size-xl);
  display: block;
}

.text-size-xsmall {
  font-size: var(--typography--font-size--font-size-text-xs);
  line-height: var(--typography--line-height--line-heght-text-xs);
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.overflow-hidden {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  overflow: hidden;
}

.icon-height-m {
  width: var(--icon--size-m);
  height: var(--icon--size-m);
  display: block;
}

.overflow-scroll {
  overflow: scroll;
}

.text-style-italic {
  font-style: italic;
}

.styleguide_subheading {
  z-index: 3;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--colors--neutral--white--color-white-15);
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-4);
  line-height: var(--typography--line-height--line-heght-heading-4);
  text-transform: uppercase;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding: 1.5rem 2rem;
  font-weight: 600;
  display: block;
}

.text-size-medium {
  font-size: var(--typography--font-size--font-size-text-m);
  line-height: var(--typography--line-height--line-heght-text-m);
  letter-spacing: .32px;
}

.text-size-medium.group-title {
  color: var(--colors--neutral--color-caption);
  font-size: var(--typography--font-size--font-size-group-title-m);
  line-height: var(--typography--line-height--line-heght-group-title-m);
  letter-spacing: .7px;
  text-transform: uppercase;
  font-weight: 600;
}

.icon-embed-xs {
  width: var(--icon--size-xs);
  height: var(--icon--size-xs);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.heading-2 {
  font-family: var(--typography--font-family--font-family-text);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-2);
  line-height: var(--typography--line-height--line-heght-heading-2);
  text-transform: uppercase;
  font-weight: 600;
}

.heading-2.lower-spacing {
  margin-bottom: 1.5rem;
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.margin-small {
  margin: 1.5rem;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.extra-heading-3 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-extra-3);
  line-height: var(--typography--line-height--line-heght-heading-extra-3);
  letter-spacing: 3.7px;
  text-transform: uppercase;
  font-weight: 600;
}

.extra-heading-2 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-extra-2);
  line-height: var(--typography--line-height--line-heght-heading-extra-2);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 600;
}

.extra-heading-1 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-heading-extra-1);
  line-height: var(--typography--line-height--line-heght-heading-extra-1);
  letter-spacing: 2.4px;
  text-transform: uppercase;
  font-weight: 600;
}

.subtitle-3 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-subtitle-3);
  line-height: var(--typography--line-height--line-heght-subtitle-3);
  letter-spacing: .9px;
  text-transform: uppercase;
  font-weight: 300;
}

.extra-subtitle-1 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-subtitle-extra);
  line-height: var(--typography--line-height--line-heght-subtitle-extra-1);
  letter-spacing: 1.7px;
  text-transform: uppercase;
  font-weight: 300;
}

.subtitle-1 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-subtitle-1);
  line-height: var(--typography--line-height--line-heght-subtitle-1);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-weight: 300;
}

.subtitle-2 {
  font-family: var(--typography--font-family--font-family-heading);
  color: var(--colors--neutral--color-heading);
  font-size: var(--typography--font-size--font-size-subtitle-2);
  line-height: var(--typography--line-height--line-heght-subtitle-2);
  letter-spacing: 1.1px;
  text-transform: uppercase;
  font-weight: 300;
}

.styleguide_label {
  background-color: var(--colors--brand--color-secondary);
  font-size: var(--typography--font-size--font-size-text-xs);
  line-height: var(--typography--line-height--line-heght-text-xs);
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 300;
}

.styleguide_label.html-tag {
  background-color: var(--colors--brand--color-primary);
}

.styleguide_label.component {
  background-color: #13a242;
}

.rl-styleguide_empty-box {
  position: relative;
}

.rl-styleguide_empty-box.border {
  height: 64px;
}

.icon-height-xxl {
  width: var(--icon--size-xxl);
  height: var(--icon--size-xxl);
  display: block;
}

.icon-embed-xxl {
  width: var(--icon--size-xxl);
  height: var(--icon--size-xxl);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--colors--neutral--color-card-bg);
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 4px;
  display: flex;
  position: relative;
}

.image {
  width: 100%;
  display: block;
}

.card-award_image {
  aspect-ratio: 1;
  background-color: #000000;
  border: 4px solid var(--colors--depth--color-depth-4);
  border-radius: 8px;
  overflow: hidden;
}

.card-award_title {
  padding: var(--spacing--adaptive--spacing-xxs);
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.page-loader_text {
  font-family: var(--typography--font-family--font-family-heading);

  letter-spacing: -2px;
  font-size: 160px;
  font-weight: 600;
  line-height: 1;
  -webkit-text-stroke: 1px #ffffff;
  color: unset;
  -webkit-font-smoothing: subpixel-antialiased;
}

.page-loader_text-wrapper {
  z-index: 10;
  align-self: center;
  align-items: flex-end;
  height: 160px;
  display: flex;
  position: relative;
}

.page-loader_container {
  z-index: 999;
  background-color: var(--colors--depth--color-depth-0);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
  overflow: hidden;
  position: fixed;
  top: 0;
}

.page-loader_marquee {
  grid-column-gap: var(--spacing--adaptive--spacing-l);
  grid-row-gap: var(--spacing--adaptive--spacing-l);
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1;
  display: flex;
  position: absolute;
}

.page-loader_marquee.is-bottom {
  inset: auto 0% 0%;
}

.page-loader_marquee.is-top {
  inset: 0% 0% auto;
}

.page-loader_percent {
  font-family: var(--typography--font-family--font-family-heading);
  letter-spacing: -2px;
  font-size: 160px;
  font-weight: 600;
  line-height: 1;
  -webkit-text-stroke: 1px #ffffff;
  color: unset !important;
  -webkit-font-smoothing: subpixel-antialiased;
}

.page-loader_text-fill {
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 0%;
  display: flex;
  position: relative;
}

.page-loader_trigger {
  z-index: 50;
  width: 0;
  height: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.page-loader_bg-grid {
  z-index: 0;
  background-image: url('../images/Bg-Grid.avif');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 120%;
  position: absolute;
  inset: 0%;
  pointer-events: none;
}

.color-heading {
  color: var(--colors--neutral--color-heading);
}

.rl-styleguide_item-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  align-items: center;
}

.color-caption {
  color: var(--colors--neutral--color-caption);
}

.welcome_container {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
  overflow: hidden;
}

.bg-grid {
  z-index: -2;
  background-image: url('../images/Bg-Grid.avif');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 120%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.welcome_bg-image {
  z-index: -3;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .25;
  background-image: url('../images/welcome_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.welcome_logo_img {
  aspect-ratio: 2.46;
  width: auto;
  height: 20vh;
  min-height: 74px;
  max-height: 180px;
}

.welcome_logo-and-description {
  grid-column-gap: var(--spacing--adaptive--spacing-l);
  grid-row-gap: var(--spacing--adaptive--spacing-l);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 48px;
  margin-bottom: 48px;
  display: flex;
}

.show-mobile-landscape {
  display: none;
}

.bg-fill-left, .bg-fill-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: calc((100vw - 1440px) / 2);
  background-color: var(--colors--depth--color-depth-0);
  z-index: -4;
}
.bg-fill-left {
  left: 0;
}
.bg-fill-right {
  right: 0;
}

.intro-1_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.header_container {
  z-index: 50;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.bottom-bar_container {
  z-index: 50;
  width: 100%;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.intro-1_title {
  padding-bottom: var(--spacing--adaptive--spacing-l);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.intro-1_scroll-icon, .eco-1_scroll-icon, .opportunities-1_scroll-icon {
  width: 36px;
}

.intro-1_title-and-description {
  margin-bottom: var(--spacing--adaptive--spacing-l);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.intro-1_bg-image {
  z-index: -5;
  background-image: url('../images/intro-1_bg.avif');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% 392px;
  transform: scaleX(-1);
}

.intro-1_bg-grad {
  z-index: -6;
  background-image: linear-gradient(#060a14, #070b15 10%, #07131f 20%, #0a1825 30%, #091c2a 40%, #091f2d 50%, #0a202e 60%, #09202f 70%, #0e1e2e 80%, #0e1e2c 90%, #0b1b29);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.dark-blur-spot.left {
  display: block;
  position: absolute;
  inset: auto auto -4px -4px;
}

.dark-blur-spot.left.hide-desktop {
  display: none;
}

.dark-blur-spot.right {
  display: block;
  position: absolute;
  inset: auto -4px -4px auto;
}

.dark-blur-spot.right.hide-desktop {
  display: none;
}

.bg-radial-grad {
  z-index: -4;
  background-image: radial-gradient(circle closest-side at 50% 50%, #18181800 85%, var(--colors--depth--color-depth-0));
  width: 100%;
  min-width: 1440px;
  max-width: 1920px;
  height: 1440px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bg-radial-grad::before,
.bg-radial-grad::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  background-color: var(--colors--depth--color-depth-0);
  z-index: -1;
}

.bg-radial-grad::before {
  height: 100vh;
  bottom: 100%;
}

.bg-radial-grad::after {
  height: 100vh;
  top: 100%;
}

.intro-1_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.scroll_container {
  z-index: 0;
  flex-flow: column;
  display: flex;
}

.intro-2_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.intro-2_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.intro-2_bg-image {
  z-index: -5;
  background-image: url('../images/intro-2_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.intro-card {
  background-color: var(--colors--neutral--black--color-black-65);
  border-radius: 12px;
  width: 100%;
  max-width: 480px;
  display: flex;
  position: relative;
}

.intro-card_content {
  padding: var(--spacing--static--spacing-2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.intro-card_title {
  margin-bottom: var(--spacing--adaptive--spacing-l);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.intro-card_description {
  margin-bottom: var(--spacing--adaptive--spacing-l);
  width: 100%;
}

.intro-card_disclaimer {
  width: 100%;
}

.show-tablet {
  display: none;
}

.intro-2_scroll-icon {
  width: 36px;
}

.welcome_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.intro-3_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.intro-3_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.intro-3_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .5;
  background-image: url('../images/welcome_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slider {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 108vh;
  min-width: 650px;
  max-width: 832px;
  display: flex;
  position: relative;
}

.slider-awards_slide {
  margin-left: 8px;
  margin-right: 8px;
}

.slider-awards {
  background-color: var(--colors--neutral--color-transparent);
  justify-content: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.slider-awards_mask {
  width: 35vh;
  min-width: 210px;
  max-width: 256px;
  overflow: visible;
}

.slide-awards_content {
  height: 100%;
}

.intro-3_title {
  margin-bottom: var(--spacing--static--spacing-3);
  width: 100%;
  max-width: 640px;
}

.slider-arrow {
  color: var(--colors--neutral--white--color-white-45);
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translate(0, -50%);
}

.slider-arrow:hover {
  color: var(--colors--neutral--white--color-white);
}

.slider-arrow.left {
  z-index: 1;
  left: -76px;
}

.slider-arrow.right {
  z-index: 1;
  bottom: auto;
  left: auto;
  right: -88px;
}

.slider-wrapper {
  position: relative;
}

.how-1_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.how-1_title {
  margin-bottom: var(--spacing--adaptive--spacing-l);
}

.how_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.how-1_description {
  margin-bottom: var(--spacing--adaptive--spacing-l);
}

.container-small {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.container-small.iphone-mockup {
  flex: 0 auto;
  width: auto;
  height: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
}

.how-1_title-and-description {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.how_scroll-icon {
  width: 36px;
}

.how-1_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .25;
  background-image: url('../images/how-1_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.how-2_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.how-2_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .75;
  background-image: url('../images/how-2_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container-large {
  width: 100%;
  max-width: 1040px;
}

.container-large.how {
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  margin-top: 112px;
  margin-bottom: 112px;
  display: flex;
}

.how-card {
  background-color: var(--colors--neutral--color-card-bg);
  border-radius: 12px;
  align-items: flex-start;
  width: 100%;
  max-width: 510px;
  display: flex;
  position: relative;
}

.how-card_content {
  padding: var(--spacing--static--spacing-2);
  grid-column-gap: var(--spacing--static--spacing-1-25);
  grid-row-gap: var(--spacing--static--spacing-1-25);
  background-color: var(--colors--depth--color-depth-4);
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 4px;
  display: flex;
}

.how-card-icon {
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  position: relative;
}

.how-3-1_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .75;
  background-image: url('../images/how-3-1_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.how-3-1_bg-image.max-width-xlarge {
  display: block;
}

.how-4_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .75;
  background-image: url('../images/how-4_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.how-5_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .75;
  background-image: url('../images/how-5_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.eco-1_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.eco-1_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.eco-1_bg-image {
  z-index: -5;
  background-image: url('../images/eco-1_bg.avif');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% 325px;
}

.eco-1_bg-grad {
  z-index: -6;
  background-image: linear-gradient(#070b11, #070a10 10%, #080b12 20%, #070b11 30%, #090c12 40%, #080b11 50%, #070b11 60%, #070b11 70%, #070b11 80%, #17131c 85%, #17141c 90%, #100f17);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.eco-1_title-and-description {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.eco-1_title {
  margin-bottom: var(--spacing--adaptive--spacing-l);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.eco-1_description {
  margin-bottom: var(--spacing--adaptive--spacing-l);
}

.eco-2_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.eco-2_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.color-text {
  color: var(--colors--neutral--color-text);
}

.eco-2_title {
  margin-bottom: var(--spacing--adaptive--spacing-l);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.eco-2_description {
  margin-bottom: var(--spacing--adaptive--spacing-l);
  width: 100%;
}

.eco-2_disclaimer {
  width: 100%;
}

.eco-2_content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.eco-2-image {
  background-color: var(--colors--neutral--color-card-bg);
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 872px;
  display: flex;
  position: relative;
}

.eco-2-image_content {
  padding: var(--spacing--adaptive--spacing-s);
  background-color: #1c1c1c;
  border-radius: 8px;
  margin: 4px;
}

.eco-4_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.eco-3_title-and-description {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.eco-3_title {
  margin-bottom: var(--spacing--adaptive--spacing-l);
}

.eco-3_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.eco-3_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .5;
  background-image: url('../images/eco-2_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.opportunities-1_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.opportunities-1_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.opportunities-1_bg-image {
  z-index: -5;
  background-image: url('../images/opportunities-1_bg.avif');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% 232px;
}

.opportunities-1_bg-grad {
  z-index: -6;
  background-image: linear-gradient(#010101, #020203 10%, #03040b 20%, #020611 30%, #040a17 40%, #040d19 50%, #05111d 60%, #031221 70%, #031421 80%, #041422 90%, #031321);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.opportunities-1_title {
  padding-bottom: var(--spacing--adaptive--spacing-l);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.opportunities-2_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.opportunities-2_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.opportunities-2_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .75;
  background-image: url('../images/opportunities-2_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.opportunities-card {
  background-color: var(--colors--neutral--black--color-black-85);
  border-radius: 12px;
  flex-flow: row;
  align-items: flex-start;
  width: 100%;
  min-width: 256px;
  max-width: 480px;
  display: flex;
  position: relative;
}

.opportunities-card_content {
  padding: var(--spacing--static--spacing-2);
  grid-column-gap: var(--spacing--static--spacing-1-25);
  grid-row-gap: var(--spacing--static--spacing-1-25);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.opportunities-cards {
  grid-column-gap: var(--spacing--static--spacing-1-25);
  grid-row-gap: var(--spacing--static--spacing-1-25);
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 980px;
  display: flex;
}

.opportunities-3_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.opportunities-3_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.opportunities-3_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .75;
  background-image: url('../images/opportunities-3_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.athletes-1_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.athletes-1_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.athletes-1_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .25;
  background-image: url('../images/athelets-1_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.athletes_scroll-icon {
  width: 36px;
}

.athletes-1_title {
  padding-bottom: var(--spacing--adaptive--spacing-l);
}

.athletes-2_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.athletes-2_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.athletes-2_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .25;
  background-image: url('../images/athelets-2_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.athletes-features {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  display: flex;
}

.athletes-feature {
  padding: var(--spacing--static--spacing-2);
  grid-column-gap: var(--spacing--static--spacing-3);
  grid-row-gap: var(--spacing--static--spacing-3);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.athletes-feature_image {
  width: auto;
  max-width: none;
  height: 128px;
}

.athletes-feature_title {
  grid-column-gap: var(--spacing--static--spacing-0-5);
  grid-row-gap: var(--spacing--static--spacing-0-5);
  justify-content: flex-start;
  align-items: center;
}

.awards {
  grid-column-gap: var(--spacing--static--spacing-1-25);
  grid-row-gap: var(--spacing--static--spacing-1-25);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1154px;
  height: 100%;
  padding-top: 112px;
  padding-bottom: 112px;
  display: flex;
}

.concept-card {
  background-color: var(--colors--neutral--black--color-black-65);
  border-radius: 12px;
  flex-flow: row;
  align-items: flex-start;
  width: 100%;
  max-width: 508px;
  display: flex;
  position: relative;
}

.horizontal-slider {
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.horizontal-slide {
  width: 332px;
  position: absolute;
  inset: auto auto 0%;
}

.concept-card_content {
  padding: var(--spacing--static--spacing-2);
  grid-column-gap: var(--spacing--static--spacing-1-5);
  grid-row-gap: var(--spacing--static--spacing-1-5);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.athletes-4_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.athletes-4_bg {
  z-index: -1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.athletes-4-1_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .75;
  background-image: url('../images/athelets-3_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.athlete_bg-image {
  z-index: -5;
  opacity: 1;
  background-image: url('../images/athlete_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mobile-app {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  height: 100%;
  max-height: 640px;
  position: relative;
}

.mobile-app_image {
  width: auto;
  height: 100%;
}

.mobile-app_image.absolute {
  position: absolute;
  inset: 0%;
}

.demo_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.demo_title-and-description {
  grid-column-gap: var(--spacing--adaptive--spacing-l);
  grid-row-gap: var(--spacing--adaptive--spacing-l);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 48px;
  margin-bottom: 48px;
  display: flex;
}

.demo_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.demo_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .25;
  background-image: url('../images/demo_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(-50%, -50%);
}

.section-scrolled {
  flex: none;
  height: 100vh;
  position: static;
  overflow: clip;
}

.section-scrolled.intro-1_container, .section-scrolled.intro-2_container, .section-scrolled.intro-3_container, .section-scrolled.how-1_container, .section-scrolled.how-2_container, .section-scrolled.eco-1_container {
  justify-content: center;
  align-items: flex-start;
}

.section-scrolled.eco-2_container {
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.section-scrolled.eco-4_container, .section-scrolled.opportunities-1_container, .section-scrolled.opportunities-2_container, .section-scrolled.opportunities-3_container, .section-scrolled.athletes-1_container, .section-scrolled.athletes-2_container, .section-scrolled.athletes-4_container, .section-scrolled.demo_container {
  justify-content: center;
  align-items: flex-start;
}

.section-scrolled.empty {
  background-color: var(--colors--neutral--color-transparent);
  height: 50svh;
}

.section-scrolled.empty.show-mobile-landscape, .section-scrolled.empty.show-tablet {
  display: none;
}

.depth-8 {
  text-shadow: 0 1px 2px #00000014, 0 4px 8px #0000001f;
}

.scroll-arrows_lottie {
  width: 36px;
  height: 48px;
}

.menu {
  z-index: 999;
  background-color: var(--colors--depth--color-depth-0);
  pointer-events: auto;
  flex-flow: column;
  width: 100vw;
  max-width: none;
  height: 100vh;
  display: block;
  position: relative;
}

#menu {
  position: fixed;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

#menu.active {
  display: block;
  opacity: 1;
}

.menu-content {
  width: 100%;
  height: calc(100vh - 112px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.menu_actions_footer {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--colors--neutral--color-grid);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-width: 468px;
  max-width: 592px;
  height: calc(100vh - 112px);
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.nav-item {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 64px;
  display: inline-flex;
}

.nav-item_marker {
  font-size: var(--typography--font-size--font-size-heading-extra-2);
  line-height: var(--typography--line-height--line-heght-heading-extra-2);
  text-transform: uppercase;
  width: 41px;
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.nav-item_title {
  font-size: var(--typography--font-size--font-size-heading-extra-2);
  line-height: var(--typography--line-height--line-heght-heading-extra-2);
  text-transform: uppercase;
  width: 100%;
  font-weight: 600;
  transform: translateX(-41px);
  transition: transform 0.3s ease;
}

.nav-item:hover {
  background-color: var(--colors--neutral--white--color-white);
}
.nav-item:hover .nav-item_marker {
  opacity: 1;
}
.nav-item:hover .nav-item_title {
  transform: translateX(0);
}
.nav-item:hover .nav-item_title,
.nav-item:hover .nav-item_marker {
  color: var(--colors--neutral--black--color-black);
}

.menu_actions {
  grid-column-gap: var(--spacing--adaptive--spacing-s);
  grid-row-gap: var(--spacing--adaptive--spacing-s);
  flex-flow: column;
  display: flex;
}

.contact-us {
  width: 100%;
}

.contact-us.mobile {
  width: auto;
  display: none;
}

.request-demo {
  width: 100%;
}

.footer {
  grid-column-gap: var(--spacing--static--spacing-1-5);
  grid-row-gap: var(--spacing--static--spacing-1-5);
  flex-flow: column;
  display: flex;
}

.footer.hide-tablet {
  margin-top: 32px;
}

.footer.show-tablet {
  width: 100%;
  display: none;
}

.social-network-icon {
  color: var(--colors--neutral--color-caption);
  width: 24px;
  height: 24px;
}

.social-network-icon:hover {
  color: var(--colors--neutral--color-text);
  transition: color 0.1s ease-in-out;
}

.social-networks {
  grid-column-gap: var(--spacing--static--spacing-1-5);
  grid-row-gap: var(--spacing--static--spacing-1-5);
  display: flex;
}

.social-icon {
  width: 24px;
  height: 24px;
}

.menu-video-cover {
  aspect-ratio: 5 / 3;
  width: 100%;
  height: auto;
}

.color-grid {
  color: var(--colors--neutral--color-grid);
}

.button-ghost.icon-left.light.large:hover, .button-content.icon.light:hover, .slider-arrow:hover {
  transition: color 0.25s ease-in-out, border-color 0.2s ease-in-out;
}

.button-label.ghost.light.large {
  font-size: var(--typography--font-size--font-size-text-m);
  line-height: var(--typography--line-height--line-heght-text-m);
  font-weight: 500;
}

.menu-content_wrapper, .nav-footer_wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.how-3-2_bg-image {
  z-index: -5;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .75;
  background-image: url('../images/how-3-2_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.how-3-2_bg-image.max-width-xlarge {
  display: block;
}

.athletes-4-2_bg-image {
  z-index: -6;
  background-color: var(--colors--depth--color-depth-0);
  opacity: .75;
  background-image: url('../images/athelets-4_bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nav_wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
}

#sound-on .bar {
  height: 4px;
  will-change: transform;
  transform-origin: center center;
}

#sound-on.button-ghost .bar {
  animation: sound-bounce-loop 1.2s infinite ease-in-out;
}

#sound-on.button-ghost .bar-1 { animation-delay: 1s; }
#sound-on.button-ghost .bar-2 { animation-delay: 0.8s; }
#sound-on.button-ghost .bar-3 { animation-delay: 0.6s; }
#sound-on.button-ghost .bar-4 { animation-delay: 0.4s; }
#sound-on.button-ghost .bar-5 { animation-delay: 0s; }

@keyframes sound-bounce-loop {
  0%, 100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(4);
  }
}

.chat_wrapper {
  position: relative;
}

.tooltip_wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  right: 56px;
  bottom: 50%;
  transform: translateY(50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease-out, visibility 0.8s ease-out;
}

.tooltip_wrapper.visible {
  opacity: 1;
  visibility: visible;
}

.tooltip_container {
  display: flex;
  align-items: center;
}

.tooltip {
  position: relative;
  display: flex;
  padding: var(--spacing--static--spacing-0-5) var(--spacing--static--spacing-1);
  align-items: center;
  width: 192px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: linear-gradient(90deg, #040810 0%, #030B18 10%, #05101E 20%, #051422 30%, #041626 40%, #071828 50%, #161C2D 60%, #261C2D 70%, #1C1E31 80%, #0B2536 90%, #0C2A3C 100%), var(--colors--depth--color-depth-0);
}

.tooltip::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 4px;
  padding: 1px;
  background:
          radial-gradient(51.84% 123.96% at -40.12% 135.08%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%),
          radial-gradient(86.79% 115.37% at -8.95% -58.14%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%),
          radial-gradient(69.49% 165.35% at 121.3% 37.79%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
  mask:
          linear-gradient(to right, #fff 0%, #fff 100%) content-box,
          linear-gradient(to right, #fff 0%, #fff 100%);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
}

.tooltip_arrow {
  width: 6px;
  height: 12px;
  background:
          linear-gradient(0deg, var(--colors--neutral--white--color-white-45) 0%, var(--colors--neutral--white--color-white-45) 100%),
          linear-gradient(90deg, #040810 0%, #030B18 10%, #05101E 20%, #051422 30%, #041626 40%, #071828 50%, #161C2D 60%, #261C2D 70%, #1C1E31 80%, #0B2536 90%, #0C2A3C 100%),
          linear-gradient(0deg, var(--colors--depth--color-depth-0) 0%, var(--colors--depth--color-depth-0) 100%),
          #3B3B3B;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  flex-shrink: 0;
}

.close-tooltip-bttn {
  display: flex;
  padding: 4px;
  color: var(--colors--neutral--white--color-white-85);
  opacity: 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.close-tooltip-bttn:hover {
  color: var(--colors--neutral--white--color-white);
}

.tooltip_wrapper:hover .close-tooltip-bttn {
  opacity: 1;
}

.emoji {
  color: var(--colors--neutral--white--color-white);
}

@media (min-width: 2300px) {
  .intro-1_bg-image, .eco-1_bg-image {
    inset: 0% 0% 0% auto;
  }
}

@media (min-height: 1200px) {

  .container-xlarge.opportunities {
    margin-bottom: calc(112px + (100vh - 1200px)/2);
  }

  .awards {
    padding-top: calc(112px + (100vh - 1200px)/2);
    padding-bottom: calc(112px + (100vh - 1200px)/2);
  }

  .container-medium.welcome, .container-medium.demo {
    margin-top: calc(112px + (100vh - 1200px)/2);
    margin-bottom: calc(112px + (100vh - 1200px)/2);
  }

  .max-width-xlarge, .bg-radial-grad {
    max-height: 1920px;
  }

  .bg-fill-left, .bg-fill-right {
    width: calc((100vw - 1920px) / 2)
  }

  .bg-radial-grad {
    height: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .card {
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .card-award_image {
    aspect-ratio: 1;
  }

  .card-award_title {
    flex: 1;
    justify-content: space-between;
    align-items: center;
  }

  .slider {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .slider-awards {
    justify-content: center;
    align-items: stretch;
  }

  .slider-arrow {
    justify-content: center;
    align-items: center;
  }
  .menu_actions_footer {
    max-width: 780px;
  }

  .container-medium.intro-2 {
    margin-left: 0;
  }

  .intro-card {
    margin-left: 64px;
  }
}

@media screen and (max-width: 1024px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }

  h2 {
    letter-spacing: 1.2px;
  }

  .hide-tablet {
    display: none;
  }

  .styleguide_item-row {
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .max-width-full {
    top: auto;
    bottom: 0;
  }

  .max-width-full.col-2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    place-content: start flex-start;
    place-items: center;
    display: flex;
  }

  .max-width-full.col-2.eco-2 {
    grid-column-gap: var(--spacing--static--spacing-3);
    grid-row-gap: var(--spacing--static--spacing-3);
    justify-content: center;
    align-items: center;
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .container-medium {
    max-width: 686px;
  }

  .container-medium.intro-1 {
    flex: 0 auto;
    height: 50%;
    padding-bottom: 0;
    display: flex;
  }

  .container-medium.welcome {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .container-medium.intro-2 {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 176px;
  }

  .container-medium.eco-2 {
    flex: 0 auto;
    order: 1;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
  }

  .container-medium.eco-image {
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    max-width: none;
  }

  .container-xsmall {
    max-width: 480px;
  }

  .container-xsmall.intro-1 {
    justify-content: flex-start;
    align-items: center;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .styleguide_icons-list {
    grid-auto-flow: row;
  }

  .text-size-small.color-caption.eco-2 {
    text-align: center;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .text-size-large.color-heading.eco-2 {
    text-align: center;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-2.eco-2 {
    text-align: center;
  }

  .card-award_image {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .page-loader_bg-grid {
    background-size: 200%;
  }

  .rl-styleguide_item-row {
    grid-template-columns: auto 1fr;
  }

  .bg-grid {
    background-size: 200%;
  }

  .intro-1_bg-image {
    background-position: 50% 0;
    background-size: cover;
    height: 57%;
    position: absolute;
    inset: auto 0% 0%;
    transform: scaleX(1);
  }

  .intro-1_bg-grad {
    background-image: url('../images/Grad-Into-1.svg');
    background-position: 50% 0;
    background-repeat: repeat;
    background-size: auto 57%;
    width: 100%;
    height: 100%;

  }

  .dark-blur-spot {
    background-color: var(--colors--depth--color-depth-0);
    filter: blur(32px);
    border-radius: 999px;
    width: 112px;
    height: 112px;
    padding-bottom: 0;
    padding-right: 0;
    position: fixed;
    inset: auto 0% 0%;
  }

  .dark-blur-spot.left {
    z-index: -4;
    display: block;
  }

  .dark-blur-spot.left.hide-desktop {
    display: block;
  }

  .dark-blur-spot.right {
    z-index: -4;
    display: block;
  }

  .dark-blur-spot.right.hide-desktop {
    display: block;
  }

  .bg-radial-grad {
    z-index: -3;
    width: 1440px;
    min-width: auto;
    max-width: none;
    height: 120%;
    display: block;
  }

  .intro-2_bg-image {
    background-position: 25%;
  }

  .intro-2_bg-image.max-width-xlarge {
    background-position: 20%;
  }

  .show-tablet {
    display: block;
  }

  .intro-2_scroll-icon {
    position: absolute;
    bottom: 40px;
  }

  .slider {
    width: 560px;
    min-width: 0;
    max-width: none;
  }

  .slider-awards_mask {
    width: 174px;
    min-width: 0;
    max-width: none;
  }

  .slider-arrow {
    left: 0;
  }

  .container-small {
    max-width: 480px;
  }

  .eco-1_bg-image {
    background-image: url('../images/eco-1_bg.avif');
    background-position: 50% 0;
    background-size: cover;
    height: 61%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .eco-1_bg-grad {
    background-image: url('../images/eco-1_grad.svg');
    background-position: 50% 0;
    background-repeat: repeat;
    background-size: auto 61%;
    max-width: 1920px;
    height: 100%;
    width: 100%;
  }

  .eco-2-image {
    width: 704px;
  }

  .eco-2-image.first, .eco-2-image.second {
    width: 100%;
  }

  /*.eco-3_bg-image {*/
  /*  background-position: 50% 0;*/
  /*  background-size: cover;*/
  /*  inset: 0% 0% auto;*/
  /*  transform: scaleX(-1);*/
  /*}*/

  .opportunities-1_bg-image {
    background-image: url('../images/opportunities-1_bg.avif');
    background-position: 50% 0;
    height: 58%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .opportunities-1_bg-grad {
    background-image: url('../images/opportunities-1_grad.svg');
    background-position: 50% 0;
    background-repeat: repeat;
    background-size: auto 58% ;
    height: 100%;
    width: 100%;
  }

  .opportunities-card {
    max-width: calc(50% - 8px);
  }

  .opportunities-cards {
    grid-column-gap: var(--spacing--static--spacing-1);
    grid-row-gap: var(--spacing--static--spacing-1);
    padding-left: 32px;
    padding-right: 32px;
  }

  .athletes-features {
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 32px;
    padding-right: 32px;
  }

  .awards {
    margin-bottom: var(--spacing--static--spacing-3);
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    padding-left: 32px;
    padding-right: 32px;
  }

  .section-scrolled.empty {
    height: 100svh;
  }

  .section-scrolled.empty.show-tablet {
    display: block;
  }

  .menu {
    height: 100dvh;
  }

  .menu-content {
    flex-flow: column;
    flex: none;
    height: 100%;
  }

  .nav {
    border-top: 1px solid var(--colors--neutral--color-grid);
    border-bottom: 1px solid var(--colors--neutral--color-grid);
    justify-content: flex-start;
    align-items: center;
  }

  .menu_actions_footer {
    border-right-style: none;
    justify-content: flex-start;
    width: 100%;
    min-width: 288px;
    max-width: none;
    height: auto;
  }

  .nav-item {
    min-width: 288px;
  }

  .footer {
    padding: 32px;
  }

  .footer.show-tablet {
    display: flex;
  }

  .menu-video-cover {
    width: 100%;
    height: auto;
  }

  .menu-content_wrapper, .nav-footer_wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    overflow: auto;
  }

  .nav_wrapper {
    height: auto;
    overflow: visible;
  }

  .logo-header:hover .logo-header-path {
    fill-opacity: 1;
    animation: none;
  }

  .button-primary:hover .primary-button-bg {
    transform: translateX(0);
  }

  .tooltip_wrapper {
    right: 64px;
  }

  .close-tooltip-bttn {
    padding: 8px;
    margin-right: -4px;
  }


}

@media screen and (max-height: 640px) and (min-width: 1024px) {
  .menu_actions_footer {
    width: 30%; /* подгон размера видео в меню, чтобы умещался контейнер на маленьких экранам */
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  h1 {
    letter-spacing: 1.5px;
  }

  h3 {
    letter-spacing: 1px;
  }

  h4 {
    letter-spacing: .9px;
  }

  .header {
    height: 80px;
    padding-left: 16px;
    padding-right: 12px;
  }

  .header.menu {
    height: 80px;
  }

  .bottom-bar {
    height: 80px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .max-width-full.col-2.eco-2 {
    padding: 80px 32px;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .container-medium {
    max-width: 686px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .container-medium.welcome {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .container-medium.intro-1 {
    padding-top: 80px;
  }

  .container-medium.intro-2 {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 128px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-medium.eco-2, .container-medium.eco-image {
    padding-left: 0;
    padding-right: 0;
  }

  .container-medium.demo {
    margin-top: 80px;
    margin-bottom: 128px;
  }

  .container-xsmall {
    max-width: 480px;
  }

  .heading-1 {
    letter-spacing: 1.5px;
  }

  .container-xlarge.opportunities {
    margin-bottom: 128px;
  }

  .heading-3 {
    letter-spacing: 1px;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-4 {
    letter-spacing: .9px;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .heading-2.lower-spacing {
    margin-bottom: 1rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .extra-heading-3 {
    letter-spacing: 3px;
  }

  .extra-heading-2 {
    letter-spacing: 2.4px;
  }

  .extra-heading-1 {
    letter-spacing: 1.9px;
  }

  .subtitle-3 {
    letter-spacing: .8px;
  }

  .extra-subtitle-1 {
    letter-spacing: 1.4px;
  }

  .subtitle-1 {
    letter-spacing: 1.1px;
  }

  .subtitle-2 {
    letter-spacing: .9px;
  }

  .card-award_image {
    width: 248px;
  }

  .page-loader_text {
    font-size: 80px;
    line-height: 80px;
  }

  .page-loader_text-wrapper {
    height: 80px;
  }

  .page-loader_percent {
    font-size: 80px;
    line-height: 80px;
  }

  .page-loader_bg-grid, .bg-grid {
    background-size: 400%;
  }

  .welcome_logo_img {
    width: 294px;
    height: 120px;
    min-height: 0;
    max-height: none;
  }

  .show-mobile-landscape {
    display: block;
  }

  .intro-1_scroll-icon, .eco-1_scroll-icon, .opportunities-1_scroll-icon {
    position: absolute;
    inset: auto auto 20px;
  }

  .intro-1_title-and-description {
    margin-bottom: 0;
  }

  .dark-blur-spot.left {
    bottom: -24px;
    left: -24px;
  }

  .dark-blur-spot.right {
    bottom: -24px;
    right: -24px;
  }

  .bg-radial-grad {
    height: 100%;
    display: block;
  }

  .intro-2_bg-image.max-width-xlarge {
    background-position: 25%;
  }

  .intro-2_scroll-icon {
    bottom: 20px;
  }

  .slider {
    width: 100vw;
  }

  .slider-awards_slide {
    margin-left: 0;
    margin-right: 0;
  }

  .slider-awards_mask {
    width: 280px;
  }

  .slider-native-arrow {
    display: none;
  }

  .intro-3_title {
    padding-left: 16px;
    padding-right: 16px;
  }

  .slider-arrow {
    display: none;
  }

  .container-small {
    max-width: 480px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .container-small.iphone-mockup {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .how_scroll-icon {
    position: absolute;
    inset: auto auto 20px;
  }

  .container-large.how {
    margin-top: 128px;
    margin-bottom: 128px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .how-4_bg-image, .how-4_bg-image.max-width-xlarge {
    background-position: 70%;
  }

  .eco-1_bg-grad {
    background-image: url('../images/eco-1_grad_1.svg');
  }

  .opportunities-card {
    max-width: none;
  }

  .opportunities-cards {
    grid-column-gap: var(--spacing--static--spacing-0-75);
    grid-row-gap: var(--spacing--static--spacing-0-75);
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .athletes_scroll-icon {
    position: absolute;
    inset: auto auto 20px;
  }

  .athletes-feature._1 {
    padding: 0;
  }

  .athletes-feature_title {
    grid-column-gap: var(--spacing--static--spacing-0-25);
    grid-row-gap: var(--spacing--static--spacing-0-25);
  }

  .awards {
    padding: 80px 16px;
  }

  .demo_title-and-description {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .section-scrolled.empty.show-mobile-landscape {
    display: block;
  }

  .nav {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .menu_actions_footer {
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-item {
    padding: 8px 32px;
  }

  .nav-item_marker {
    font-size: var(--typography--font-size--font-size-heading-2);
    line-height: var(--typography--line-height--line-heght-heading-2);
    width: 21px;
  }

  .nav-item_title {
    font-size: var(--typography--font-size--font-size-heading-2);
    line-height: var(--typography--line-height--line-heght-heading-2);
    transform: translateX(-21px);
  }

  .footer {
    padding: 16px;
  }

  .menu-content_wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 80px;
  }

  .nav-footer_wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}

@media screen and (max-width: 479px) {
  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .max-width-full.col-2 {
    grid-template-columns: minmax(296px, 1fr);
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .container-medium.intro-1 {
    justify-content: center;
    align-items: center;
    width: auto;
    height: 50%;
  }

  .container-xsmall.welcome {
    justify-content: space-between;
    align-items: center;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .intro-1_container {
    overflow: hidden;
  }

  .welcome_bg-image, .intro-3_bg-image {
    background-image: url('../images/welcome_bg_mobile.avif');
  }

  .intro-1_bg-image {
    background-image: url('../images/intro-1_bg_mobile.avif');
  }

  .intro-2_bg-image {
    background-position: 29%;
    background-image: url('../images/intro-2_bg_mobile.avif');
  }

  .how-1_bg-image {
    background-image: url('../images/how-1_bg_mobile.avif');
  }

  .how-2_bg-image {
    background-image: url('../images/how-2_bg_mobile.avif');
  }

  .how-3-1_bg-image {
    background-image: url('../images/how-3-1_bg_mobile.avif');
  }

  .how-3-2_bg-image {
    background-image: url('../images/how-3-2_bg_mobile.avif');
  }

  .how-4_bg-image {
    background-image: url('../images/how-4_bg_mobile.avif');
  }

  .how-5_bg-image {
    background-image: url('../images/how-5_bg_mobile.avif');
  }

  .eco-1_bg-image {
    background-image: url('../images/eco-1_bg_mobile.avif');
  }

  .eco-3_bg-image {
    background-image: url('../images/eco-2_bg_mobile.avif');
  }

  .opportunities-1_bg-image {
    background-image: url('../images/opportunities-1_bg_mobile.avif');
  }

  .opportunities-2_bg-image {
    background-image: url('../images/opportunities-2_bg_mobile.avif');
  }

  .opportunities-3_bg-image {
    background-image: url('../images/opportunities-3_bg_mobile.avif');
  }

  .athletes-1_bg-image {
    background-image: url('../images/athelets-1_bg_mobile.avif');
  }

  .athletes-2_bg-image {
    background-image: url('../images/athelets-2_bg_mobile.avif');
  }

  .athletes-4-1_bg-image {
    background-image: url('../images/athelets-3_bg_mobile.avif');
  }

  .athletes-4-2_bg-image {
    background-image: url('../images/athelets-4_bg_mobile.avif');
  }

  .athlete_bg-image {
    background-image: url('../images/athlete_bg_mobile.avif');
  }

  .demo_bg-image {
    background-image: url('../images/demo_bg_mobile.avif');
  }

  .intro-2_bg-image.max-width-xlarge {
    background-position: 28%;
  }

  .slider-awards_mask {
    width: 248px;
  }

  .eco-1_container, .opportunities-1_container {
    overflow: hidden;
  }

  .horizontal-slide {
    width: 248px;
  }

  .contact-us {
    display: none;
  }

  .contact-us.mobile {
    display: block;
  }

  .tooltip_wrapper {
    right: 0;
    bottom: 60px;
    transform: none;
    flex-direction: column;
    align-items: end;
  }

  .tooltip_container {
    flex-direction: column;
    align-items: end;
  }

  .tooltip {
    width: 120px;
  }

  .tooltip_arrow {
    transform: rotate(90deg);
    margin: -3px 25px 0;
  }

  .close-tooltip-bttn {
    margin-bottom: -4px;
  }
}

@media (pointer: coarse) {
  .close-tooltip-bttn {
    opacity: 1;
  }
}