@font-face {
  font-family: Thesignature;
  src: url('../fonts/Thesignature.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_theme---background--primary: var(--colors--beige-100);
  --_typography---font--body: Lato, sans-serif;
  --_theme---content--secondary: var(--colors--coffee-70);
  --_typography---copy-medium--size: var(--sizes--18);
  --_typography---root--line-height: 150%;
  --_typography---copy-medium--letter-spacing: .2px;
  --_typography---font--heading: Unna, sans-serif;
  --_theme---content--primary: var(--colors--coffee-100);
  --_typography---heading-1--size: var(--sizes--60);
  --_typography---heading-1--line-height: 110%;
  --_typography---root--letter-spacing: -.2px;
  --_typography---heading-2--size: var(--sizes--48);
  --_typography---heading-2--line-height: 110%;
  --_typography---heading-2--letter-spacing: -.2px;
  --_typography---heading-3--size: var(--sizes--26);
  --_typography---heading-3--line-height: 120%;
  --_typography---heading-3--letter-spacing: -.2px;
  --_typography---copy-medium--line-height: 150%;
  --_theme---content--orange: var(--colors--orange-100);
  --_typography---display-1--size: var(--sizes--68);
  --_typography---display-1--line-height: 110%;
  --_typography---display-1--letter-spacing: -.5px;
  --_breakpoint---padding--component-sm: var(--sizes--08);
  --_breakpoint---padding--component-lg: var(--sizes--22);
  --colors--orange-00: #d17c5500;
  --_typography---label-medium--size: var(--sizes--16);
  --_typography---label-medium--line-height: 120%;
  --_breakpoint---radius--round: var(--sizes--100);
  --_theme---button--primary--background: var(--colors--orange-100);
  --_theme---button--primary--background-hover: var(--colors--orange-100);
  --_theme---button--primary--label-hover: var(--colors--neutral-00);
  --_theme---button--primary--border-focus: var(--colors--orange-60);
  --_theme---button--secondary--border-default: var(--colors--coffee-10);
  --_theme---button--secondary--background: var(--colors--beige-100);
  --_theme---button--secondary--label: var(--colors--coffee-100);
  --_theme---button--secondary--background-hover: var(--colors--orange-100);
  --_theme---button--secondary--label-hover: var(--colors--neutral-00);
  --_theme---content--primary-beige: var(--colors--beige-100);
  --_breakpoint---padding--section-4xl: var(--sizes--120);
  --_breakpoint---base--side-paddings: 3.5vw;
  --_breakpoint---padding--container-3xl: var(--sizes--88);
  --colors--beige-00: #eee2d000;
  --colors--beige-20: #eee2d033;
  --colors--beige-100: #eee2d0;
  --_breakpoint---gap--container-2xl: var(--sizes--60);
  --_breakpoint---max-width--xl: 1920px;
  --_breakpoint---max-width--md: 1140px;
  --_breakpoint---max-width--sm: 840px;
  --_breakpoint---gap--container-xl: var(--sizes--48);
  --_breakpoint---max-width--lg: 1440px;
  --_breakpoint---gap--component-md: var(--sizes--22);
  --_breakpoint---padding--section-5xl: var(--sizes--144);
  --_theme---background--secondary: var(--colors--green-100);
  --_breakpoint---padding--component-2xl: var(--sizes--60);
  --_theme---content--secondary-beige: var(--colors--beige-70);
  --_breakpoint---padding--section-6xl: var(--sizes--160);
  --_breakpoint---padding--component-xl: var(--sizes--44);
  --_breakpoint---gap--component-sm: var(--sizes--08);
  --_breakpoint---gap--component-xs: var(--sizes--04);
  --_typography---copy-large--size: var(--sizes--22);
  --_typography---copy-large--line-height: 150%;
  --_typography---copy-large--letter-spacing: .2px;
  --_breakpoint---padding--component-md: var(--sizes--12);
  --_breakpoint---gap--component-lg: var(--sizes--36);
  --_breakpoint---radius--lg: var(--sizes--24);
  --_theme---card--background: var(--colors--beige-80);
  --colors--coffee-10: #22181c1a;
  --_theme---card--background-hover: var(--colors--beige-100);
  --_breakpoint---radius--xl: var(--sizes--48);
  --_typography---label-small--letter-spacing: .2px;
  --_breakpoint---radius--md: var(--sizes--12);
  --_theme---background--surface-01: var(--colors--neutral-60);
  --_breakpoint---padding--component-xs: var(--sizes--04);
  --_theme---border--avatar-1: var(--colors--green-60);
  --_theme---content--tertiary: var(--colors--coffee-50);
  --_theme---border--inverted: var(--colors--beige-10);
  --_theme---content--disabled: var(--colors--neutral-100);
  --_theme---border--default: var(--colors--coffee-10);
  --_theme---background--transparent: transparent;
  --_theme---background--surface-02: var(--colors--neutral-80);
  --_theme---border--document: var(--colors--orange-40);
  --_typography---font--signature: Thesignature, Arial, sans-serif;
  --_typography---display-2--size: var(--sizes--52);
  --_typography---display-2--line-height: 110%;
  --_typography---display-2--letter-spacing: -.5px;
  --_typography---label-medium--letter-spacing: .2px;
  --_theme---button--link--label-hover: var(--colors--orange-100);
  --_theme---button--link--border-hover: var(--colors--orange-100);
  --_theme---content--green: var(--colors--green-100);
  --_breakpoint---radius--sm: var(--sizes--08);
  --_theme---button--secondary--border-focus: var(--colors--orange-60);
  --_theme---navigation--nav-link--background: var(--colors--orange-00);
  --_theme---navigation--nav-link--label: var(--colors--coffee-100);
  --_theme---navigation--nav-link--background-hover: var(--colors--orange-100);
  --_theme---navigation--nav-link--label-hover: var(--colors--neutral-00);
  --colors--coffee-60: #22181c99;
  --_theme---border--avatar-2: var(--_theme---background--surface-01);
  --colors--green-100: #132a13;
  --colors--green-90: #132a13e6;
  --colors--green-80: #132a13cc;
  --colors--green-70: #132a13b3;
  --colors--green-60: #132a1399;
  --colors--green-50: #132a1380;
  --colors--green-40: #132a1366;
  --colors--green-30: #132a134d;
  --colors--green-20: #132a1333;
  --colors--green-10: #132a131a;
  --colors--green-00: #132a1300;
  --colors--orange-100: #d17c55;
  --colors--orange-90: #d17c55e6;
  --colors--orange-80: #d17c55cc;
  --colors--orange-70: #d17c55b3;
  --colors--orange-60: #d17c5599;
  --colors--orange-50: #d17c5580;
  --colors--orange-40: #d17c5566;
  --colors--orange-30: #d17c554d;
  --colors--orange-20: #d17c5533;
  --colors--orange-10: #d17c551a;
  --_breakpoint---radius--xs: var(--sizes--04);
  --colors--beige-90: #eee2d0e6;
  --colors--beige-80: #eee2d0cc;
  --colors--beige-70: #eee2d0b3;
  --colors--beige-60: #eee2d099;
  --colors--beige-50: #eee2d080;
  --colors--beige-40: #eee2d066;
  --colors--beige-30: #eee2d04d;
  --_breakpoint---max-width--xs: 640px;
  --colors--beige-10: #eee2d01a;
  --colors--coffee-100: #22181c;
  --colors--coffee-90: #22181ce6;
  --colors--coffee-80: #22181ccc;
  --colors--coffee-70: #22181cb3;
  --colors--coffee-50: #22181c80;
  --colors--coffee-40: #22181c66;
  --colors--coffee-30: #22181c4d;
  --colors--coffee-20: #22181c33;
  --colors--coffee-00: #22181c00;
  --colors--neutral-100: #9f907f;
  --colors--neutral-80: #dbcebc;
  --colors--neutral-60: #e5d8c6;
  --colors--neutral-40: #eee2d0;
  --colors--neutral-20: #f3eadc;
  --colors--neutral-10: #f7f1e8;
  --colors--neutral-00: #fbf8f4;
  --sizes--04: .25rem;
  --sizes--06: .375rem;
  --sizes--08: .5rem;
  --sizes--10: .625px;
  --_theme---background--surface-03: var(--colors--neutral-20);
  --sizes--12: .75rem;
  --_theme---background--surface-04: var(--colors--green-10);
  --sizes--14: .875rem;
  --_theme---background--surface-05: var(--colors--green-20);
  --sizes--16: 1rem;
  --sizes--18: 1.125rem;
  --sizes--20: 1.25rem;
  --sizes--22: 1.375rem;
  --sizes--24: 1.5rem;
  --sizes--26: 1.625rem;
  --_theme---button--primary--label: var(--colors--coffee-100);
  --_theme---button--primary--label-disabled: var(--colors--neutral-100);
  --_theme---button--primary--background-disabled: var(--colors--beige-60);
  --_theme---button--secondary--label-disabled: var(--colors--neutral-100);
  --_theme---button--secondary--background-disabled: var(--colors--neutral-60);
  --_theme---button--link--label: var(--colors--coffee-100);
  --sizes--28: 1.75rem;
  --sizes--30: 1.875rem;
  --_theme---button--link--stroke: var(--colors--coffee-100);
  --sizes--32: 2rem;
  --sizes--36: 2.25rem;
  --_theme---button--link--focus: var(--colors--orange-60);
  --sizes--40: 2.5rem;
  --_theme---button--link--label-disabled: var(--colors--neutral-60);
  --sizes--44: 2.75rem;
  --sizes--48: 3rem;
  --sizes--52: 3.25rem;
  --sizes--56: 3.5rem;
  --sizes--60: 3.75rem;
  --sizes--64: 4rem;
  --sizes--68: 4.25rem;
  --sizes--72: 4.5rem;
  --sizes--76: 4.75rem;
  --sizes--80: 5rem;
  --sizes--84: 5.25rem;
  --sizes--88: 5.5rem;
  --sizes--92: 5.75rem;
  --sizes--96: 6rem;
  --sizes--100: 6.25rem;
  --sizes--104: 6.5rem;
  --sizes--108: 6.75rem;
  --sizes--112: 7rem;
  --sizes--116: 7.25rem;
  --sizes--120: 7.5rem;
  --sizes--124: 7.75rem;
  --sizes--128: 8rem;
  --sizes--132: 8.25rem;
  --sizes--136: 8.5rem;
  --sizes--140: 8.75rem;
  --sizes--144: 9rem;
  --_theme---card--background-overlay: var(--colors--beige-80);
  --sizes--148: 9.25rem;
  --sizes--152: 9.5rem;
  --sizes--156: 9.75rem;
  --sizes--160: 10rem;
  --_theme---navigation--nav-bar--background: var(--colors--beige-60);
  --_theme---tabs--content: var(--_theme---content--primary);
  --_theme---tabs--content-hover: var(--_theme---content--primary);
  --_theme---tabs--content-active: var(--_theme---content--primary-beige);
  --_theme---tabs--background-hover: var(--_theme---background--surface-01);
  --_theme---tabs--background-active: var(--_theme---background--secondary);
  --_theme---illustration--green: var(--colors--green-100);
  --_theme---illustration--orange: var(--colors--orange-100);
  --_typography---root--size: var(--sizes--16);
  --_typography---heading-1--letter-spacing: -.2px;
  --_typography---copy-small--size: var(--sizes--14);
  --_typography---copy-small--line-height: 150%;
  --_typography---copy-small--letter-spacing: .2px;
  --_typography---label-small--size: var(--sizes--14);
  --_typography---label-small--line-height: 120%;
}

body {
  background-color: var(--_theme---background--primary);
  font-family: var(--_typography---font--body);
  color: var(--_theme---content--secondary);
  font-size: var(--_typography---copy-medium--size);
  line-height: var(--_typography---root--line-height);
  letter-spacing: var(--_typography---copy-medium--letter-spacing);
  --_breakpoint---padding--component-sm: var(--sizes--08);
  --_breakpoint---padding--component-lg: var(--sizes--20);
  --_breakpoint---radius--round: var(--sizes--100);
  --_breakpoint---padding--section-4xl: var(--sizes--112);
  --_breakpoint---base--side-paddings: 4vw;
  --_breakpoint---padding--container-3xl: var(--sizes--80);
  --_breakpoint---gap--container-2xl: var(--sizes--56);
  --_breakpoint---max-width--xl: 1600px;
  --_breakpoint---max-width--md: 1024px;
  --_breakpoint---max-width--sm: 780px;
  --_breakpoint---gap--container-xl: var(--sizes--44);
  --_breakpoint---max-width--lg: 1280px;
  --_breakpoint---gap--component-md: var(--sizes--20);
  --_breakpoint---padding--section-5xl: var(--sizes--136);
  --_breakpoint---padding--component-2xl: var(--sizes--56);
  --_breakpoint---padding--section-6xl: var(--sizes--152);
  --_breakpoint---padding--component-xl: var(--sizes--40);
  --_breakpoint---gap--component-sm: var(--sizes--08);
  --_breakpoint---gap--component-xs: var(--sizes--04);
  --_breakpoint---padding--component-md: var(--sizes--12);
  --_breakpoint---gap--component-lg: var(--sizes--32);
  --_breakpoint---radius--lg: var(--sizes--24);
  --_breakpoint---radius--xl: var(--sizes--48);
  --_breakpoint---radius--md: var(--sizes--12);
  --_breakpoint---padding--component-xs: var(--sizes--04);
  --_breakpoint---radius--sm: var(--sizes--08);
  --_breakpoint---radius--xs: var(--sizes--04);
  --_breakpoint---max-width--xs: 560px;
  --_typography---font--body: Lato, sans-serif;
  --_typography---copy-medium--size: var(--sizes--16);
  --_typography---root--line-height: 150%;
  --_typography---copy-medium--letter-spacing: .2px;
  --_typography---font--heading: Unna, sans-serif;
  --_typography---heading-1--size: var(--sizes--52);
  --_typography---heading-1--line-height: 110%;
  --_typography---root--letter-spacing: -.2px;
  --_typography---heading-2--size: var(--sizes--40);
  --_typography---heading-2--line-height: 110%;
  --_typography---heading-2--letter-spacing: -.2px;
  --_typography---heading-3--size: var(--sizes--24);
  --_typography---heading-3--line-height: 120%;
  --_typography---heading-3--letter-spacing: -.2px;
  --_typography---copy-medium--line-height: 150%;
  --_typography---display-1--size: var(--sizes--60);
  --_typography---display-1--line-height: 110%;
  --_typography---display-1--letter-spacing: -.5px;
  --_typography---label-medium--size: var(--sizes--16);
  --_typography---label-medium--line-height: 120%;
  --_typography---copy-large--size: var(--sizes--20);
  --_typography---copy-large--line-height: 150%;
  --_typography---copy-large--letter-spacing: .2px;
  --_typography---label-small--letter-spacing: .2px;
  --_typography---font--signature: Thesignature, Arial, sans-serif;
  --_typography---display-2--size: var(--sizes--48);
  --_typography---display-2--line-height: 110%;
  --_typography---display-2--letter-spacing: -.5px;
  --_typography---label-medium--letter-spacing: .2px;
  --_typography---root--size: var(--sizes--16);
  --_typography---heading-1--letter-spacing: -.2px;
  --_typography---copy-small--size: var(--sizes--12);
  --_typography---copy-small--line-height: 150%;
  --_typography---copy-small--letter-spacing: .2px;
  --_typography---label-small--size: var(--sizes--14);
  --_typography---label-small--line-height: 120%;
}

h1 {
  font-family: var(--_typography---font--heading);
  color: var(--_theme---content--primary);
  font-size: var(--_typography---heading-1--size);
  line-height: var(--_typography---heading-1--line-height);
  letter-spacing: var(--_typography---root--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

h2 {
  font-family: var(--_typography---font--heading);
  color: var(--_theme---content--primary);
  font-size: var(--_typography---heading-2--size);
  line-height: var(--_typography---heading-2--line-height);
  letter-spacing: var(--_typography---heading-2--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

h3 {
  font-family: var(--_typography---font--heading);
  color: var(--_theme---content--primary);
  font-size: var(--_typography---heading-3--size);
  line-height: var(--_typography---heading-3--line-height);
  letter-spacing: var(--_typography---heading-3--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

p {
  font-size: var(--_typography---copy-medium--size);
  line-height: var(--_typography---copy-medium--line-height);
  letter-spacing: var(--_typography---copy-medium--letter-spacing);
  margin-bottom: 0;
}

a {
  color: var(--_theme---content--primary);
  text-underline-offset: 6px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_theme---content--primary);
  text-decoration-color: var(--_theme---content--primary);
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

a:hover {
  color: var(--_theme---content--orange);
  -webkit-text-decoration-color: var(--_theme---content--orange);
  text-decoration-color: var(--_theme---content--orange);
}

img {
  max-width: 100%;
  display: inline-block;
}

.display-1 {
  font-size: var(--_typography---display-1--size);
  line-height: var(--_typography---display-1--line-height);
  letter-spacing: var(--_typography---display-1--letter-spacing);
  position: relative;
  overflow: visible;
}

.button {
  padding: var(--_breakpoint---padding--component-sm) var(--_breakpoint---padding--component-lg);
  background-color: var(--colors--orange-00);
  color: var(--_theme---content--primary);
  font-size: var(--_typography---label-medium--size);
  line-height: var(--_typography---label-medium--line-height);
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.button.primary {
  border-radius: var(--_breakpoint---radius--round);
  background-color: var(--_theme---button--primary--background);
  min-width: 240px;
  min-height: 52px;
  color: var(--_theme---content--primary);
}

.button.primary:hover {
  background-color: var(--_theme---button--primary--background-hover);
  color: var(--_theme---button--primary--label-hover);
}

.button.primary:focus {
  border: 2px solid var(--_theme---button--primary--border-focus);
}

.button.primary.small {
  min-width: 120px;
  min-height: 44px;
}

.button.secondary {
  border: 1px solid var(--_theme---button--secondary--border-default);
  border-radius: var(--_breakpoint---radius--round);
  background-color: var(--_theme---button--secondary--background);
  min-height: 52px;
  color: var(--_theme---button--secondary--label);
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
}

.button.secondary:hover {
  background-color: var(--_theme---button--secondary--background-hover);
  color: var(--_theme---button--secondary--label-hover);
}

.button.secondary:focus {
  border: 2px solid var(--_theme---button--primary--border-focus);
}

.button.secondary.icon {
  min-width: 52px;
  padding-right: var(--_breakpoint---padding--component-sm);
  padding-left: var(--_breakpoint---padding--component-sm);
}

.button.secondary.small {
  min-height: 44px;
}

.button.secondary.small.menu {
  display: none;
}

.button.secondary.social-media {
  min-width: 52px;
  padding-right: var(--_breakpoint---padding--component-sm);
  padding-left: var(--_breakpoint---padding--component-sm);
}

.button.accordion {
  width: 40px;
  height: 40px;
  padding-right: var(--_breakpoint---padding--component-sm);
  padding-left: var(--_breakpoint---padding--component-sm);
  color: var(--_theme---content--primary-beige);
  overflow: hidden;
}

.button.link {
  min-height: 24px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: underline;
}

.stage {
  width: 100%;
  height: 85svh;
  padding: var(--_breakpoint---padding--section-4xl) var(--_breakpoint---base--side-paddings) var(--_breakpoint---padding--container-3xl);
  background-image: linear-gradient(180deg, var(--colors--beige-00), var(--colors--beige-20) 65%, var(--colors--beige-100)), url('../images/noise-tile.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, contain;
  background-attachment: scroll, scroll;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-2xl {
  grid-column-gap: var(--_breakpoint---gap--container-2xl);
  grid-row-gap: var(--_breakpoint---gap--container-2xl);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.container-2xl.xl {
  max-width: var(--_breakpoint---max-width--xl);
}

.container-2xl.md {
  max-width: var(--_breakpoint---max-width--md);
}

.container-2xl.sm {
  max-width: var(--_breakpoint---max-width--sm);
}

.container-xl {
  grid-column-gap: var(--_breakpoint---gap--container-xl);
  grid-row-gap: var(--_breakpoint---gap--container-xl);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.container-xl.lg {
  max-width: var(--_breakpoint---max-width--lg);
}

.content-wrapper {
  width: 100%;
  max-width: var(--_breakpoint---max-width--sm);
  grid-column-gap: var(--_breakpoint---gap--component-md);
  grid-row-gap: var(--_breakpoint---gap--component-md);
  text-wrap: balance;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.content-wrapper.left {
  max-width: var(--_breakpoint---max-width--md);
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.content-wrapper.center {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.content-wrapper.faq {
  justify-content: flex-start;
  align-items: flex-start;
}

.lllustration-stage {
  max-width: 60%;
  position: relative;
}

.section {
  width: 100%;
  padding: var(--_breakpoint---padding--section-4xl) var(--_breakpoint---base--side-paddings) var(--_breakpoint---padding--section-5xl);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.green-beige {
  background-image: linear-gradient(180deg, var(--_theme---background--secondary), var(--_theme---background--secondary) 50%, var(--_theme---background--primary) 50%, var(--_theme---background--primary));
}

.section.green-beige.tablet-mobile {
  display: none;
}

.section.green-beige.desktop-laptop {
  background-image: linear-gradient(180deg, var(--_theme---background--secondary), var(--_theme---background--secondary) 50%, var(--_theme---background--primary) 50%, var(--_theme---background--primary));
}

.section.companies-strip {
  width: 100%;
  max-width: 1920px;
  min-height: 15vh;
  padding-top: var(--_breakpoint---padding--component-2xl);
  padding-bottom: var(--_breakpoint---padding--component-2xl);
  overflow: hidden;
}

.section.beige-green {
  background-image: linear-gradient(180deg, var(--_theme---background--primary), var(--_theme---background--primary) 50%, var(--_theme---background--secondary) 50%, var(--_theme---background--secondary));
}

.section.green {
  background-color: var(--_theme---background--secondary);
  color: var(--_theme---content--secondary-beige);
}

.section.green.large {
  min-height: 50vh;
  padding-top: var(--_breakpoint---padding--section-6xl);
  padding-bottom: var(--_breakpoint---padding--section-6xl);
}

.section.call-to-action {
  background-image: linear-gradient(180deg, var(--colors--beige-100), var(--colors--beige-20) 35%, var(--colors--beige-00)), url('../images/noise-tile.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.section.small {
  padding-top: var(--_breakpoint---padding--component-xl);
  padding-bottom: var(--_breakpoint---padding--component-2xl);
}

.header-wrapper {
  width: 100%;
  padding-right: var(--_breakpoint---base--side-paddings);
  padding-left: var(--_breakpoint---base--side-paddings);
  grid-column-gap: var(--_breakpoint---gap--component-md);
  grid-row-gap: var(--_breakpoint---gap--component-md);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.header-wrapper.center {
  justify-content: center;
  align-items: center;
}

.header-wrapper.faq {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.header-wrapper.inverted {
  color: var(--_theme---content--secondary-beige);
}

.content {
  grid-column-gap: var(--_breakpoint---gap--component-md);
  grid-row-gap: var(--_breakpoint---gap--component-md);
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content.small {
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
}

.header {
  grid-column-gap: var(--_breakpoint---gap--component-xs);
  grid-row-gap: var(--_breakpoint---gap--component-xs);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.header.inverted {
  color: var(--_theme---content--primary-beige);
  position: relative;
}

.header.inverted.faq {
  padding-top: var(--_breakpoint---padding--component-lg);
  padding-bottom: var(--_breakpoint---padding--component-lg);
}

.header.display-1 {
  font-size: var(--_typography---display-1--size);
  line-height: var(--_typography---display-1--line-height);
  letter-spacing: var(--_typography---display-1--letter-spacing);
}

.subline {
  font-size: var(--_typography---copy-large--size);
  line-height: var(--_typography---copy-large--line-height);
  letter-spacing: var(--_typography---copy-large--letter-spacing);
}

.subline.inverted {
  width: 100%;
  color: var(--_theme---content--secondary-beige);
}

.subline.margin-bottom {
  margin-bottom: var(--_breakpoint---padding--component-md);
}

.cards {
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.span-beige {
  color: var(--_theme---content--primary-beige);
}

.card {
  z-index: 10;
  width: 100%;
  max-width: 100%;
  min-height: 620px;
  padding: var(--_breakpoint---padding--component-2xl) var(--_breakpoint---padding--component-xl) var(--_breakpoint---padding--component-xl);
  grid-row-gap: var(--_breakpoint---gap--component-lg);
  border-radius: var(--_breakpoint---radius--lg);
  background-color: var(--_theme---card--background);
  box-shadow: 0 8px 40px 0 var(--colors--coffee-10);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
}

.card:hover {
  background-color: var(--_theme---card--background-hover);
}

.illustration {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.span-coffee {
  color: var(--_theme---content--primary);
}

.media-wrapper {
  object-fit: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-wrapper.illustration {
  padding: var(--_breakpoint---padding--component-xl);
}

.media-wrapper.rounded {
  border-radius: var(--_breakpoint---radius--xl);
  overflow: hidden;
  box-shadow: 0 8px 40px #00000014;
}

.media-wrapper.overflown {
  overflow: visible;
  box-shadow: 0 8px 40px #00000014;
}

.icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.card-content {
  grid-column-gap: var(--_breakpoint---gap--component-md);
  grid-row-gap: var(--_breakpoint---gap--component-md);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-content.hidden {
  opacity: 0;
  height: 100%;
  position: absolute;
}

.card-content-wrapper {
  position: relative;
  overflow: hidden;
}

.content-stage {
  grid-column-gap: var(--_breakpoint---gap--component-md);
  grid-row-gap: var(--_breakpoint---gap--component-md);
  text-align: center;
  text-wrap: balance;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.company-track {
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: visible;
}

.company-logo {
  width: 200px;
  padding: var(--_breakpoint---padding--component-lg) var(--_breakpoint---padding--component-xl);
  opacity: .5;
  filter: grayscale();
  justify-content: center;
  align-items: center;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
}

.company-logo:hover {
  opacity: 1;
}

.logo {
  object-fit: contain;
  height: 48px;
  position: relative;
}

.running-strip {
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.carousel-wrapper {
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.user-name {
  color: var(--_theme---content--primary);
  font-size: var(--_typography---label-medium--size);
  line-height: var(--_typography---label-medium--line-height);
  letter-spacing: var(--_typography---label-small--letter-spacing);
}

.testimonial-track {
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: visible;
}

.testimonial {
  max-width: 580px;
  height: 240px;
  padding-top: var(--_breakpoint---padding--component-lg);
  padding-right: var(--_breakpoint---padding--component-lg);
  padding-bottom: var(--_breakpoint---padding--component-lg);
  padding-left: var(--_breakpoint---padding--component-lg);
  border-top-left-radius: var(--_breakpoint---radius--md);
  border-top-right-radius: var(--_breakpoint---radius--md);
  border-bottom-left-radius: var(--_breakpoint---radius--md);
  border-bottom-right-radius: var(--_breakpoint---radius--md);
  background-color: var(--_theme---background--surface-01);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 33.3333vw;
  display: flex;
  position: relative;
}

.testimonial:hover {
  opacity: 1;
}

.testimonial-copy {
  width: 100%;
  color: var(--_theme---content--primary);
}

.user {
  width: 100%;
  padding-top: var(--_breakpoint---padding--component-lg);
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.avatar {
  width: 80px;
  height: 80px;
  padding: var(--_breakpoint---padding--component-xs);
  border: 1px solid var(--_theme---border--avatar-1);
  border-radius: var(--_breakpoint---radius--round);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.user-info {
  grid-column-gap: var(--_breakpoint---gap--component-xs);
  grid-row-gap: var(--_breakpoint---gap--component-xs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.user-occupation {
  color: var(--_theme---content--tertiary);
  font-size: var(--_typography---label-medium--size);
  line-height: var(--_typography---label-medium--line-height);
  letter-spacing: var(--_typography---label-small--letter-spacing);
}

.media {
  width: 100%;
}

.media.rounded {
  border-radius: var(--_breakpoint---radius--round);
  object-fit: cover;
  height: 100%;
}

.container-stage {
  width: 100%;
  height: 100%;
  max-width: var(--_breakpoint---max-width--sm);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.media-stage {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.slider {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.slide {
  margin-right: var(--_breakpoint---gap--component-md);
  width: calc(50% - var(--_breakpoint---gap--component-md));
}

.mask {
  width: 100%;
  height: auto;
  padding-bottom: calc(var(--_breakpoint---gap--container-xl)  + 52px);
  overflow: visible;
}

.slide-nav {
  display: none;
}

.nav-chevron {
  width: 52px;
  height: 52px;
}

.nav-chevron.button.secondary.icon {
  top: auto;
  bottom: 0%;
  right: auto;
  left: calc(50% + var(--_breakpoint---gap--component-xs));
}

.nav-chevron.button.secondary.icon.left {
  top: auto;
  bottom: 0%;
  left: auto;
  right: calc(50% + var(--_breakpoint---gap--component-xs));
}

.grid-faq {
  grid-column-gap: var(--_breakpoint---gap--container-2xl);
  grid-row-gap: var(--_breakpoint---gap--container-2xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.grid-faq.md {
  max-width: var(--_breakpoint---max-width--md);
}

.accordions-wrapper {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.accordion-header {
  grid-column-gap: var(--_breakpoint---gap--component-md);
  grid-row-gap: var(--_breakpoint---gap--component-md);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.accordion-item {
  height: 80px;
  padding-top: var(--_breakpoint---padding--component-lg);
  padding-bottom: var(--_breakpoint---padding--component-lg);
  grid-column-gap: var(--_breakpoint---gap--component-md);
  grid-row-gap: var(--_breakpoint---gap--component-md);
  border-bottom: 1px solid var(--_theme---border--inverted);
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.accordion-dropdown {
  padding-right: var(--_breakpoint---padding--component-2xl);
}

.display-number {
  opacity: .3;
  font-family: var(--_typography---font--heading);
  color: var(--_theme---content--disabled);
  font-size: var(--_typography---display-1--size);
  line-height: var(--_typography---display-1--line-height);
  letter-spacing: var(--_typography---display-1--letter-spacing);
  font-weight: 700;
}

.tabs-menu {
  padding-top: var(--_breakpoint---padding--component-md);
  padding-right: var(--_breakpoint---padding--component-md);
  padding-bottom: var(--_breakpoint---padding--component-md);
  padding-left: var(--_breakpoint---padding--component-md);
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  border-top-left-radius: var(--_breakpoint---radius--lg);
  border-top-right-radius: var(--_breakpoint---radius--lg);
  border-bottom-left-radius: var(--_breakpoint---radius--lg);
  border-bottom-right-radius: var(--_breakpoint---radius--lg);
  background-color: var(--_theme---background--surface-01);
  justify-content: center;
  align-items: center;
  width: 33.3333vw;
  display: flex;
}

.tab-link {
  width: 100%;
  padding: var(--_breakpoint---padding--component-lg) var(--_breakpoint---padding--component-sm);
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  border: 1px solid var(--_theme---border--default);
  border-radius: var(--_breakpoint---radius--md);
  background-color: var(--_theme---background--transparent);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-link:hover {
  background-color: var(--_theme---background--surface-02);
  color: var(--_theme---content--primary);
}

.tab-link.w--current {
  border-color: var(--_theme---border--avatar-1);
  background-color: var(--_theme---background--secondary);
  color: var(--_theme---content--primary-beige);
}

.tabs-wrapper {
  grid-column-gap: var(--_breakpoint---gap--component-lg);
  grid-row-gap: var(--_breakpoint---gap--component-lg);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -2rem;
  display: flex;
}

.tabs {
  width: 100%;
  overflow: visible;
}

.tabs-subline {
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  width: 33.3333vw;
  min-height: 60px;
  display: flex;
  position: relative;
}

.tabs-content {
  grid-column-gap: var(--_breakpoint---gap--component-lg);
  grid-row-gap: var(--_breakpoint---gap--component-lg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cv-drop {
  width: 100%;
  height: 650px;
  padding: var(--_breakpoint---padding--component-2xl) var(--_breakpoint---padding--component-xl);
  grid-column-gap: var(--_breakpoint---gap--component-lg);
  grid-row-gap: var(--_breakpoint---gap--component-lg);
  border: 2px dashed var(--_theme---border--document);
  border-radius: var(--_breakpoint---radius--xl);
  background-color: var(--_theme---background--surface-01);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.statement-wrapper {
  grid-column-gap: var(--_breakpoint---gap--container-2xl);
  grid-row-gap: var(--_breakpoint---gap--container-2xl);
  text-align: center;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.signature {
  font-family: var(--_typography---font--signature);
  color: var(--_theme---content--primary-beige);
  font-size: var(--_typography---display-2--size);
  line-height: var(--_typography---display-2--line-height);
  letter-spacing: var(--_typography---display-2--letter-spacing);
}

.footer {
  width: 100%;
  padding-top: var(--_breakpoint---padding--section-4xl);
  padding-right: var(--_breakpoint---base--side-paddings);
  padding-left: var(--_breakpoint---base--side-paddings);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_theme---border--default);
  background-color: var(--_theme---background--secondary);
  color: var(--colors--beige-100);
  text-wrap: balance;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-wrapper {
  width: 100%;
  margin-bottom: var(--_breakpoint---padding--section-5xl);
  grid-column-gap: var(--_breakpoint---gap--component-lg);
  grid-row-gap: var(--_breakpoint---gap--component-lg);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.footer-content {
  grid-column-gap: var(--_breakpoint---gap--component-lg);
  grid-row-gap: var(--_breakpoint---gap--component-lg);
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.footer-column {
  grid-column-gap: var(--_breakpoint---gap--component-md);
  grid-row-gap: var(--_breakpoint---gap--component-md);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  width: 100%;
  margin-bottom: var(--_breakpoint---padding--component-md);
  font-size: var(--_typography---label-medium--size);
  line-height: var(--_typography---label-medium--line-height);
  letter-spacing: var(--_typography---label-medium--letter-spacing);
  text-transform: uppercase;
  font-weight: 700;
}

.footer-link {
  min-height: 24px;
  color: var(--_theme---content--secondary-beige);
  font-size: var(--_typography---label-medium--size);
  line-height: var(--_typography---label-medium--line-height);
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.footer-link:hover {
  color: var(--_theme---button--link--label-hover);
  -webkit-text-stroke-color: var(--_theme---button--link--border-hover);
  text-decoration: underline;
}

.footer-link.mobile {
  display: none;
}

.copyright-wrapper {
  width: 100%;
  padding-top: var(--_breakpoint---padding--component-lg);
  padding-bottom: var(--_breakpoint---padding--component-lg);
  border-top: 1px solid var(--_theme---border--default);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.brand-logo {
  width: 120px;
  height: 40px;
  color: var(--_theme---content--green);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  display: block;
  position: relative;
}

.brand-logo:hover {
  color: var(--_theme---content--orange);
}

.brand-logo.inverted {
  color: var(--_theme---content--primary-beige);
}

.brand-logo.inverted:hover {
  color: var(--_theme---content--orange);
}

.navbar {
  z-index: 999;
  width: 100%;
  padding-top: var(--_breakpoint---padding--component-lg);
  padding-right: var(--_breakpoint---base--side-paddings);
  padding-left: var(--_breakpoint---base--side-paddings);
  background-color: var(--_theme---background--transparent);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.navigation {
  width: 100%;
  max-width: var(--_breakpoint---max-width--xl);
  min-height: 56px;
  padding: var(--_breakpoint---padding--component-sm) var(--_breakpoint---padding--component-sm) var(--_breakpoint---padding--component-sm) var(--_breakpoint---padding--component-lg);
  border-radius: var(--_breakpoint---radius--round);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: visible;
  z-index: 1;
}

.menu-button {
  cursor: pointer;
  min-height: 44px;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

.nav-container {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: visible;
}

.column {
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  justify-content: center;
  align-items: center;
  display: flex;
}

.column.left {
  justify-content: flex-start;
  align-items: center;
}

.column.right {
  grid-column-gap: var(--_breakpoint---gap--component-md);
  grid-row-gap: var(--_breakpoint---gap--component-md);
  justify-content: flex-end;
  align-items: center;
}

.nav-link {
  min-height: 44px;
  padding: var(--_breakpoint---padding--component-sm) var(--_breakpoint---padding--component-md);
  border-radius: var(--_breakpoint---radius--sm);
  background-color: var(--_theme---navigation--nav-link--background);
  color: var(--_theme---navigation--nav-link--label);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.nav-link:hover {
  background-color: var(--_theme---navigation--nav-link--background-hover);
  color: var(--_theme---navigation--nav-link--label-hover);
}

.nav-link.mobile {
  display: none;
}

.nav-menu {
  grid-column-gap: var(--_breakpoint---gap--component-md);
  grid-row-gap: var(--_breakpoint---gap--component-md);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.menu-buttons {
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  justify-content: center;
  align-items: center;
  display: flex;
}

.language-switcher {
  z-index: 1000;
  position: relative;
}

.language-switcher-button {
  min-height: 36px;
  padding: 0 9px;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border: 1px solid transparent;
  border-radius: var(--_breakpoint---radius--round);
  background-color: transparent;
  color: var(--colors--coffee-100);
  box-shadow: none;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-size: var(--_typography---label-small--size);
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  display: inline-flex;
  transition: background-color .18s ease, border-color .18s ease;
}

.language-switcher-button:hover,
.language-switcher.is-open .language-switcher-button {
  border-color: rgba(43, 31, 22, .08);
  background-color: rgba(43, 31, 22, .045);
}

.language-switcher-flag {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background-color: rgba(43, 31, 22, .045);
  justify-content: center;
  align-items: center;
  font-size: 13px;
  line-height: 1;
  display: flex;
}

.language-switcher-code {
  text-transform: uppercase;
}

.language-switcher-options {
  z-index: 1001;
  min-width: 136px;
  padding: 4px;
  border: 1px solid rgba(43, 31, 22, .08);
  border-radius: 12px;
  background-color: rgba(238, 226, 208, .98);
  box-shadow: 0 12px 28px rgba(43, 31, 22, .1);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  transform: translateY(-2px);
  transition: opacity .18s ease, transform .18s ease;
}

.language-switcher.is-open .language-switcher-options {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.language-switcher-option {
  width: 100%;
  min-height: 34px;
  padding: 0 8px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 0;
  border-radius: 8px;
  background-color: transparent;
  color: rgba(43, 31, 22, .7);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

.language-switcher-option:hover {
  background-color: rgba(43, 31, 22, .045);
  color: var(--colors--coffee-100);
}

.language-switcher-option.is-active {
  background-color: rgba(43, 31, 22, .08);
  color: var(--colors--coffee-100);
}

.menu-language-switcher {
  width: 100%;
}

.menu-language-switcher .language-switcher-button {
  width: 100%;
  min-height: 44px;
  justify-content: flex-start;
  border-color: rgba(43, 31, 22, .08);
  background-color: rgba(43, 31, 22, .035);
}

.menu-language-switcher .language-switcher-options {
  width: 100%;
  position: static;
  margin-top: 8px;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  display: none;
}

.menu-language-switcher.is-open .language-switcher-options {
  display: block;
}

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

.footer-brand {
  margin-bottom: var(--_breakpoint---padding--component-lg);
  grid-column-gap: var(--_breakpoint---gap--component-md);
  grid-row-gap: var(--_breakpoint---gap--component-md);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.overlay-menu {
  display: none;
}

@media screen and (min-width: 992px) {
  .overlay-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

.social-media-icons {
  grid-column-gap: var(--_breakpoint---padding--component-md);
  grid-row-gap: var(--_breakpoint---padding--component-md);
  display: flex;
}

.card-privacy {
  z-index: 10;
  width: 100%;
  max-width: 100%;
  padding: var(--_breakpoint---padding--component-xl);
  grid-row-gap: var(--_breakpoint---gap--component-lg);
  border-radius: var(--_breakpoint---radius--lg);
  background-color: var(--_theme---card--background);
  box-shadow: 0 8px 40px 0 var(--colors--coffee-10);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
}

.card-privacy:hover {
  background-color: var(--_theme---card--background-hover);
}

.page-header {
  width: 100%;
  padding-top: var(--_breakpoint---padding--section-6xl);
  padding-right: var(--_breakpoint---base--side-paddings);
  padding-bottom: var(--_breakpoint---padding--section-4xl);
  padding-left: var(--_breakpoint---base--side-paddings);
  justify-content: center;
  align-items: flex-end;
  min-height: calc(50vh + 80px);
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-header.green {
  background-color: var(--_theme---background--secondary);
  color: var(--_theme---content--secondary-beige);
}

.page-header.beige-green {
  background-image: linear-gradient(180deg, var(--_theme---background--primary), var(--_theme---content--primary-beige) 15%, var(--_theme---background--secondary) 15%, var(--_theme---background--secondary));
  color: var(--_theme---content--secondary-beige);
}

.page-title.inverted {
  color: var(--_theme---content--primary-beige);
}

.list-content {
  margin-bottom: var(--_breakpoint---padding--component-md);
  padding-left: var(--_breakpoint---padding--component-xl);
}

.nav-menu-desktop {
  grid-column-gap: var(--_breakpoint---gap--component-sm);
  grid-row-gap: var(--_breakpoint---gap--component-sm);
  display: flex;
}

.nav-menu-desktop:where(.w-variant-0e70071d-9a6a-839f-3807-4a0061b98248) {
  display: none;
}

.video {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.video.rounded {
  border-radius: var(--_breakpoint---radius--xl);
}

@media screen and (min-width: 1920px) {
  body {
    --_breakpoint---padding--component-sm: var(--sizes--08);
    --_breakpoint---padding--component-lg: var(--sizes--22);
    --_breakpoint---radius--round: var(--sizes--100);
    --_breakpoint---padding--section-4xl: var(--sizes--120);
    --_breakpoint---base--side-paddings: 3.5vw;
    --_breakpoint---padding--container-3xl: var(--sizes--88);
    --_breakpoint---gap--container-2xl: var(--sizes--60);
    --_breakpoint---max-width--xl: 1920px;
    --_breakpoint---max-width--md: 1140px;
    --_breakpoint---max-width--sm: 840px;
    --_breakpoint---gap--container-xl: var(--sizes--48);
    --_breakpoint---max-width--lg: 1440px;
    --_breakpoint---gap--component-md: var(--sizes--22);
    --_breakpoint---padding--section-5xl: var(--sizes--144);
    --_breakpoint---padding--component-2xl: var(--sizes--60);
    --_breakpoint---padding--section-6xl: var(--sizes--160);
    --_breakpoint---padding--component-xl: var(--sizes--44);
    --_breakpoint---gap--component-sm: var(--sizes--08);
    --_breakpoint---gap--component-xs: var(--sizes--04);
    --_breakpoint---padding--component-md: var(--sizes--12);
    --_breakpoint---gap--component-lg: var(--sizes--36);
    --_breakpoint---radius--lg: var(--sizes--24);
    --_breakpoint---radius--xl: var(--sizes--48);
    --_breakpoint---radius--md: var(--sizes--12);
    --_breakpoint---padding--component-xs: var(--sizes--04);
    --_breakpoint---radius--sm: var(--sizes--08);
    --_breakpoint---radius--xs: var(--sizes--04);
    --_breakpoint---max-width--xs: 640px;
    --_typography---font--body: Lato, sans-serif;
    --_typography---copy-medium--size: var(--sizes--18);
    --_typography---root--line-height: 150%;
    --_typography---copy-medium--letter-spacing: .2px;
    --_typography---font--heading: Unna, sans-serif;
    --_typography---heading-1--size: var(--sizes--60);
    --_typography---heading-1--line-height: 110%;
    --_typography---root--letter-spacing: -.2px;
    --_typography---heading-2--size: var(--sizes--48);
    --_typography---heading-2--line-height: 110%;
    --_typography---heading-2--letter-spacing: -.2px;
    --_typography---heading-3--size: var(--sizes--26);
    --_typography---heading-3--line-height: 120%;
    --_typography---heading-3--letter-spacing: -.2px;
    --_typography---copy-medium--line-height: 150%;
    --_typography---display-1--size: var(--sizes--68);
    --_typography---display-1--line-height: 110%;
    --_typography---display-1--letter-spacing: -.5px;
    --_typography---label-medium--size: var(--sizes--16);
    --_typography---label-medium--line-height: 120%;
    --_typography---copy-large--size: var(--sizes--22);
    --_typography---copy-large--line-height: 150%;
    --_typography---copy-large--letter-spacing: .2px;
    --_typography---label-small--letter-spacing: .2px;
    --_typography---font--signature: Thesignature, Arial, sans-serif;
    --_typography---display-2--size: var(--sizes--52);
    --_typography---display-2--line-height: 110%;
    --_typography---display-2--letter-spacing: -.5px;
    --_typography---label-medium--letter-spacing: .2px;
    --_typography---root--size: var(--sizes--16);
    --_typography---heading-1--letter-spacing: -.2px;
    --_typography---copy-small--size: var(--sizes--14);
    --_typography---copy-small--line-height: 150%;
    --_typography---copy-small--letter-spacing: .2px;
    --_typography---label-small--size: var(--sizes--14);
    --_typography---label-small--line-height: 120%;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .stage {
    background-size: auto, contain;
  }

  .subline {
    position: relative;
  }

  .logo {
    height: 64px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_breakpoint---padding--component-sm: var(--sizes--08);
    --_breakpoint---padding--component-lg: var(--sizes--18);
    --_breakpoint---radius--round: var(--sizes--100);
    --_breakpoint---padding--section-4xl: var(--sizes--104);
    --_breakpoint---base--side-paddings: 4.5vw;
    --_breakpoint---padding--container-3xl: var(--sizes--72);
    --_breakpoint---gap--container-2xl: var(--sizes--52);
    --_breakpoint---max-width--xl: 100%;
    --_breakpoint---max-width--md: 100%;
    --_breakpoint---max-width--sm: 100%;
    --_breakpoint---gap--container-xl: var(--sizes--40);
    --_breakpoint---max-width--lg: 100%;
    --_breakpoint---gap--component-md: var(--sizes--18);
    --_breakpoint---padding--section-5xl: var(--sizes--128);
    --_breakpoint---padding--component-2xl: var(--sizes--52);
    --_breakpoint---padding--section-6xl: var(--sizes--144);
    --_breakpoint---padding--component-xl: var(--sizes--36);
    --_breakpoint---gap--component-sm: var(--sizes--08);
    --_breakpoint---gap--component-xs: var(--sizes--04);
    --_breakpoint---padding--component-md: var(--sizes--12);
    --_breakpoint---gap--component-lg: var(--sizes--28);
    --_breakpoint---radius--lg: var(--sizes--20);
    --_breakpoint---radius--xl: var(--sizes--32);
    --_breakpoint---radius--md: var(--sizes--12);
    --_breakpoint---padding--component-xs: var(--sizes--04);
    --_breakpoint---radius--sm: var(--sizes--08);
    --_breakpoint---radius--xs: var(--sizes--04);
    --_breakpoint---max-width--xs: 100%;
    --_typography---font--body: Lato, sans-serif;
    --_typography---copy-medium--size: var(--sizes--14);
    --_typography---root--line-height: 150%;
    --_typography---copy-medium--letter-spacing: .2px;
    --_typography---font--heading: Unna, sans-serif;
    --_typography---heading-1--size: var(--sizes--44);
    --_typography---heading-1--line-height: 110%;
    --_typography---root--letter-spacing: -.2px;
    --_typography---heading-2--size: var(--sizes--32);
    --_typography---heading-2--line-height: 110%;
    --_typography---heading-2--letter-spacing: -.2px;
    --_typography---heading-3--size: var(--sizes--22);
    --_typography---heading-3--line-height: 120%;
    --_typography---heading-3--letter-spacing: -.2px;
    --_typography---copy-medium--line-height: 150%;
    --_typography---display-1--size: var(--sizes--52);
    --_typography---display-1--line-height: 110%;
    --_typography---display-1--letter-spacing: -.5px;
    --_typography---label-medium--size: var(--sizes--14);
    --_typography---label-medium--line-height: 120%;
    --_typography---copy-large--size: var(--sizes--18);
    --_typography---copy-large--line-height: 150%;
    --_typography---copy-large--letter-spacing: .2px;
    --_typography---label-small--letter-spacing: .2px;
    --_typography---font--signature: Thesignature, Arial, sans-serif;
    --_typography---display-2--size: var(--sizes--44);
    --_typography---display-2--line-height: 110%;
    --_typography---display-2--letter-spacing: -.5px;
    --_typography---label-medium--letter-spacing: .2px;
    --_typography---root--size: var(--sizes--16);
    --_typography---heading-1--letter-spacing: -.2px;
    --_typography---copy-small--size: var(--sizes--10);
    --_typography---copy-small--line-height: 150%;
    --_typography---copy-small--letter-spacing: .2px;
    --_typography---label-small--size: var(--sizes--12);
    --_typography---label-small--line-height: 120%;
  }

  .button.primary.small {
    min-width: 110px;
  }

  .button.primary.small.menu {
    width: 100%;
  }

  .button.secondary.small {
    justify-content: center;
    align-items: center;
    min-height: 44px;
  }

  .button.secondary.small.menu {
    width: 100%;
    display: inline-flex;
  }

  .button.secondary.small.menu:where(.w-variant-0e70071d-9a6a-839f-3807-4a0061b98248), .button.link.menu {
    display: none;
  }

  .content-wrapper.left {
    text-wrap: wrap;
  }

  .section.green-beige.tablet-mobile {
    display: flex;
  }

  .section.green-beige.desktop-laptop {
    display: none;
  }

  .header-wrapper {
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cards {
    flex-flow: column;
  }

  .card {
    min-height: 570px;
  }

  .illustration {
    position: relative;
  }

  .company-logo {
    width: 180px;
  }

  .logo {
    height: 44px;
  }

  .grid-faq.md {
    flex-flow: column;
    display: flex;
  }

  .accordion-item {
    height: 76px;
  }

  .tabs-menu, .tabs-subline {
    width: 66.6667vw;
  }

  .cv-drop {
    height: 600px;
  }

  .footer-wrapper {
    flex-flow: column;
  }

  .footer-content {
    width: 80%;
  }

  .footer-link.mobile {
    display: flex;
  }

  .footer-link.desktop {
    display: none;
  }

  .brand-logo {
    width: 110px;
  }

  .menu-button {
    padding: var(--_breakpoint---gap--component-sm) var(--_breakpoint---padding--component-lg) var(--_breakpoint---padding--component-sm) var(--_breakpoint---gap--component-md);
    border: 1px solid var(--_theme---button--secondary--border-default);
    border-radius: var(--_breakpoint---radius--round);
    background-color: var(--_theme---button--secondary--background);
    color: var(--_theme---button--secondary--label);
    font-size: var(--_typography---label-medium--size);
    line-height: var(--_typography---label-medium--line-height);
    letter-spacing: var(--_typography---label-medium--letter-spacing);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-button:hover {
    border-radius: var(--_breakpoint---radius--sm);
    background-color: var(--_theme---button--secondary--background-hover);
    color: var(--_theme---button--secondary--label-hover);
  }

  .menu-button:active {
    border-width: 2px;
    border-color: var(--_theme---button--secondary--border-focus);
  }

  .menu-button.w--open {
    background-color: var(--_theme---button--secondary--background);
    color: var(--_theme---button--secondary--label);
  }

  .column.right {
    grid-column-gap: var(--_breakpoint---gap--component-sm);
    grid-row-gap: var(--_breakpoint---gap--component-sm);
  }

  .column.right > .language-switcher:not(.menu-language-switcher) {
    display: none;
  }

  .nav-link {
    display: none;
  }

  .nav-link.mobile {
    display: inline-flex;
  }

  .nav-menu-wrapper {
    background-color: var(--colors--coffee-60);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .nav-menu {
    z-index: 100;
    width: 100%;
    padding-top: var(--_breakpoint---padding--component-lg);
    padding-right: var(--_breakpoint---padding--component-xl);
    padding-bottom: var(--_breakpoint---padding--component-2xl);
    padding-left: var(--_breakpoint---padding--component-xl);
    background-color: var(--_theme---background--primary);
    max-width: calc(100% / 1.15 - var(--_breakpoint---padding--component-xl));
    flex-flow: column;
    justify-content: flex-start;
    margin-left: auto;
    list-style-type: none;
    position: absolute;
    inset: 0% 0% 0% 0;
  }

  .menu-buttons {
    width: 100%;
    position: relative;
  }

  .menu-button-label {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 24px;
    display: flex;
  }

  .footer-brand {
    width: 100%;
  }

  .overlay-menu {
    z-index: 99999;
    background-color: var(--colors--coffee-60);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0;
  }

  .content-menu {
    grid-column-gap: var(--_breakpoint---gap--component-lg);
    grid-row-gap: var(--_breakpoint---gap--component-lg);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
  }

  .nav-items-wrapper {
    width: 100%;
    padding-top: var(--_breakpoint---padding--component-md);
    padding-bottom: var(--_breakpoint---gap--container-xl);
    grid-column-gap: var(--_breakpoint---gap--component-sm);
    grid-row-gap: var(--_breakpoint---gap--component-sm);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .menu-header {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_breakpoint---padding--component-sm: var(--sizes--08);
    --_breakpoint---padding--component-lg: var(--sizes--16);
    --_breakpoint---radius--round: var(--sizes--100);
    --_breakpoint---padding--section-4xl: var(--sizes--96);
    --_breakpoint---base--side-paddings: 5vw;
    --_breakpoint---padding--container-3xl: var(--sizes--64);
    --_breakpoint---gap--container-2xl: var(--sizes--48);
    --_breakpoint---max-width--xl: 100%;
    --_breakpoint---max-width--md: 100%;
    --_breakpoint---max-width--sm: 100%;
    --_breakpoint---gap--container-xl: var(--sizes--36);
    --_breakpoint---max-width--lg: 100%;
    --_breakpoint---gap--component-md: var(--sizes--16);
    --_breakpoint---padding--section-5xl: var(--sizes--120);
    --_breakpoint---padding--component-2xl: var(--sizes--48);
    --_breakpoint---padding--section-6xl: var(--sizes--136);
    --_breakpoint---padding--component-xl: var(--sizes--32);
    --_breakpoint---gap--component-sm: var(--sizes--08);
    --_breakpoint---gap--component-xs: var(--sizes--04);
    --_breakpoint---padding--component-md: var(--sizes--12);
    --_breakpoint---gap--component-lg: var(--sizes--24);
    --_breakpoint---radius--lg: var(--sizes--20);
    --_breakpoint---radius--xl: var(--sizes--32);
    --_breakpoint---radius--md: var(--sizes--12);
    --_breakpoint---padding--component-xs: var(--sizes--04);
    --_breakpoint---radius--sm: var(--sizes--08);
    --_breakpoint---radius--xs: var(--sizes--04);
    --_breakpoint---max-width--xs: 100%;
    --_typography---font--body: Lato, sans-serif;
    --_typography---copy-medium--size: var(--sizes--14);
    --_typography---root--line-height: 150%;
    --_typography---copy-medium--letter-spacing: .2px;
    --_typography---font--heading: Unna, sans-serif;
    --_typography---heading-1--size: var(--sizes--36);
    --_typography---heading-1--line-height: 100%;
    --_typography---root--letter-spacing: -.2px;
    --_typography---heading-2--size: var(--sizes--26);
    --_typography---heading-2--line-height: 100%;
    --_typography---heading-2--letter-spacing: -.2px;
    --_typography---heading-3--size: var(--sizes--20);
    --_typography---heading-3--line-height: 120%;
    --_typography---heading-3--letter-spacing: -.2px;
    --_typography---copy-medium--line-height: 150%;
    --_typography---display-1--size: var(--sizes--44);
    --_typography---display-1--line-height: 100%;
    --_typography---display-1--letter-spacing: -.5px;
    --_typography---label-medium--size: var(--sizes--14);
    --_typography---label-medium--line-height: 120%;
    --_typography---copy-large--size: var(--sizes--18);
    --_typography---copy-large--line-height: 150%;
    --_typography---copy-large--letter-spacing: .2px;
    --_typography---label-small--letter-spacing: .2px;
    --_typography---font--signature: Thesignature, Arial, sans-serif;
    --_typography---display-2--size: var(--sizes--40);
    --_typography---display-2--line-height: 100%;
    --_typography---display-2--letter-spacing: -.5px;
    --_typography---label-medium--letter-spacing: .2px;
    --_typography---root--size: var(--sizes--16);
    --_typography---heading-1--letter-spacing: -.2px;
    --_typography---copy-small--size: var(--sizes--10);
    --_typography---copy-small--line-height: 150%;
    --_typography---copy-small--letter-spacing: .2px;
    --_typography---label-small--size: var(--sizes--12);
    --_typography---label-small--line-height: 120%;
  }

  .button.primary.small {
    min-width: 100px;
  }

  .stage {
    height: 100svh;
  }

  .subline {
    text-wrap: wrap;
  }

  .subline.margin-bottom {
    text-wrap: balance;
  }

  .card {
    min-height: 520px;
  }

  .company-logo {
    width: 160px;
  }

  .logo {
    height: 40px;
  }

  .testimonial {
    width: 66.6667vw;
  }

  .container-stage {
    grid-column-gap: var(--_breakpoint---gap--container-2xl);
    grid-row-gap: var(--_breakpoint---gap--container-2xl);
  }

  .slide {
    width: 100%;
  }

  .accordion-item {
    height: 72px;
  }

  .tabs-menu, .tabs-subline {
    width: 100%;
  }

  .cv-drop {
    height: 480px;
  }

  .footer-wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-content {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .footer-link.mobile:active {
    color: var(--_theme---button--link--label-hover);
  }

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

  .brand-logo {
    width: 100px;
  }

  .nav-menu {
    max-width: calc(100% / 1.1 - var(--_breakpoint---padding--component-xl));
    flex-direction: column;
  }

  .menu-buttons {
    flex-flow: column;
  }
}

@media screen and (max-width: 479px) {
  .brand-logo {
    width: 90px;
  }

  .menu-button.w--open {
    background-color: var(--_theme---button--secondary--background);
    color: var(--_theme---button--secondary--label);
  }

  .nav-menu {
    max-width: calc(100% / 1.05 - var(--_breakpoint---padding--component-xl));
    flex-direction: column;
  }
}

#w-node-_1f7614b5-8fdc-4b22-97d1-3acd01c854cc-8f20a2e5, #w-node-c298d19d-e5fc-d561-f758-ec978babe057-8f20a2e5, #w-node-_617defdf-2b65-67e0-5f8b-201e650ba1eb-8f20a2e5, #w-node-d71c183a-339d-5056-99f0-8d01bb12c7ea-8f20a2e5, #w-node-fc393674-e119-b678-46fd-6116c0b07b62-8f20a2e5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-e35423b6-253f-de76-0e7c-11abfe607c34-8f20a2e5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4e2b2ee6-2684-958d-cb7f-b3aac68a4204-8f20a2e5, #w-node-d8f5296e-fc9a-b13c-8022-147d78d16798-8f20a2e5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-dcd21730-e963-2b10-e277-3960fc617c30-fc617c14, #w-node-dcd21730-e963-2b10-e277-3960fc617c3d-fc617c14, #w-node-dcd21730-e963-2b10-e277-3960fc617c4a-fc617c14 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Thesignature';
  src: url('../fonts/Thesignature.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}