@font-face {
  font-family: Google Sans Code;
  src: url('../fonts/GoogleSansCode-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: BDO Grotesk;
  src: url('../fonts/BDOGrotesk-VF.ttf') format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/InterVariable-Italic.ttf') format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Agrandir Grand;
  src: url('../fonts/PPAgrandir-GrandLight.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Agrandir Grand;
  src: url('../fonts/PPAgrandir-GrandHeavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --_typography---type-font-body: Inter, Arial, sans-serif;
  --_color---color-text-dark: #272727cc;
  --_typography---type-body-size: var(--_typography---type-base-unit);
  --_typography---type-body-line-height: 1.5em;
  --_typography---type-font-headings: "Agrandir Grand", Arial, sans-serif;
  --_typography---type-h1-size: calc(var(--_typography---type-h2-size) * var(--_typography---type-scale-factor));
  --_typography---type-h1-line-height: 1.15em;
  --_typography---type-h2-letter-spacing: -.02em;
  --_typography---type-h2-size: calc(var(--_typography---type-h3-size) * var(--_typography---type-scale-factor));
  --_typography---type-h2-line-height: 1.2em;
  --_typography---type-h1-letter-spacing: -.03em;
  --_typography---type-h3-size: calc(var(--_typography---type-h4-size) * var(--_typography---type-scale-factor));
  --_typography---type-h3-line-height: 1.2em;
  --_typography---type-h3-letter-spacing: -.01em;
  --_typography---type-h4-size: calc(var(--_typography---type-h5-size) * var(--_typography---type-scale-factor));
  --_typography---type-h4-line-height: 1.3em;
  --_typography---type-h4-letter-spacing: -.01em;
  --_typography---type-h5-size: calc(var(--_typography---type-lead-size) * var(--_typography---type-scale-factor));
  --_typography---type-h5-line-height: 1.4em;
  --_typography---type-h5-letter-spacing: -.01em;
  --_color---color-text-paragraph: #272727b3;
  --_gaps---gap-0-5x: calc(var(--_gaps---gap-base-unit) * .5);
  --_typography---type-small-size: calc(var(--_typography---type-base-unit) / var(--_typography---type-scale-factor));
  --_typography---type-small-line-height: 1.5em;
  --_gaps---gap-1-5x: calc(var(--_gaps---gap-base-unit) * 1.5);
  --_section-padding---section-padding-base-unit: 96px;
  --_section-padding---section-padding-1-5x: calc(var(--_section-padding---section-padding-base-unit) * 1.5);
  --_color---color-white: white;
  --_color---color-theme-2: #c7d8e4;
  --_color---color-theme-1: #79a7ed;
  --_section-padding---section-padding-0-5x: calc(var(--_section-padding---section-padding-base-unit) * .5);
  --_color---color-off-white-1: #f5f4f1;
  --_color---color-dark-border: #2727271a;
  --_gaps---gap-3x: calc(var(--_gaps---gap-base-unit) * 3);
  --_color---color-black: #000;
  --_gaps---gap-2x: calc(var(--_gaps---gap-base-unit) * 2);
  --_buttons---button-height: 48px;
  --_buttons---button-x-padding: 24px;
  --_buttons---button-border-radius: 200px;
  --_color---color-dark: #272727;
  --_color---color-text-light: var(--_color---color-light);
  --_buttons---button-height-small: 36px;
  --_container---container-max-width: 1332px;
  --_container---container-window-gutter: 24px;
  --_gaps---gap-base-unit: 24px;
  --_typography---type-lead-size: calc(var(--_typography---type-base-unit) * var(--_typography---type-scale-factor));
  --_typography---type-lead-line-height: 1.5em;
  --_grid---grid-5-column: 521px;
  --_grid---grid-4-column: 412px;
  --_grid---grid-6-column: 630px;
  --_navbar---navbar-height: 60px;
  --_navbar---navbar-links-gap: 24px;
  --_gaps---gap-4x: calc(var(--_gaps---gap-base-unit) * 4);
  --_grid---grid-gap-m: 24px;
  --_gaps---gap-0-125x: calc(var(--_gaps---gap-base-unit) * .125);
  --_border-radius---border-radius-base-unit: .5rem;
  --_gaps---gap-0-25x: calc(var(--_gaps---gap-base-unit) * .25);
  --_color---color-light: white;
  --_forms---forms-input-height: 48px;
  --_forms---forms-input-x-padding: 12px;
  --_forms---forms-input-border-color: var(--_color---color-dark-border);
  --_forms---forms-input-border-radius: 6px;
  --_forms---forms-input-bg: var(--_color---color-white);
  --_forms---forms-input-border-color-focussed: var(--_color---color-dark);
  --_forms---forms-textarea-min-height: 200px;
  --_forms---forms-input-group-spacing: 12px;
  --_forms---forms-checkbox-size: 20px;
  --_color---color-off-white-2: #e8e7e4;
  --_forms---forms-success-bg: #a9ee81;
  --_gaps---gap-0-75x: calc(var(--_gaps---gap-base-unit) * .75);
  --_forms---forms-error-bg: #f5aaaa;
  --_grid---grid-gap-s: 12px;
  --_grid---grid-9-column: 957px;
  --_grid---grid-2-column: 194px;
  --_border-radius---border-radius-0-5x: calc(var(--_border-radius---border-radius-base-unit) * .5);
  --_gaps---gap-6x: calc(var(--_gaps---gap-base-unit) * 6);
  --_gaps---gap-5x: calc(var(--_gaps---gap-base-unit) * 5);
  --_grid---grid-7-column: 739px;
  --_color---color-white-border: #ffffff26;
  --_color---color-white-15: #ffffff26;
  --_grid---grid-11-column: 1175px;
  --_grid---grid-8-column: 848px;
  --_typography---type-font-badges: "Google Sans Code", "Trebuchet MS", sans-serif;
  --_color---color-effect-glass-stroke: white;
  --_color---color-effect-glass-bg: #fff9;
  --_color---color-theme-3: #80c3b9;
  --_gaps---gap-2-5x: calc(var(--_gaps---gap-base-unit) * 2.5);
  --_grid---grid-3-column: 303px;
  --_effects---widget-shadow-distance: 4px;
  --_effects---widget-shadow-blur: 24px;
  --_effects---widget-shadow-color: #2727271a;
  --_color---color-text-paragraph-white: #fffc;
  --_grid---grid-10-column: 1066px;
  --_typography---type-base-unit: 14px;
  --_typography---type-scale-factor: 1.26;
  --_grid---grid-1-column: 85px;
  --_border-radius---border-radius-2x: calc(var(--_border-radius---border-radius-base-unit) * 2);
  --_gaps---gap-7x: calc(var(--_gaps---gap-base-unit) * 7);
  --_grid---grid-gap-xs: 6px;
}

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

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  font-family: var(--_typography---type-font-body);
  color: var(--_color---color-text-dark);
  font-size: var(--_typography---type-body-size);
  line-height: var(--_typography---type-body-line-height);
}

h1 {
  font-family: var(--_typography---type-font-headings);
  font-size: var(--_typography---type-h1-size);
  line-height: var(--_typography---type-h1-line-height);
  letter-spacing: var(--_typography---type-h2-letter-spacing);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
}

h2 {
  font-family: var(--_typography---type-font-headings);
  font-size: var(--_typography---type-h2-size);
  line-height: var(--_typography---type-h2-line-height);
  letter-spacing: var(--_typography---type-h1-letter-spacing);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h3 {
  font-family: var(--_typography---type-font-headings);
  font-size: var(--_typography---type-h3-size);
  line-height: var(--_typography---type-h3-line-height);
  letter-spacing: var(--_typography---type-h3-letter-spacing);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h4 {
  font-family: var(--_typography---type-font-headings);
  font-size: var(--_typography---type-h4-size);
  line-height: var(--_typography---type-h4-line-height);
  letter-spacing: var(--_typography---type-h4-letter-spacing);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h5 {
  font-family: var(--_typography---type-font-headings);
  font-size: var(--_typography---type-h5-size);
  line-height: var(--_typography---type-h5-line-height);
  letter-spacing: var(--_typography---type-h5-letter-spacing);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h6 {
  font-family: var(--_typography---type-font-headings);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 900;
  line-height: 18px;
}

p {
  color: var(--_color---color-text-paragraph);
  margin-bottom: 0;
}

a {
  color: var(--_color---color-text-dark);
  font-weight: 500;
  text-decoration: none;
}

ul, ol {
  padding-left: var(--_typography---type-body-line-height);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

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

label {
  font-size: var(--_typography---type-small-size);
  line-height: var(--_typography---type-small-line-height);
  margin-bottom: 0;
  font-weight: 400;
  display: block;
}

strong {
  font-weight: bold;
}

blockquote {
  font-family: var(--_typography---type-font-headings);
  text-transform: uppercase;
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-top: var(--_gaps---gap-1-5x);
  margin-bottom: var(--_gaps---gap-1-5x);
}

figcaption {
  margin-top: var(--_gaps---gap-0-5x);
  text-align: left;
}

.section {
  padding-top: var(--_section-padding---section-padding-base-unit);
  padding-bottom: var(--_section-padding---section-padding-base-unit);
  overflow: clip;
}

.section.hero-1 {
  padding-top: var(--_section-padding---section-padding-1-5x);
  padding-bottom: var(--_section-padding---section-padding-1-5x);
  background-image: linear-gradient(180deg, var(--_color---color-white), var(--_color---color-theme-2) 75%, var(--_color---color-theme-1));
  position: relative;
  overflow: hidden;
}

.section.bottom-padding-large {
  padding-bottom: var(--_section-padding---section-padding-1-5x);
}

.section.bottom-padding-large.embed {
  margin-top: -10vh;
}

.section.bottom-padding-large.calxs {
  padding-top: 0;
}

.section.bottom-padding-large.cards {
  margin-top: -1rem;
  padding-top: 0;
  padding-bottom: 0;
}

.section.bottom-padding-large.thrxs {
  padding-top: 0;
}

.section.contains-dark-bg {
  color: var(--_color---color-white);
  position: relative;
}

.section.padding-small {
  padding-top: var(--_section-padding---section-padding-0-5x);
  padding-bottom: var(--_section-padding---section-padding-0-5x);
}

.section.bg-white-offwhite-gradient {
  background-image: linear-gradient(180deg, var(--_color---color-white), var(--_color---color-off-white-1));
  position: relative;
  overflow: hidden;
}

.section.border-bottom {
  border-bottom: 1px solid var(--_color---color-dark-border);
}

.section.bottom-padding-small {
  padding-bottom: var(--_section-padding---section-padding-0-5x);
}

.section.contains-gradient {
  position: relative;
  overflow: hidden;
}

.section.padding-large {
  padding-top: var(--_section-padding---section-padding-1-5x);
  padding-bottom: var(--_section-padding---section-padding-1-5x);
}

.section.no-top-padding {
  padding-top: 0;
}

.section.cta-hero {
  position: relative;
  overflow: hidden;
}

.section.top-padding-large {
  padding-top: var(--_section-padding---section-padding-1-5x);
}

.section.hero-5 {
  padding-top: var(--_gaps---gap-3x);
  padding-bottom: var(--_gaps---gap-3x);
  background-color: var(--_color---color-black);
  color: var(--_color---color-white);
  flex-flow: column;
  min-height: 800px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.integrations-section {
  padding-top: 0;
  padding-bottom: var(--_section-padding---section-padding-1-5x);
}

.section.hero-7 {
  padding-top: var(--_gaps---gap-3x);
  padding-bottom: var(--_gaps---gap-3x);
  background-color: var(--_color---color-black);
  color: var(--_color---color-white);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 800px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.top-padding-small {
  padding-top: var(--_section-padding---section-padding-0-5x);
}

.section.changelog-section {
  min-height: 40vh;
  padding-top: 0;
}

.section.bg-black {
  background-color: var(--_color---color-black);
}

.section.nav-padding-small {
  padding-bottom: 0;
}

.section.calendar-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section.calendar-padding.embed {
  margin-top: -10vh;
}

.section.shortxs {
  padding-top: 0;
}

.button {
  height: var(--_buttons---button-height);
  padding-right: var(--_buttons---button-x-padding);
  padding-left: var(--_buttons---button-x-padding);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border-radius: var(--_buttons---button-border-radius);
  background-color: var(--_color---color-dark);
  color: var(--_color---color-text-light);
  justify-content: center;
  align-items: center;
  display: flex;
}

.button:where(.w-variant-55173ec4-65a3-7d11-b249-3a4fc7887487) {
  height: var(--_buttons---button-height-small);
}

.button:where(.w-variant-9ca17b92-2aa2-7044-3545-cf96f5cf1544) {
  background-color: var(--_color---color-white);
  color: var(--_color---color-dark);
}

.button:where(.w-variant-071e021c-d517-6c0c-557b-ba4186642964) {
  height: var(--_buttons---button-height-small);
  background-color: var(--_color---color-white);
  color: var(--_color---color-dark);
}

.button.bg-white {
  background-color: var(--_color---color-white);
  color: var(--_color---color-dark);
}

.main-container {
  z-index: 2;
  max-width: var(--_container---container-max-width);
  padding-right: var(--_container---container-window-gutter);
  padding-left: var(--_container---container-window-gutter);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.main-container.nav-main-container {
  position: static;
}

.main-container.footer-copyright-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.main-container.right-padxs {
  padding-left: 0;
}

.text---lead {
  font-size: var(--_typography---type-lead-size);
  line-height: var(--_typography---type-lead-line-height);
}

.text---lead.hero-subheading {
  max-width: var(--_grid---grid-5-column);
}

.text---lead.faq-title {
  padding-right: var(--_gaps---gap-base-unit);
}

.text---lead.hero-6-subheading {
  max-width: var(--_grid---grid-5-column);
  width: 100%;
}

.text---lead.request-demo-subheading {
  max-width: var(--_grid---grid-5-column);
}

.text---small {
  font-size: var(--_typography---type-small-size);
  line-height: var(--_typography---type-small-line-height);
}

.heading---h1 {
  font-family: var(--_typography---type-font-headings);
  font-size: var(--_typography---type-h1-size);
  line-height: var(--_typography---type-h1-line-height);
  letter-spacing: var(--_typography---type-h1-letter-spacing);
  font-weight: 500;
}

.heading---h2 {
  font-family: var(--_typography---type-font-headings);
  font-size: var(--_typography---type-h2-size);
  line-height: var(--_typography---type-h2-line-height);
  letter-spacing: var(--_typography---type-h2-letter-spacing);
  font-weight: 500;
}

.heading---h2.section-heading {
  max-width: var(--_grid---grid-6-column);
  letter-spacing: .07em;
}

.heading---h2.section-heading.logoxs {
  margin-top: 2px;
  font-family: Agrandir Grand, Arial, sans-serif;
  font-weight: 300;
}

.heading---h3 {
  font-family: var(--_typography---type-font-headings);
  font-size: var(--_typography---type-h3-size);
  line-height: var(--_typography---type-h3-line-height);
  letter-spacing: var(--_typography---type-h3-letter-spacing);
  font-weight: 500;
}

.heading---h3.muted-text {
  opacity: .5;
}

.heading---h3.price-dollar {
  position: relative;
  top: 6px;
}

.heading---h4 {
  font-family: var(--_typography---type-font-body);
  font-size: var(--_typography---type-h4-size);
  line-height: var(--_typography---type-h4-line-height);
  letter-spacing: var(--_typography---type-h4-letter-spacing);
  font-weight: 500;
}

.heading---h5 {
  font-family: var(--_typography---type-font-headings);
  color: #2a2a2a;
  font-size: var(--_typography---type-h5-size);
  line-height: var(--_typography---type-h5-line-height);
  letter-spacing: var(--_typography---type-h5-letter-spacing);
  text-transform: uppercase;
  font-weight: 900;
}

.heading---h5.customer-accordion-text {
  max-width: var(--_grid---grid-6-column);
}

.heading---h5.career-location {
  opacity: .5;
  letter-spacing: .07em;
  font-weight: 300;
}

.heading---h5.pricing-title {
  position: relative;
}

.group {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.group.grow {
  align-items: stretch;
}

.navbar {
  z-index: 99;
  border-bottom: 1px solid var(--_color---color-dark-border);
  background-color: var(--_color---color-white);
  position: sticky;
  top: 0;
}

.navbar-row {
  height: var(--_navbar---navbar-height);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-links {
  grid-column-gap: var(--_navbar---navbar-links-gap);
  grid-row-gap: var(--_navbar---navbar-links-gap);
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-right-contents {
  padding-left: var(--_grid---grid-gap-m);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navigation-wrap {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-logo {
  max-height: 36px;
}

.dropdown-toggle {
  grid-column-gap: var(--_gaps---gap-0-125x);
  grid-row-gap: var(--_gaps---gap-0-125x);
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-weight: 500;
  transition: opacity .2s;
  display: flex;
  position: static;
}

.dropdown-toggle:hover {
  opacity: .5;
}

.dropdown-wrap.w--open {
  background-color: #0000;
  width: 100vw;
  left: 0;
}

.dropdown-wrap.inline.w--open {
  width: auto;
  left: auto;
  right: 0;
  transform: translate(50%);
}

.dropdown-content {
  flex-flow: column;
  display: flex;
  position: relative;
  top: 21px;
}

.dropdown-content.panel-style {
  max-width: var(--_grid---grid-4-column);
  padding: var(--_gaps---gap-base-unit);
  border-radius: var(--_border-radius---border-radius-base-unit);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #fffffff2;
  border: 1px solid #ffffffa6;
  flex-flow: row;
  top: 33px;
  overflow: hidden;
  box-shadow: 0 4px 12px #0000001a;
}

.navbar-menu, .nav-dropdown {
  position: static;
}

.nav-dropdown.relative {
  position: relative;
}

.trigger-search {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: opacity .2s;
  display: flex;
}

.trigger-search:hover {
  opacity: .5;
}

.search-modal-wrap {
  z-index: 100;
  padding-right: var(--_container---container-window-gutter);
  padding-left: var(--_container---container-window-gutter);
  width: 100vw;
  height: 100svh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  width: var(--_grid---grid-5-column);
  padding-right: var(--_container---container-window-gutter);
  padding-left: var(--_container---container-window-gutter);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  text-align: center;
  flex-direction: column;
  max-width: 100%;
  margin-bottom: 0;
  display: flex;
}

.utility-page-form {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.search-modal-content {
  top: var(--_gaps---gap-2x);
  max-width: var(--_grid---grid-6-column);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.search-modal-form {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-light);
  margin-bottom: 0;
  padding: 18px;
  display: flex;
}

.form-input {
  height: var(--_forms---forms-input-height);
  padding-right: var(--_forms---forms-input-x-padding);
  padding-left: var(--_forms---forms-input-x-padding);
  border: 1px solid var(--_forms---forms-input-border-color);
  border-radius: var(--_forms---forms-input-border-radius);
  background-color: var(--_forms---forms-input-bg);
  margin-bottom: 0;
  transition: border-color .2s;
}

.form-input:focus {
  border-color: var(--_forms---forms-input-border-color-focussed);
}

.form-input.textarea {
  min-height: var(--_forms---forms-textarea-min-height);
  padding-top: var(--_forms---forms-input-x-padding);
  padding-bottom: var(--_forms---forms-input-x-padding);
}

.search-modal-screen {
  background-color: #000000b3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hide {
  display: none;
}

.navbar-menu-search {
  width: 100%;
  margin-bottom: 0;
  display: none;
}

.nav-button-mobile {
  width: 100%;
  display: none;
}

.input-group {
  grid-column-gap: var(--_forms---forms-input-group-spacing);
  grid-row-gap: var(--_forms---forms-input-group-spacing);
  flex-flow: column;
  display: flex;
}

.checkbox-field {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  margin-bottom: 0;
  margin-left: calc(var(--_gaps---gap-0-5x) * -1);
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.checkbox {
  width: var(--_forms---forms-checkbox-size);
  height: var(--_forms---forms-checkbox-size);
  border: 1px solid var(--_color---color-dark-border);
  background-color: var(--_color---color-off-white-2);
  border-radius: 3px;
  flex: none;
  margin-top: 0;
  margin-left: 0;
}

.checkbox.w--redirected-checked {
  background-color: var(--_color---color-dark);
}

.checkbox-label {
  font-size: var(--_typography---type-body-size);
  line-height: var(--_typography---type-body-line-height);
}

.form-block {
  align-self: stretch;
  margin-bottom: 0;
}

.grow {
  align-self: stretch;
}

.form-success {
  padding: var(--_gaps---gap-base-unit);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_forms---forms-success-bg);
  text-align: center;
}

.form-error {
  margin-top: var(--_gaps---gap-base-unit);
  padding: var(--_gaps---gap-0-5x) var(--_gaps---gap-0-75x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_forms---forms-error-bg);
  text-align: center;
}

.radio-field {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  margin-bottom: 0;
  margin-left: calc(var(--_gaps---gap-0-5x) * -1);
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.radio {
  width: var(--_forms---forms-checkbox-size);
  height: var(--_forms---forms-checkbox-size);
  background-color: var(--_color---color-off-white-2);
  margin-top: 0;
  margin-left: 0;
}

.radio.w--redirected-checked {
  background-color: var(--_color---color-dark);
}

.select-field {
  height: var(--_forms---forms-input-height);
  padding-right: var(--_forms---forms-input-x-padding);
  padding-left: var(--_forms---forms-input-x-padding);
  border-radius: var(--_forms---forms-input-border-radius);
  background-color: var(--_forms---forms-input-bg);
  color: var(--_color---color-text-dark);
  cursor: pointer;
  margin-bottom: 0;
}

.select-wrap {
  position: relative;
}

.grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.grid.faq-grid {
  place-items: stretch stretch;
}

.grid.bento {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
}

.grid.inside-accordion {
  width: 100%;
}

.body {
  background-color: var(--_color---color-light);
}

.announcement-bar {
  background-image: linear-gradient(180deg, var(--_color---color-dark), var(--_color---color-black));
  color: var(--_color---color-white);
  display: none;
  position: relative;
  overflow: hidden;
}

.noise-bg {
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: overlay;
  background-image: url('../images/noise-pattern.png');
  background-position: 50%;
  background-size: 150px 150px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.noise-bg.over-gradient {
  opacity: 1;
}

.noise-bg.on-dark {
  opacity: .8;
  mix-blend-mode: normal;
}

.announcement-wrap {
  padding-top: var(--_gaps---gap-0-5x);
  padding-bottom: var(--_gaps---gap-0-5x);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.announcement-text {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: center;
  align-items: center;
  display: flex;
}

.white-link {
  color: var(--_color---color-white);
  transition: opacity .2s;
}

.white-link:hover {
  opacity: .5;
}

.announcement-cross {
  cursor: pointer;
  transition: opacity .2s;
  position: absolute;
  right: 0;
}

.announcement-cross:hover {
  opacity: .5;
}

.wide-dropdown-wrap {
  padding: var(--_gaps---gap-1-5x) var(--_container---container-window-gutter) var(--_gaps---gap-3x);
  background-color: var(--_color---color-white);
  flex-flow: column;
  display: flex;
  position: relative;
  top: 20px;
}

.wide-dropdown-content {
  max-width: var(--_grid---grid-9-column);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.wide-dropdown-left {
  max-width: var(--_grid---grid-4-column);
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.dropdown-title {
  opacity: .5;
}

.dropdown-feature-links {
  grid-column-gap: var(--_gaps---gap-0-125x);
  grid-row-gap: var(--_gaps---gap-0-125x);
  flex-flow: column;
  display: flex;
}

.dropdown-feature-link {
  padding: var(--_gaps---gap-0-75x) var(--_gaps---gap-0-5x);
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  transition: background-color .2s;
  display: flex;
}

.dropdown-feature-link:hover {
  background-color: var(--_color---color-off-white-1);
}

.dropdown-feature-link-icon {
  flex: none;
  max-height: 36px;
}

.dropdown-feature-link-text {
  grid-column-gap: var(--_gaps---gap-0-125x);
  grid-row-gap: var(--_gaps---gap-0-125x);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.body-text {
  color: var(--_color---color-text-paragraph);
}

.body-text.faq-answer {
  max-width: var(--_grid---grid-6-column);
}

.body-text.pricing-description {
  position: relative;
}

.dropdown-menu {
  min-width: var(--_grid---grid-2-column);
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  display: flex;
}

.dropdown-links {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dropdown-link {
  transition: opacity .2s;
}

.dropdown-link:hover {
  opacity: .5;
}

.dropdown-cta {
  padding: var(--_gaps---gap-0-75x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-image: linear-gradient(180deg, var(--_color---color-theme-1), var(--_color---color-theme-2) 65%, var(--_color---color-off-white-2));
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown-cta.with-photo {
  aspect-ratio: 3 / 2;
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-dark);
  color: var(--_color---color-white);
  background-image: none;
}

.dropdown-cta-content {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.dropdown-cta-content.align-left {
  z-index: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.dropdown-cta-bg {
  opacity: .7;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.footer {
  padding-top: var(--_section-padding---section-padding-base-unit);
  padding-bottom: var(--_gaps---gap-3x);
  grid-column-gap: var(--_gaps---gap-6x);
  grid-row-gap: var(--_gaps---gap-6x);
  background-image: linear-gradient(180deg, var(--_color---color-dark), var(--_color---color-black));
  color: var(--_color---color-white);
  flex-flow: column;
  display: flex;
  position: relative;
}

.footer-contents {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-left {
  max-width: var(--_grid---grid-4-column);
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-menus {
  max-width: var(--_grid---grid-7-column);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-menu {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  display: flex;
}

.footer-links {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link {
  opacity: .5;
  color: var(--_color---color-white);
  transition: opacity .2s;
}

.footer-link:hover {
  opacity: 1;
}

.footer-menu-column {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: column;
  display: flex;
}

.footer-bottom {
  padding-top: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  border-top: 1px solid var(--_color---color-white-border);
  flex-flow: column;
  display: flex;
}

.footer-copyright-wrap {
  font-size: var(--_typography---type-small-size);
  line-height: var(--_typography---type-small-line-height);
}

.muted-text {
  opacity: .7;
}

.copyright-link {
  opacity: .7;
  color: var(--_color---color-white);
  font-weight: 400;
  transition: opacity .2s;
}

.copyright-link:hover {
  opacity: 1;
}

.social-links {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-link-circle {
  background-color: var(--_color---color-white-15);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  transition: background-color .2s;
  display: flex;
}

.social-link-circle:hover {
  background-color: #ffffff4d;
}

.social-link-icon {
  max-height: 18px;
}

.compliance-text {
  max-width: var(--_grid---grid-11-column);
  opacity: .5;
  font-size: var(--_typography---type-small-size);
  line-height: var(--_typography---type-small-line-height);
}

.flute-wrapper {
  z-index: 1;
  opacity: .15;
  pointer-events: none;
  mix-blend-mode: overlay;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.flute-wrapper.on-light-bg {
  opacity: .3;
}

.flute {
  background-image: linear-gradient(270deg, #000, #0000);
  flex: 1;
  min-width: 96px;
  height: 100%;
}

.flute.small {
  min-width: 0;
}

.content {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content.hero-content {
  max-width: var(--_grid---grid-8-column);
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.content.centered {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.content.metric-grid-item-content {
  padding-right: var(--_gaps---gap-0-75x);
}

.content.hero-2-content {
  max-width: var(--_grid---grid-8-column);
}

.content.section-title {
  max-width: var(--_grid---grid-7-column);
  width: 100%;
}

.content.quote-cta-content {
  max-width: var(--_grid---grid-6-column);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.content.search-content {
  align-items: stretch;
}

.badge-text {
  font-family: var(--_typography---type-font-badges);
  font-size: var(--_typography---type-small-size);
  line-height: var(--_typography---type-small-line-height);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 500;
}

.badge-text.integration-category-link {
  opacity: .5;
  transition: opacity .2s;
}

.badge-text.integration-category-link:hover {
  opacity: 1;
}

.heading-wrapper {
  position: relative;
}

.trust-badge {
  padding: var(--_gaps---gap-0-25x) var(--_gaps---gap-0-75x) var(--_gaps---gap-0-25x) var(--_gaps---gap-0-5x);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border: 1px solid var(--_color---color-effect-glass-stroke);
  background-color: var(--_color---color-effect-glass-bg);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 200px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 4px 12px #0000001a;
}

.trust-badge.on-white {
  border-color: var(--_color---color-dark-border);
  align-self: flex-start;
  box-shadow: 0 4px 12px #0000001a;
}

.blur-blob-1 {
  aspect-ratio: 1;
  background-color: var(--_color---color-theme-3);
  opacity: .3;
  filter: blur(72px);
  border-radius: 50%;
  width: 600px;
  position: absolute;
  bottom: -150px;
  right: 0;
}

.emoji-circle {
  border: 1px solid var(--_color---color-effect-glass-stroke);
  background-color: var(--_color---color-effect-glass-bg);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
  box-shadow: 0 4px 12px #0000001a;
}

.emoji-circle.hero-deco-4 {
  position: absolute;
  right: -24px;
  transform: rotate(5deg);
}

.emoji-circle.widget-deco-1 {
  z-index: 3;
  position: absolute;
  top: 12px;
  right: 147px;
  transform: rotate(6deg);
}

.emoji-circle.hero-deco-3 {
  position: absolute;
  bottom: -6px;
  right: -53px;
  transform: rotate(6deg);
}

.emoji-circle.hero-deco-5 {
  position: absolute;
  bottom: -4px;
  left: 223px;
}

.emoji-circle.hero-deco-6 {
  position: absolute;
  bottom: 6px;
  left: 128px;
}

.emoji-circle.title-deco-1 {
  position: absolute;
  bottom: -7px;
  left: 313px;
}

.emoji-circle.hero-deco-7 {
  position: absolute;
  bottom: 6px;
  left: 90px;
}

.emoji-circle.hero-deco-8 {
  position: absolute;
  bottom: -12px;
  right: -68px;
  transform: rotate(8deg);
}

.emoji-circle.hero-deco-9 {
  position: absolute;
  bottom: 8px;
  right: -67px;
}

.emoji-circle.hero-deco-10 {
  position: absolute;
  bottom: -5px;
  right: 149px;
}

.emoji-circle.hero-deco-11 {
  position: absolute;
  bottom: -5px;
  right: 83px;
}

.glass-photo {
  padding: var(--_gaps---gap-0-25x);
  border: 1px solid var(--_color---color-effect-glass-stroke);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-effect-glass-bg);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  position: absolute;
  box-shadow: 0 4px 12px #0000001a;
}

.glass-photo.hero-deco-1 {
  bottom: -3px;
  left: 96px;
  transform: rotate(-3deg);
}

.glass-photo.hero-deco-3 {
  top: -48px;
  right: 24px;
  transform: rotate(-4deg);
}

.glass-photo.hero-deco-4 {
  bottom: -3px;
  left: 654px;
  transform: rotate(-4deg);
}

.glass-photo.hero-deco-5 {
  top: -48px;
  right: 6px;
  transform: rotate(3deg);
}

.glass-photo.timeline-photo {
  border-color: var(--_color---color-white-15);
  bottom: 40px;
  left: 72px;
  transform: rotate(1deg);
}

.glass-photo.hero-deco-6 {
  bottom: -11px;
  right: 36px;
  transform: rotate(1deg);
}

.glass-photo.hero-deco-7 {
  top: -7px;
  left: -18px;
  transform: rotate(-2deg);
}

.glass-photo-landscape {
  aspect-ratio: 3 / 2;
  border-radius: 7px;
  max-width: 96px;
}

.cards-grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card {
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.blog-card {
  font-weight: 400;
}

.hover-image-link {
  overflow: hidden;
}

.card-body {
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  display: flex;
}

.card-body.use-case-card {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
}

.card-body.metric-card {
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  flex: 1;
  justify-content: space-between;
  position: relative;
}

.card-body.blog-card-body {
  grid-column-gap: var(--_gaps---gap-2-5x);
  grid-row-gap: var(--_gaps---gap-2-5x);
}

.use-case-card-content {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  display: flex;
}

.card-tags {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  flex-flow: wrap;
  display: flex;
}

.icon-tag-small {
  padding: var(--_gaps---gap-0-25x) var(--_gaps---gap-0-5x) var(--_gaps---gap-0-25x) var(--_gaps---gap-0-25x);
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-white);
  color: var(--_color---color-dark);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-tag-small.bordered {
  border: 1px solid var(--_color---color-dark-border);
}

.icon-tag-image {
  max-height: 24px;
}

.trust-card {
  padding: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-image: linear-gradient(180deg, var(--_color---color-dark), var(--_color---color-black));
  color: var(--_color---color-white);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.metric {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  display: flex;
  position: relative;
}

.metric.reduced-gap {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
}

.metric-text {
  letter-spacing: -.03em;
  font-size: 71px;
  line-height: 1em;
}

.restricted-grid-content {
  max-width: var(--_grid---grid-4-column);
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.restricted-grid-content.increased-gap {
  grid-column-gap: var(--_gaps---gap-2-5x);
  grid-row-gap: var(--_gaps---gap-2-5x);
}

.list {
  flex-flow: column;
  display: flex;
}

.checklist-item {
  padding-top: var(--_gaps---gap-0-5x);
  padding-bottom: var(--_gaps---gap-0-5x);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border-bottom: 1px solid var(--_color---color-dark-border);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.checklist-item.last {
  border-bottom-style: none;
  padding-bottom: 0;
}

.checklist-item.white-border {
  border-bottom-color: var(--_color---color-white-border);
}

.checklist-item.pricing-checklist-item {
  font-weight: 400;
}

.widget-box-landscape {
  padding: var(--_gaps---gap-0-75x);
  aspect-ratio: 3 / 2;
  border-radius: var(--_border-radius---border-radius-base-unit);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.widget-box-landscape.bg-off-white {
  background-color: var(--_color---color-off-white-1);
}

.gradient-bg-1 {
  z-index: 0;
  background-image: linear-gradient(180deg, var(--_color---color-off-white-1), var(--_color---color-theme-2) 43%, var(--_color---color-theme-1));
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.widget {
  z-index: 3;
  width: var(--_grid---grid-3-column);
  padding: var(--_gaps---gap-0-75x);
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-white);
  box-shadow: 0 var(--_effects---widget-shadow-distance) var(--_effects---widget-shadow-blur) 0 var(--_effects---widget-shadow-color);
  font-size: var(--_typography---type-small-size);
  line-height: var(--_typography---type-small-line-height);
  flex-flow: column;
  flex: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.widget.payment {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  border: 1px solid var(--_color---color-effect-glass-stroke);
  background-color: var(--_color---color-effect-glass-bg);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  box-shadow: 0 4px 12px #0000001a;
}

.widget.payment.bg-white {
  background-color: var(--_color---color-white);
}

.widget.revenue-summary {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  background-color: var(--_color---color-white);
}

.widget.pie-chart {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
}

.widget.balances {
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
}

.widget.balances.glass-style {
  border: 1px solid var(--_color---color-effect-glass-stroke);
  background-color: var(--_color---color-effect-glass-bg);
}

.widget.balances.dynamic-width {
  width: 100%;
}

.widget.product, .widget.account {
  width: var(--_grid---grid-4-column);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
}

.widget.account.bg-glass {
  border: 1px solid var(--_color---color-effect-glass-stroke);
  background-color: var(--_color---color-effect-glass-bg);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.widget.provider {
  width: var(--_grid---grid-4-column);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
}

.widget.notification {
  width: var(--_grid---grid-4-column);
  padding-top: var(--_gaps---gap-0-25x);
  padding-bottom: var(--_gaps---gap-0-25x);
  padding-left: var(--_gaps---gap-0-25x);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.widget.members {
  width: var(--_grid---grid-6-column);
  padding: 0;
}

.widget-title-1 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.widget-title-avatar {
  border-radius: 50%;
  max-height: 36px;
}

.payment-widget-content {
  padding-top: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  border-top: 1px solid var(--_color---color-dark-border);
  flex-flow: column;
  display: flex;
}

.widget-item-justfieid {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.widget-badge {
  padding-right: var(--_gaps---gap-0-25x);
  padding-left: var(--_gaps---gap-0-25x);
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-theme-1);
  color: var(--_color---color-white);
  justify-content: center;
  align-items: center;
  height: 24px;
  display: flex;
}

.widget-dropzone {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-effect-glass-bg);
  justify-content: center;
  align-items: center;
  height: 96px;
  font-weight: 500;
  display: flex;
}

.widget-dropzone.bg-offset {
  background-color: var(--_color---color-off-white-1);
}

.widget-icon-circle {
  background-color: var(--_color---color-dark);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.widget-icon-circle.bg-offset-white {
  background-color: var(--_color---color-off-white-2);
}

.align-left {
  text-align: left;
  align-self: flex-start;
}

.align-left.top-padding {
  margin-top: var(--_grid---grid-gap-m);
}

.metric-bento {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.image-wrap {
  border-radius: var(--_border-radius---border-radius-base-unit);
  position: relative;
  overflow: hidden;
}

.image-wrap.bento-fill {
  flex: 1;
}

.image-wrap.grow {
  flex: 1;
  display: flex;
}

.image-wrap.widget-bento-2-portrait {
  max-width: var(--_grid---grid-2-column);
}

.gradient-bg-2 {
  z-index: 0;
  background-image: linear-gradient(180deg, var(--_color---color-theme-1), var(--_color---color-theme-2) 65%, var(--_color---color-off-white-1));
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.vertical-section {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  text-align: center;
  flex-flow: column;
  align-items: center;
  padding-top: 4rem;
  display: flex;
}

.vertical-section.member-section {
  grid-column-gap: var(--_gaps---gap-4x);
  grid-row-gap: var(--_gaps---gap-4x);
}

.vertical-section.hero-3 {
  justify-content: flex-start;
  align-items: center;
}

.vertical-section.reduced-gap {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
}

.vertical-section.hero-6 {
  justify-content: flex-start;
  align-items: center;
}

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

.vertical-section.align-left.top-linexs {
  border-top: 1px solid #dcdcdc;
}

.vertical-section.topxs {
  padding-top: 0;
}

.vertical-section.topxs.haflxs {
  margin-top: -1rem;
  padding-top: 0;
}

.vertical-section.heroxs {
  padding-top: 2rem;
}

.vertical-centered-title {
  max-width: var(--_grid---grid-7-column);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.vertical-centered-title.logoxs {
  margin-top: -2rem;
  margin-bottom: -7rem;
}

.features-grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feature-box {
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 303px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-item {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  display: flex;
}

.feature-item-text {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  display: flex;
}

.input-widget {
  width: var(--_grid---grid-4-column);
  padding: var(--_gaps---gap-0-5x);
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-white);
  justify-content: space-between;
  max-width: none;
  display: flex;
  position: relative;
  box-shadow: 0 4px 24px #2727271a;
}

.input-widget.bump-right {
  flex: none;
  left: 24px;
}

.input-widget.inside-box {
  background-color: #fff0;
  width: auto;
  padding-left: 0;
}

.input-widget-left {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.widget-muted-text {
  opacity: .5;
}

.revenue-content {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.revenue-amount {
  grid-column-gap: var(--_gaps---gap-0-125x);
  grid-row-gap: var(--_gaps---gap-0-125x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.revenue-amount-wrap {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.widget-button {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-dark);
  color: var(--_color---color-white);
  justify-content: center;
  align-items: center;
  height: 42px;
  font-weight: 500;
  display: flex;
}

.pie-chart-wrap {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  justify-content: center;
  align-items: center;
  display: flex;
}

.pie-chart-categories {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  display: flex;
}

.widget-blip-wrap {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.widget-blip {
  background-color: var(--_color---color-theme-1);
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}

.widget-blip.bg-theme-2 {
  background-color: var(--_color---color-theme-2);
}

.widget-blip.bg-offset-2 {
  background-color: var(--_color---color-off-white-2);
}

.widget-blip.bg-white {
  background-color: var(--_color---color-white);
}

.widget-blip.bg-dark {
  background-color: var(--_color---color-dark);
}

.bar-chart-wrap {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  display: flex;
}

.bar-chart-item-wrap {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  text-align: center;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.bar-chart {
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-off-white-1);
  justify-content: flex-start;
  align-items: flex-end;
  height: 100px;
  display: flex;
  overflow: hidden;
}

.bar-chart.bg-white {
  background-color: var(--_color---color-white);
  overflow: hidden;
}

.bar-chart-fill {
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-theme-2);
  flex: 1;
  min-height: 10px;
}

.bar-chart-fill.fill-1 {
  height: 80%;
}

.bar-chart-fill.fill-2 {
  height: 55%;
}

.bar-chart-fill.fill-3 {
  height: 30%;
}

.bar-chart-fill.fill-4 {
  background-color: var(--_color---color-theme-1);
  height: 65%;
}

.product-widget-content {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  display: flex;
}

.horizontal-bar-wrap {
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-off-white-1);
  height: 18px;
  position: relative;
  overflow: hidden;
}

.horizontal-bar-wrap.separated {
  grid-column-gap: var(--_gaps---gap-0-125x);
  grid-row-gap: var(--_gaps---gap-0-125x);
  background-color: #0000;
  border-radius: 0;
  flex-flow: row;
  display: flex;
}

.horizontal-bar {
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-theme-1);
  width: 80%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.horizontal-bar.bar-1 {
  border-radius: 2px;
  width: 74%;
  height: 18px;
  position: static;
}

.horizontal-bar.bar-2 {
  background-color: var(--_color---color-theme-2);
  border-radius: 2px;
  width: 8%;
  position: static;
}

.horizontal-bar.bar-3 {
  background-color: var(--_color---color-off-white-2);
  border-radius: 2px;
  width: 18%;
  position: static;
}

.horizontal-bar.bar-3.bg-white {
  background-color: var(--_color---color-white);
}

.horizontal-bar.bg-dark {
  background-color: var(--_color---color-dark);
}

.product-amounts-wrap {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  display: flex;
}

.product-amounts-item {
  grid-column-gap: var(--_gaps---gap-0-125x);
  grid-row-gap: var(--_gaps---gap-0-125x);
  flex-flow: column;
  display: flex;
}

.product-amounts-item.horizontal {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.product-content-wrap {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  display: flex;
}

.product-widget-bottom {
  padding-top: var(--_gaps---gap-base-unit);
  border-top: 1px solid var(--_color---color-dark-border);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.product-categories-wrap, .product-owners-wrap {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.widget-avatar-group {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wdiget-avatar {
  border-radius: 50%;
  max-height: 36px;
}

.wdiget-avatar.group-item {
  margin-right: -12px;
}

.wdiget-avatar.small {
  max-height: 30px;
}

.provider-content {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  display: flex;
}

.provider-grid {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.provider-selection {
  padding: var(--_gaps---gap-0-25x);
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  border: 1px solid var(--_color---color-dark-border);
  border-radius: var(--_border-radius---border-radius-0-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.provider-selection.centered {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}

.provider-selection.selected {
  border-width: 2px;
  border-color: var(--_color---color-theme-1);
  background-color: var(--_color---color-off-white-1);
}

.prodiver-bottom {
  padding-top: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  border-top: 1px solid var(--_color---color-dark-border);
  flex-flow: column;
  display: flex;
}

.widget-avatar-wrap {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.notification-content {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  font-size: var(--_typography---type-body-size);
  line-height: var(--_typography---type-body-line-height);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.notification-logo-wrap {
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-off-white-1);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.members-row {
  padding: var(--_gaps---gap-0-5x);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border-bottom: 1px solid var(--_color---color-dark-border);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.members-row.last {
  border-bottom-style: none;
}

.members-row-left {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.widget-checkbox {
  background-color: var(--_color---color-dark);
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.feature-widget-1 {
  left: var(--_gaps---gap-1-5x);
  top: var(--_gaps---gap-1-5x);
  flex: none;
  position: absolute;
}

.gradient-bg-dark {
  z-index: 0;
  background-image: linear-gradient(180deg, var(--_color---color-dark), var(--_color---color-black));
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.tabs-section {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.tabs-section-wrap {
  position: relative;
}

.tabs-menu {
  max-width: var(--_grid---grid-5-column);
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.metric-on-image {
  aspect-ratio: 1;
  border-radius: var(--_border-radius---border-radius-base-unit);
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-image {
  aspect-ratio: 1;
}

.scrim {
  background-image: linear-gradient(180deg, #0000, var(--_color---color-black));
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.scrim.muted {
  opacity: .7;
}

.metric-on-image-content {
  z-index: 1;
  padding: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  color: var(--_color---color-white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.tab-item {
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  color: var(--_color---color-white);
  background-color: #0000;
  flex-flow: column;
  font-weight: 400;
  transition: background-color .2s;
  display: flex;
}

.tab-item:hover {
  background-color: #ffffff0d;
}

.tab-item.w--current {
  background-color: var(--_color---color-white-15);
}

.tab-item.text-dark {
  color: var(--_color---color-dark);
}

.tab-item.text-dark.w--current {
  background-color: var(--_color---color-off-white-1);
}

.body-text-white {
  color: var(--_color---color-text-paragraph-white);
}

.tab-title {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.tab-title-icon {
  max-height: 24px;
}

.tab-title-icon.cdmx {
  background-color: #a75aba;
  border-radius: 100px;
  width: 21px;
  height: 21px;
}

.tab-title-icon.online {
  background-color: #264eab;
  border-radius: 100px;
  width: 21px;
  height: 21px;
}

.tab-title-icon.cocoyoc {
  background-color: #dd7835;
  border-radius: 100px;
  width: 21px;
  height: 21px;
}

.tab-title-icon.valle {
  background-color: #ae9cce;
  border-radius: 100px;
  width: 21px;
  height: 21px;
}

.tabs-section-title-wrap {
  width: calc(50% - 12px);
  position: absolute;
  top: 0;
  right: 0;
}

.tabs-section-title-wrap.left {
  right: auto;
}

.tabs-section-title-text {
  max-width: var(--_grid---grid-5-column);
  margin-left: auto;
  margin-right: auto;
}

.justified-title {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wide-accordion {
  border: 1px solid var(--_color---color-dark-border);
  border-radius: var(--_border-radius---border-radius-base-unit);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.wide-accordion-title {
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  background-color: var(--_color---color-off-white-1);
  font-size: var(--_typography---type-lead-size);
  line-height: var(--_typography---type-lead-line-height);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  transition: background-color .2s;
  display: flex;
}

.wide-accordion-title:hover {
  background-color: var(--_color---color-off-white-2);
}

.wide-accordion-title-text {
  max-width: var(--_grid---grid-4-column);
  flex: 1;
  font-weight: 500;
}

.wide-accordion-subtitle {
  color: var(--_color---color-text-paragraph);
  flex: 1;
}

.wide-accordion-arrow {
  transition: transform .2s;
}

.wide-accordion-content-wrap {
  max-height: 0;
  transition: max-height .35s;
  overflow: hidden;
}

.wide-accordion-content {
  padding: var(--_gaps---gap-3x) var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.customer-accordion-image-wrap {
  max-width: var(--_grid---grid-4-column);
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.customer-accordion-image {
  max-width: var(--_grid---grid-2-column);
  aspect-ratio: 2 / 3;
  border-radius: var(--_border-radius---border-radius-base-unit);
}

.customer-accordion-text-wrap {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.customer-accordion-author {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.scrolling-banner {
  padding-top: var(--_gaps---gap-base-unit);
  padding-bottom: var(--_gaps---gap-base-unit);
  border-radius: var(--_border-radius---border-radius-base-unit);
  color: var(--_color---color-white);
  position: relative;
  overflow: hidden;
}

.marquee-left {
  flex-flow: row;
  display: flex;
  position: relative;
}

.marquee-left.overflow-hidden {
  overflow: hidden;
}

.marquee-group {
  flex: none;
}

.marquee-items {
  padding-right: var(--_gaps---gap-2x);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.decorative-icon {
  padding: var(--_gaps---gap-0-25x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  position: relative;
  overflow: hidden;
}

.decorative-icon.rounded {
  border-radius: 50%;
}

.decorative-icon-inner {
  padding-top: var(--_gaps---gap-0-5x);
  padding-right: var(--_gaps---gap-0-5x);
  padding-bottom: var(--_gaps---gap-0-5x);
  padding-left: var(--_gaps---gap-0-5x);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_color---color-effect-glass-stroke);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_color---color-effect-glass-stroke);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_color---color-effect-glass-stroke);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_color---color-effect-glass-stroke);
  border-radius: calc(var(--_border-radius---border-radius-base-unit)  - var(--_gaps---gap-0-25x));
  background-color: var(--_color---color-effect-glass-bg);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  box-shadow: 0 4px 12px #0000001a;
}

.decorative-icon-inner.rounded {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 50%;
}

.metrics-grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.metric-grid-item {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.arrow-link {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.arrow-link-icon.reverse {
  transform: rotate(180deg);
}

.metric-logo-wrap {
  justify-content: flex-start;
  align-items: center;
  min-height: 32px;
  display: flex;
}

.blur-blob-2 {
  aspect-ratio: 1;
  background-color: var(--_color---color-theme-1);
  opacity: .2;
  filter: blur(72px);
  border-radius: 50%;
  width: 600px;
  position: absolute;
  bottom: -150px;
  left: -300px;
}

.blur-blob-3 {
  aspect-ratio: 1;
  background-color: var(--_color---color-dark);
  opacity: .1;
  filter: blur(72px);
  border-radius: 50%;
  width: 600px;
  position: absolute;
  bottom: -300px;
  right: -300px;
}

.faq-grid-title-wrap {
  max-width: var(--_grid---grid-5-column);
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.faq-wrap {
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  flex-flow: column;
  display: flex;
}

.addendum-box {
  max-width: var(--_grid---grid-3-column);
  padding: var(--_gaps---gap-0-5x);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.addendum-box.absgxs {
  z-index: 1;
  max-width: var(--_grid---grid-6-column);
  aspect-ratio: custom;
  background-color: #faf9f645;
  justify-content: space-around;
  padding: 1.5rem;
}

.avatar-group {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.avatar-group-item {
  border-radius: 50%;
  flex: none;
  max-height: 36px;
  margin-right: -6px;
}

.avatar-group-item.large {
  max-height: 48px;
}

.accordion-item {
  border-bottom: 1px solid var(--_color---color-dark-border);
  flex-flow: column;
  display: flex;
}

.accordion-item-title {
  padding-top: var(--_gaps---gap-base-unit);
  padding-bottom: var(--_gaps---gap-base-unit);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion-title-text {
  font-weight: 500;
}

.accordion-item-content-wrap {
  overflow: hidden;
}

.accordion-item-content {
  padding-bottom: var(--_gaps---gap-1-5x);
}

.blog-grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-card-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-card-author {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-author-avatar {
  border-radius: 50%;
  max-height: 36px;
}

.blog-author-name {
  grid-column-gap: var(--_gaps---gap-0-125x);
  grid-row-gap: var(--_gaps---gap-0-125x);
  display: flex;
}

.post-wrap {
  max-width: var(--_grid---grid-9-column);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.post-wrap.wide {
  max-width: var(--_grid---grid-10-column);
}

.blog-post-title-wrap {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.main-post-image {
  aspect-ratio: 16 / 9;
  border-radius: var(--_border-radius---border-radius-base-unit);
  align-self: stretch;
}

.article-wrap {
  max-width: var(--_grid---grid-6-column);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.article-wrap.career-article {
  justify-content: flex-start;
  align-items: flex-start;
}

.article {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  margin-top: calc(-1 * var(--_gaps---gap-1-5x));
  margin-bottom: calc(-1 * var(--_gaps---gap-1-5x));
  flex-flow: column;
  display: flex;
}

.article blockquote {
  font-size: var(--_typography---type-lead-size);
  line-height: var(--_typography---type-lead-line-height);
  border-left-style: none;
  margin-bottom: 0;
  padding: 0;
}

.article img {
  border-radius: var(--_border-radius---border-radius-base-unit);
}

.article strong {
  color: var(--_color---color-dark);
  font-weight: 500;
}

.member-single-wrap {
  max-width: var(--_grid---grid-4-column);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.member-avatar {
  max-width: var(--_grid---grid-2-column);
  border-radius: 50%;
}

.member-single-name {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.member-social-links {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  justify-content: center;
  align-items: center;
  display: flex;
}

.member-social-link {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  opacity: .5;
  font-size: var(--_typography---type-small-size);
  line-height: var(--_typography---type-small-line-height);
  justify-content: flex-start;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.member-social-link:hover {
  opacity: 1;
}

.member-social-icon {
  max-height: 18px;
}

.featured-post-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-weight: 400;
  display: grid;
  overflow: hidden;
}

.featured-post-content {
  padding: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-2-5x);
  grid-row-gap: var(--_gaps---gap-2-5x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.hero-2-heading {
  text-indent: 96px;
}

.emoji-square {
  border: 1px solid var(--_color---color-effect-glass-stroke);
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-effect-glass-bg);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  display: flex;
  box-shadow: 0 4px 12px #0000001a;
}

.emoji-square.hero-deco-3 {
  position: absolute;
  bottom: 32px;
  right: 116px;
  transform: rotate(4deg);
}

.emoji-square.title-deco-1 {
  position: absolute;
  bottom: 5px;
  left: 105px;
  transform: rotate(4deg);
}

.emoji-square.hero-deco-4 {
  position: absolute;
  top: -24px;
  left: 108px;
  transform: rotate(4deg);
}

.emoji-square-icon {
  max-height: 42px;
}

.video-wrap {
  border-radius: var(--_border-radius---border-radius-base-unit);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.play-media-button {
  z-index: 3;
  height: var(--_buttons---button-height);
  padding-right: var(--_buttons---button-x-padding);
  padding-left: var(--_buttons---button-x-padding);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  background-color: var(--_color---color-text-paragraph);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: var(--_color---color-white);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
  position: absolute;
}

.ai-promo-wrap {
  padding-top: var(--_gaps---gap-base-unit);
  padding-bottom: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  border: 1px solid var(--_color---color-effect-glass-stroke);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-effect-glass-bg);
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.dual-marquee-wrap {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.marquee-right {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.ai-action-items {
  padding-right: var(--_gaps---gap-0-5x);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  display: flex;
}

.ai-action-items.right {
  padding-right: 0;
  padding-left: var(--_gaps---gap-0-5x);
}

.ai-action-pill {
  padding: var(--_gaps---gap-0-5x) var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-white);
  box-shadow: 0 var(--_effects---widget-shadow-distance) var(--_effects---widget-shadow-blur) 0 var(--_effects---widget-shadow-color);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.ai-action-pill.dark {
  background-color: var(--_color---color-dark);
  color: var(--_color---color-white);
}

.inver-color {
  filter: invert();
}

.title {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  display: flex;
}

.pricing-bento {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bento-column {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  flex-flow: column;
  display: flex;
}

.pricing-panel {
  padding: var(--_gaps---gap-base-unit);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  justify-content: center;
  align-items: center;
  min-height: 550px;
  display: flex;
  overflow: hidden;
}

.bento-column-widget-wrap {
  padding-top: var(--_gaps---gap-base-unit);
  padding-left: var(--_gaps---gap-base-unit);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-2);
  flex: 1;
  position: relative;
  overflow: hidden;
}

.absolute-widget-wrapper {
  position: absolute;
}

.pricing-tabs {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  margin-top: calc(-1 * var(--_gaps---gap-2x));
  margin-bottom: calc(-1 * var(--_gaps---gap-2x));
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-tab-content {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-tab-amount-wrap {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-tab-price-wrap {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  right: 6px;
}

.pricing-tab-price-wrap.static {
  position: relative;
  right: 0;
}

.price-tabs {
  background-color: var(--_color---color-off-white-2);
  border-radius: 200px;
  padding: 3px;
  display: flex;
}

.price-tab {
  padding: var(--_gaps---gap-0-5x) var(--_gaps---gap-0-75x);
  background-color: #0000;
  border-radius: 200px;
  transition: background-color .2s;
}

.price-tab.w--current {
  background-color: var(--_color---color-white);
}

.widget-bento {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.widget-box-square {
  padding: var(--_gaps---gap-0-75x);
  aspect-ratio: 1;
  border-radius: var(--_border-radius---border-radius-base-unit);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-bg-1 {
  z-index: 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.industries-grid {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.industries-grid.single.mobile-only.thirxs {
  margin-top: -2rem;
}

.industries-grid.thirdxs {
  max-width: var(--_grid---grid-8-column);
  grid-template-columns: 1fr 1fr;
  margin-top: -2rem;
}

.inudstry-card {
  padding: var(--_gaps---gap-base-unit);
  aspect-ratio: 1;
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.industry-card-logo-wrap {
  justify-content: center;
  align-items: center;
  min-height: 32px;
  display: flex;
}

.industry-card-bottom {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-tag-group {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.icon-tag-group.atop-image {
  z-index: 2;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  bottom: 12px;
  left: 12px;
}

.icon-tag-group.align-left {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: flex-start;
  align-items: flex-start;
}

.icon-tag-group.align-left.tight-gaps {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
}

.square-image {
  aspect-ratio: 1;
}

.square-image.parallax-square {
  width: 100%;
  transform: scale(1.2);
}

.justified-grid-content {
  max-width: var(--_grid---grid-5-column);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.justified-grid-content.align-left {
  justify-content: space-between;
  align-items: flex-start;
}

.text-tab {
  padding: var(--_gaps---gap-0-5x) 0px;
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  border-bottom: 1px solid var(--_color---color-white-border);
  opacity: .5;
  font-size: var(--_typography---type-h5-size);
  line-height: var(--_typography---type-h5-line-height);
  letter-spacing: var(--_typography---type-h5-letter-spacing);
  background-color: #0000;
  flex-flow: column;
  height: 80px;
  font-weight: 500;
  transition: max-height .2s, height .2s, opacity .2s;
  display: flex;
  overflow: hidden;
}

.text-tab:hover {
  opacity: 1;
}

.text-tab.w--current {
  padding-bottom: var(--_gaps---gap-1-5x);
  opacity: 1;
  background-color: #0000;
  height: auto;
}

.icon-feature-grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-feature-grid.quarters {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.icon-feature-grid.cardxs.lesspxs {
  margin-top: -2rem;
}

.icon-feature-grid.cardxs.lesspxs.bottomxs {
  margin-top: -8rem;
  margin-bottom: 4rem;
}

.icon-feature-item {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-feature-item.centeredxs {
  align-items: center;
}

.icon-feature-item-text {
  padding-right: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  display: flex;
}

.faq-section {
  max-width: var(--_grid---grid-7-column);
  margin-left: auto;
  margin-right: auto;
}

.tabbed-faq-wrap {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  margin-top: calc(-1 * var(--_gaps---gap-base-unit));
  margin-bottom: calc(-1 * var(--_gaps---gap-base-unit));
  flex-flow: column;
  display: flex;
}

.icon-tab {
  padding: var(--_gaps---gap-0-25x) var(--_gaps---gap-0-5x);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border: 1px solid var(--_color---color-dark-border);
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-white);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-tab.w--current {
  background-color: var(--_color---color-off-white-2);
  border-style: none;
}

.icon-tabs {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  display: flex;
}

.icon-tabs.centered {
  margin-bottom: var(--_gaps---gap-2-5x);
  justify-content: center;
  align-items: stretch;
}

.section-addendum {
  padding: var(--_gaps---gap-0-5x);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  background-color: var(--_color---color-off-white-1);
  border-radius: 200px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-addendum.glass-bg {
  border: 1px solid var(--_color---color-effect-glass-stroke);
  background-color: var(--_color---color-effect-glass-bg);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 12px #0000001a;
}

.addendum-text {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  flex: 1;
  justify-content: space-around;
  display: flex;
}

.customers-grid {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.customer-story-item {
  border-radius: var(--_border-radius---border-radius-base-unit);
  color: var(--_color---color-white);
  display: flex;
  position: relative;
  overflow: hidden;
}

.customer-story-item-image {
  aspect-ratio: 2.25 / 3;
}

.customer-story-item-content {
  z-index: 1;
  padding: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.text-accordion-tabs {
  flex-flow: column;
  display: flex;
}

.text-tab-title {
  color: var(--_color---color-white);
  position: relative;
  top: 12px;
}

.text-tab-content {
  color: var(--_color---color-text-paragraph-white);
  position: relative;
  top: 11px;
}

.gradient-bg-3 {
  z-index: 0;
  background-image: linear-gradient(180deg, var(--_color---color-theme-1), var(--_color---color-theme-2) 65%, var(--_color---color-white));
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-metrics {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.metric-with-icon-card {
  max-width: var(--_grid---grid-3-column);
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  border: 1px solid var(--_color---color-effect-glass-stroke);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-effect-glass-bg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  box-shadow: 0 4px 12px #0000001a;
}

.large-centered-quote {
  max-width: var(--_grid---grid-9-column);
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.large-centered-quote-image {
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  flex: none;
  max-width: 217px;
  overflow: hidden;
}

.large-quote-content {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  flex: 1;
  display: flex;
}

.large-quote-bottom {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.customer-header {
  padding: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  border-radius: var(--_border-radius---border-radius-base-unit);
  color: var(--_color---color-white);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  position: relative;
  overflow: hidden;
}

.customer-header-grid {
  z-index: 2;
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.customer-header-image {
  border-radius: var(--_border-radius---border-radius-base-unit);
  overflow: hidden;
}

.customer-header-content {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.customer-header-title {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  display: flex;
}

.customer-header-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.customer-details {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.customer-detail-item {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  flex-flow: column;
  display: flex;
}

.portrait-image {
  aspect-ratio: 3 / 4.1;
}

.portrait-image.parallax-hero-image {
  transform: translate(0, -7.5%)scale(1.2);
}

.hero-bento {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logos-section {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  text-align: center;
  flex-flow: column;
  display: flex;
}

.logo-row {
  padding-right: var(--_gaps---gap-4x);
  grid-column-gap: var(--_gaps---gap-4x);
  grid-row-gap: var(--_gaps---gap-4x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-row-item {
  opacity: .5;
}

.logo-scrim {
  z-index: 2;
  background-image: linear-gradient(288deg, var(--_color---color-white), #fff0 20%, #fff0 80%, white);
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wrap {
  position: relative;
}

.emoji-badge {
  padding: var(--_gaps---gap-0-25x) var(--_gaps---gap-0-5x);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border: 1px solid var(--_color---color-effect-glass-stroke);
  background-color: var(--_color---color-effect-glass-bg);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  font-family: var(--_typography---type-font-badges);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 200px;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4em;
  display: flex;
  box-shadow: 0 4px 12px #0000001a;
}

.emoji-badge.overlay-text-1 {
  position: absolute;
  top: 6px;
  right: 5px;
  transform: translate(100%)rotate(-2deg);
}

.emoji-badge-image {
  max-height: 24px;
}

.members-widget-overlay {
  width: var(--_grid---grid-6-column);
  position: absolute;
  left: 48px;
}

.widget-box-portrait {
  padding: var(--_gaps---gap-0-75x);
  aspect-ratio: 3 / 4;
  border-radius: var(--_border-radius---border-radius-base-unit);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.widget-bento-portrait {
  aspect-ratio: 2 / 3;
}

.integrations-box {
  padding: var(--_gaps---gap-base-unit);
  aspect-ratio: 3 / 2;
  border-radius: var(--_border-radius---border-radius-base-unit);
  color: var(--_color---color-white);
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.integrations-row {
  padding-right: var(--_gaps---gap-4x);
  grid-column-gap: var(--_gaps---gap-4x);
  grid-row-gap: var(--_gaps---gap-4x);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-row-item {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-row-logo {
  height: 96px;
}

.integration-row-item-text {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  flex-flow: column;
  display: flex;
}

.horizontal-quote-author {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  text-align: left;
  justify-content: center;
  align-items: center;
  display: flex;
}

.horizontal-quote-author.reduced-gap {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
}

.horizontal-quote-image {
  border-radius: 50%;
  max-height: 72px;
}

.customer-slider {
  background-color: #0000;
  height: auto;
}

.slider-mask {
  max-width: var(--_grid---grid-10-column);
  overflow: visible;
}

.customer-slide-wrap {
  padding-right: var(--_gaps---gap-base-unit);
}

.customer-card {
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-white);
  color: var(--_color---color-dark);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.customer-card-image-wrap {
  border-radius: var(--_border-radius---border-radius-base-unit);
  color: var(--_color---color-white);
  position: relative;
  overflow: hidden;
}

.customer-card-content {
  padding-top: var(--_gaps---gap-0-5x);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.customer-card-content-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.arrow-button {
  padding-right: var(--_gaps---gap-base-unit);
  padding-left: var(--_gaps---gap-base-unit);
  background-color: var(--_color---color-white-15);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  transition: background-color .2s;
  display: flex;
  top: auto;
  bottom: -60px;
}

.arrow-button:hover {
  background-color: #ffffff40;
}

.arrow-button.next {
  left: 92px;
  right: auto;
}

.arrow-button.prev {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.customer-slider-wrap {
  padding-bottom: var(--_gaps---gap-2-5x);
}

.customer-quotes-section {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.customer-quotes-title-wrap {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.customer-quotes-grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.customer-quotes-grid.thirds {
  grid-template-columns: 1fr 1fr 1fr;
}

.customer-quote-box {
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.customer-quote-avatar {
  border-radius: 50%;
  max-height: 72px;
}

.customer-quote-avatar.large {
  max-height: 96px;
}

.customer-quote-box-text {
  flex: 1;
}

.gradient-bg-4 {
  z-index: 0;
  background-image: linear-gradient(180deg, var(--_color---color-white), var(--_color---color-theme-2) 43%, var(--_color---color-theme-1));
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-4 {
  grid-column-gap: var(--_gaps---gap-4x);
  grid-row-gap: var(--_gaps---gap-4x);
  flex-flow: column;
  display: flex;
}

.hero-4-top {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.hero-content {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  display: flex;
}

.icon-tag {
  padding: var(--_gaps---gap-0-5x) var(--_gaps---gap-0-75x) var(--_gaps---gap-0-5x) var(--_gaps---gap-0-5x);
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  border: 1px solid var(--_color---color-dark-border);
  border-radius: var(--_border-radius---border-radius-0-5x);
  background-color: var(--_color---color-white);
  color: var(--_color---color-dark);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-tag.glass-style {
  border-style: solid;
  border-color: var(--_color---color-effect-glass-stroke);
  background-color: var(--_color---color-effect-glass-bg);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 12px #0000001a;
}

.customer-spotlight {
  max-width: var(--_grid---grid-5-column);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.use-case-grid {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.use-case {
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-dark);
  color: var(--_color---color-white);
  position: relative;
  overflow: hidden;
}

.use-case-image {
  aspect-ratio: 3 / 4;
}

.use-case-text {
  z-index: 3;
  padding: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  text-align: center;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.widget-box {
  padding-top: var(--_gaps---gap-1-5x);
  padding-bottom: var(--_gaps---gap-1-5x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  justify-content: center;
  align-items: center;
  min-height: 420px;
  display: flex;
  position: relative;
}

.use-case-card-grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.use-case-card {
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-white-15);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.use-case-card-body {
  padding: var(--_gaps---gap-0-75x) var(--_gaps---gap-0-75x) var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: column;
  display: flex;
}

.image-with-label-wrap {
  border-radius: var(--_border-radius---border-radius-base-unit);
  color: var(--_color---color-white);
  position: relative;
  overflow: hidden;
}

.text-label-over-image {
  position: absolute;
  top: 96px;
  left: 360px;
}

.bento-halves {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.widget-on-image-wrap {
  padding-right: var(--_gaps---gap-base-unit);
  padding-left: var(--_gaps---gap-base-unit);
  aspect-ratio: 2 / 3;
  border-radius: var(--_border-radius---border-radius-base-unit);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-under-widget {
  z-index: 0;
  position: absolute;
}

.motif-quote-card {
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  border-radius: var(--_border-radius---border-radius-base-unit);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.motif-quote-card-content {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.bg-hero {
  opacity: .8;
  object-position: 50% 10%;
  width: 100%;
  height: 100%;
  transition: filter 1s cubic-bezier(.041, .188, 0, .989);
  position: absolute;
  top: 0;
  left: 0;
}

.bg-hero.hero-7-bg {
  object-position: 50% 40%;
  transform: scale(1.05);
}

.hero-5-content {
  max-width: var(--_grid---grid-5-column);
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.accordion-title-open {
  background-color: #0000;
  border-bottom: 1px #000;
}

.accordion-title-open:hover {
  background-color: #0000;
}

.accordion-content-open {
  max-height: 700px;
}

.dividing-line {
  background-color: var(--_color---color-dark-border);
  width: 100%;
  height: 1px;
}

.wide-accordion-title-wrap {
  max-width: var(--_grid---grid-4-column);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wide-accordion-icon {
  max-height: 36px;
}

.widget-layout {
  padding: var(--_gaps---gap-base-unit) var(--_gaps---gap-base-unit) var(--_gaps---gap-base-unit) var(--_gaps---gap-2x);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 550px;
  display: flex;
  overflow: hidden;
}

.portrait-image-grid-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.portrait-image-large {
  max-width: var(--_grid---grid-4-column);
  border-radius: var(--_border-radius---border-radius-base-unit);
  width: 100%;
}

.client-spotlight {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.client-spotlight-quote-wrap {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  display: flex;
}

.metric-halves {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.centered-title {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  text-align: center;
  flex-flow: column;
  display: flex;
}

.comparison-table-wrap {
  max-width: var(--_grid---grid-8-column);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.comparison-table {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: column;
  display: flex;
}

.comparison-table-row {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-divider {
  opacity: .5;
  background-image: linear-gradient(90deg, #fff0, #fff 10% 90%, #fff0);
  width: 100%;
  height: 1px;
}

.table-row-description {
  font-weight: 500;
}

.table-row-emphasis {
  font-size: var(--_typography---type-lead-size);
  line-height: var(--_typography---type-lead-line-height);
  text-align: center;
  font-weight: 500;
}

.table-row-deemphasis {
  color: var(--_color---color-text-paragraph);
  text-align: center;
}

.table-rows {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  display: flex;
}

.gradient-bg-5 {
  z-index: 0;
  background-image: linear-gradient(180deg, var(--_color---color-theme-1), var(--_color---color-theme-2) 67%, var(--_color---color-white));
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-6-content {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.integrations-wrap {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: column;
  display: flex;
}

.category-bar {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.category-bar-title {
  font-weight: 500;
}

.categories {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.category-bar-link {
  padding: var(--_gaps---gap-0-25x) var(--_gaps---gap-base-unit);
  border: 1px solid var(--_color---color-dark-border);
  font-family: var(--_typography---type-font-badges);
  font-size: var(--_typography---type-small-size);
  line-height: var(--_typography---type-small-line-height);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 200px;
}

.category-bar-link.w--current {
  background-color: var(--_color---color-dark);
  color: var(--_color---color-white);
}

.integration-categories {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  display: flex;
}

.integrations-grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integrations-item {
  border: 1px solid var(--_color---color-dark-border);
  border-radius: var(--_border-radius---border-radius-base-unit);
  overflow: hidden;
}

.integrations-item-body {
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 360px;
  display: flex;
}

.integration-item-top {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.integration-logo {
  height: 96px;
}

.integration-item-title {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.integration-item-button {
  height: var(--_buttons---button-height);
  padding-right: var(--_gaps---gap-base-unit);
  padding-left: var(--_gaps---gap-base-unit);
  background-color: var(--_color---color-dark);
  color: var(--_color---color-white);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.integrations-cta {
  padding-top: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-article-wrap {
  max-width: var(--_grid---grid-6-column);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.integration-title-wrap {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.metric-with-text-card {
  max-width: var(--_grid---grid-3-column);
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  border: 1px solid var(--_color---color-effect-glass-stroke);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-effect-glass-bg);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 250px;
  display: flex;
  position: relative;
  box-shadow: 0 4px 12px #0000001a;
}

.glass-photo-portrait {
  aspect-ratio: 3 / 4;
  border-radius: var(--_border-radius---border-radius-0-5x);
  max-width: 60px;
}

.hero-text-metrics {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.about-us-intro {
  max-width: var(--_grid---grid-4-column);
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.about-us-author {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.signature {
  transform: rotate(-5deg);
}

.team-grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_gaps---gap-5x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-member {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  display: flex;
}

.team-photo {
  border-radius: var(--_border-radius---border-radius-base-unit);
}

.team-content-wrap {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-text-wrap {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  display: flex;
}

.timeline-slider {
  background-color: #0000;
  height: auto;
}

.timeline-slider-mask {
  max-width: var(--_grid---grid-4-column);
  overflow: visible;
}

.timeline-slide {
  padding-bottom: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  display: flex;
}

.timeline-slide-top {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.timeline-line-left {
  background-color: var(--_color---color-white);
  width: 24px;
  height: 2px;
  position: relative;
  top: 11px;
}

.timeline-line-left.gradient {
  background-color: #0000;
  background-image: linear-gradient(90deg, #fff0, #fff);
}

.timeline-blip {
  background-color: var(--_color---color-white);
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.timeline-line-right {
  background-color: var(--_color---color-white);
  flex: 1;
  height: 2px;
  position: relative;
  top: 11px;
}

.timeline-line-right.gradient {
  background-color: #0000;
  background-image: linear-gradient(90deg, #fff, #fff0);
}

.timeline-blip-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.timeline-blip-line {
  background-image: linear-gradient(#fff, #fff0);
  width: 2px;
  height: 72px;
}

.timeline-item-text {
  padding-right: var(--_gaps---gap-1-5x);
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  display: flex;
}

.hero-7-content {
  max-width: var(--_grid---grid-5-column);
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.large-quote-signature {
  transform: rotate(-5deg);
}

.image-pair {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-item {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  display: flex;
}

.image-triptych {
  max-width: var(--_grid---grid-5-column);
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.career-list-section {
  max-width: var(--_grid---grid-8-column);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.careers-list {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  display: flex;
}

.career-link-box {
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.career-meta {
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.career-meta-item {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  flex-flow: column;
  display: flex;
}

.form-wrap {
  margin-top: var(--_gaps---gap-3x);
  padding: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  flex-flow: column;
  align-self: stretch;
  display: flex;
}

.form-wrap.contact-form-wrap {
  margin-top: 0;
}

.form-wrap.contact-form-wrap.glass-style {
  border: 1px solid var(--_color---color-effect-glass-stroke);
  background-color: var(--_color---color-effect-glass-bg);
  box-shadow: 0 4px 12px #0000001a;
}

.form {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  display: flex;
}

.form-pair {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-8-content {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.metrics-left {
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.widget-bento-2 {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  grid-template-rows: auto;
  grid-template-columns: 1fr .66fr;
  grid-auto-columns: 1fr;
  height: 310px;
  display: flex;
}

.widget-bento-box {
  padding-top: var(--_gaps---gap-base-unit);
  padding-left: var(--_gaps---gap-base-unit);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-2);
  position: relative;
  overflow: hidden;
}

.widget-bento-2-image {
  width: 100%;
  height: 100%;
  display: block;
}

.dev-image {
  width: var(--_grid---grid-5-column);
  border-radius: var(--_border-radius---border-radius-0-5x);
  max-width: none;
  overflow: hidden;
}

.accordion-grid-section {
  max-width: var(--_grid---grid-5-column);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: column;
  display: flex;
}

.accordion-title-icon-wrap {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.accordion-title-icon {
  max-height: 24px;
}

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

.restricted-width-heading {
  max-width: var(--_grid---grid-7-column);
}

.pricing-tabs-content {
  align-self: stretch;
}

.pricing-grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing-table {
  border: 1px solid var(--_color---color-dark-border);
  border-radius: var(--_border-radius---border-radius-base-unit);
  overflow: hidden;
}

.pricing-table-top {
  padding: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  background-color: var(--_color---color-off-white-1);
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pricing-table-top.contains-dark-bg {
  color: var(--_color---color-white);
}

.pricing-table-price-wrap {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  display: flex;
  position: relative;
}

.pricing-table-body {
  padding: var(--_gaps---gap-base-unit);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: column;
  display: flex;
}

.customer-quote-vanilla {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-card {
  max-width: var(--_grid---grid-3-column);
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  border: 1px solid var(--_color---color-effect-glass-stroke);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-effect-glass-bg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  transition: filter 1s cubic-bezier(.55, .055, .386, .814);
  display: flex;
  position: relative;
  box-shadow: 0 4px 12px #0000001a;
}

.contact-card-content {
  grid-column-gap: var(--_gaps---gap-0-75x);
  grid-row-gap: var(--_gaps---gap-0-75x);
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.contact-content {
  max-width: var(--_grid---grid-5-column);
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.contact-images {
  grid-column-gap: var(--_grid---grid-gap-s);
  grid-row-gap: var(--_grid---grid-gap-s);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.rounded-image {
  border-radius: var(--_border-radius---border-radius-base-unit);
}

.request-demo-content {
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.utility-article-wrap {
  max-width: var(--_grid---grid-6-column);
  grid-column-gap: var(--_gaps---gap-4x);
  grid-row-gap: var(--_gaps---gap-4x);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utility-layout {
  grid-column-gap: var(--_gaps---gap-5x);
  grid-row-gap: var(--_gaps---gap-5x);
  flex-flow: column;
  display: flex;
}

.utility-section {
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.colours-grid {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_grid---grid-gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.colour-item {
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  flex-flow: column;
  display: flex;
}

.colour-swatch {
  aspect-ratio: 3 / 2;
  border-radius: var(--_border-radius---border-radius-base-unit);
  width: 100%;
}

.colour-swatch.bg-dark {
  background-color: var(--_color---color-dark);
}

.colour-swatch.white {
  border: 1px solid var(--_color---color-dark-border);
  background-color: var(--_color---color-white);
}

.colour-swatch.off-white-1 {
  background-color: var(--_color---color-off-white-1);
}

.colour-swatch.off-white-2 {
  background-color: var(--_color---color-off-white-2);
}

.colour-swatch.theme-1 {
  background-color: var(--_color---color-theme-1);
}

.colour-swatch.theme-2 {
  background-color: var(--_color---color-theme-2);
}

.colour-swatch.theme-3 {
  background-color: var(--_color---color-theme-3);
}

.typography {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  display: flex;
}

.buttons {
  grid-column-gap: var(--_gaps---gap-base-unit);
  grid-row-gap: var(--_gaps---gap-base-unit);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button-light-demo {
  background-color: var(--_color---color-dark);
  padding: 18px;
}

.radio-label {
  font-size: var(--_typography---type-body-size);
  line-height: var(--_typography---type-body-line-height);
}

.license-image-link {
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-dark);
  color: var(--_color---color-white);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.license-link-text {
  font-size: var(--_typography---type-lead-size);
  line-height: var(--_typography---type-lead-line-height);
  position: absolute;
}

.license-link-image {
  opacity: .5;
}

.inline-link {
  color: var(--_color---color-dark);
}

.type-demo {
  grid-column-gap: var(--_gaps---gap-0-25x);
  grid-row-gap: var(--_gaps---gap-0-25x);
  flex-flow: column;
  display: flex;
}

.icon-demo {
  grid-column-gap: var(--_gaps---gap-2x);
  grid-row-gap: var(--_gaps---gap-2x);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.changelog {
  grid-column-gap: var(--_grid---grid-gap-m);
  grid-row-gap: var(--_gaps---gap-3x);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.search-results-wrap {
  max-width: var(--_grid---grid-8-column);
  grid-column-gap: var(--_gaps---gap-3x);
  grid-row-gap: var(--_gaps---gap-3x);
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.search-form {
  padding: var(--_gaps---gap-0-75x);
  grid-column-gap: var(--_gaps---gap-0-5x);
  grid-row-gap: var(--_gaps---gap-0-5x);
  border-radius: var(--_border-radius---border-radius-base-unit);
  background-color: var(--_color---color-off-white-1);
  margin-bottom: 0;
  display: flex;
}

.search-result-list {
  grid-column-gap: var(--_gaps---gap-1-5x);
  grid-row-gap: var(--_gaps---gap-1-5x);
  flex-flow: column;
  display: flex;
}

.search-result-url {
  margin-bottom: var(--_gaps---gap-0-25x);
  opacity: .5;
}

.blurred-bg-hero {
  opacity: .8;
  object-position: 50% 10%;
  width: 100%;
  height: 110%;
  transition: filter 1s cubic-bezier(.304, .018, .193, .849);
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1.05);
}

.parallax {
  aspect-ratio: auto;
  position: relative;
  transform: scale(1.2);
}

.button-text-wrap {
  flex-flow: column;
  align-self: stretch;
  display: flex;
  overflow: hidden;
}

.button-text-element {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  display: flex;
}

.arrow-link-icon-wrap {
  flex-flow: row-reverse;
  width: 20px;
  height: 20px;
  display: flex;
  overflow: hidden;
}

.parallax-hero-image {
  transform: scale(1.2);
}

.parallax__overlay {
  background-image: linear-gradient(#0a090500 73%, #0a0905);
  position: absolute;
  inset: 0%;
}

.subhero-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.subhero-2.hidden {
  display: none;
}

.parallax-2 {
  min-width: 151vh;
  height: 100vh;
  position: relative;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);
}

.body-s {
  color: #d7c9a4;
  font-size: 1rem;
}

.credits__item__link {
  color: #fff;
  text-transform: uppercase;
  margin-left: .5em;
  text-decoration: none;
  display: inline-block;
}

.img {
  object-fit: cover;
  width: 100%;
  height: 150%;
}

.section__img-holder {
  justify-content: center;
  align-items: center;
  width: 36.7vw;
  height: 36.9vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section__img-holder.img7 {
  width: 100%;
  height: 100vh;
}

.credits__item__title {
  color: var(--_color---color-text-dark);
  text-transform: uppercase;
  display: inline-block;
}

.subhero__pieces {
  margin-bottom: 128px;
}

.footer-link-2 {
  color: #dedede;
  font-weight: 500;
}

.footer-links-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  display: flex;
}

.parallax__layer-title {
  z-index: 2;
  color: #0c0c0c;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 88svh;
  display: flex;
  position: absolute;
  inset: 0% 0% 10% 5%;
}

.hero {
  overflow: hidden;
}

.parallax__plane {
  width: 100%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.parallax__plane.parallax__plane--z1 {
  transform: translate(0);
}

.parallax__plane.dhru {
  transform: translate(-100px)scale(.9);
}

.link-underline {
  color: #d7c9a4;
  transition: border-color .35s cubic-bezier(.165, .84, .44, 1);
}

.link-underline:hover {
  border-bottom-color: #fff;
}

.subhero__content {
  position: absolute;
  bottom: 140px;
}

.subhero__content.hidden {
  display: none;
}

.footer-item {
  padding-bottom: 10px;
}

.credits__item {
  padding-left: 8px;
  padding-right: 8px;
  font-size: 11px;
  line-height: 11px;
  display: inline-block;
}

.v-flex-s {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: 100%;
  margin-top: -14px;
}

.parallax__title {
  pointer-events: auto;
  color: #e8dbba;
  letter-spacing: .07em;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle, #d7c9a4, #d7c9a4);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-right: .075em;
  font-size: 8.8em;
  line-height: 1;
  position: relative;
}

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

.livechat-button {
  background-color: #000;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 42px;
  text-decoration: none;
  display: flex;
}

.chat-block {
  background-color: #fff;
  border-radius: 8px;
  width: 80%;
  padding: 15px;
}

.close-live-chat-container {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 100%;
  display: flex;
}

.live-icon-chat {
  width: 47px;
  margin-right: 0;
}

.top-section {
  justify-content: space-between;
  align-items: center;
  height: 14%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.live-chat-text {
  color: #fff;
  text-decoration: none;
}

.whatsapp-block {
  z-index: 30;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: fixed;
  inset: auto 30px 30px auto;
}

.whatsapp-block.hidden {
  display: none;
}

.live-chat-link {
  padding: var(--_gaps---gap-0-25x) var(--_gaps---gap-0-75x);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 14%;
  text-decoration: none;
  display: flex;
}

.whatsapp-container {
  z-index: 30;
  cursor: pointer;
  background-color: #000;
  border: 1px solid #ffffff4d;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  transition: all .3s cubic-bezier(.45, .182, .111, .989);
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.whatsapp-container:hover {
  background-color: #383838;
  transform: scale(1.05);
}

.live-chat-top-text {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 500;
  position: static;
}

.live-chat-top-text.block {
  color: #b0b0b0;
  margin-bottom: 10px;
  font-size: 12px;
}

.chat-section {
  background-color: #fafafa;
  height: 64%;
  padding: 16px 20px;
}

.small-whatsapp-icon {
  margin-right: 10px;
}

.live-icon {
  background-color: #00b94a;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: 5px auto auto 5px;
}

.whatsapp-chat {
  z-index: 10;
  background-color: #fff;
  border: 1px solid #00000029;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-around;
  width: 300px;
  height: 450px;
  margin-bottom: 16px;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.live-chat-bottom-text {
  font-size: 10px;
}

.live-chat-bottom-text.block {
  margin-bottom: 5px;
  font-size: 12px;
}

.section-2 {
  z-index: 2;
  grid-column-gap: calc(1.25 * 2.5rem);
  grid-row-gap: calc(1.25 * 2.5rem);
  background-color: #fff;
  flex-flow: column;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.cta {
  border-top-left-radius: var(--_border-radius---border-radius-base-unit);
  border-top-right-radius: var(--_border-radius---border-radius-base-unit);
  border-bottom-left-radius: var(--_border-radius---border-radius-base-unit);
  border-bottom-right-radius: var(--_border-radius---border-radius-base-unit);
  color: #000;
  text-align: center;
  border: 1px dashed #cfcfcf;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 3.75rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-content {
  z-index: 3;
  position: relative;
}

.display-m-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2em;
}

.display-m-2.top-padding {
  margin-top: 10rem;
}

.display-m-2.top-padding.half-padding {
  margin-top: 0;
}

.display-m-2.top-padding.half-padding-2x {
  margin-top: 3rem;
}

.cta-background-image {
  z-index: 2;
  opacity: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cta-background-image-overlay {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.pieces {
  margin-left: -32px;
  margin-right: -32px;
  display: flex;
}

.credits__item__title-2 {
  color: #ffffff6b;
  text-transform: uppercase;
  display: inline-block;
}

.card__image {
  width: 154px;
}

.pieces__item {
  padding-left: 32px;
  padding-right: 32px;
}

.subhero__content-2 {
  position: absolute;
  bottom: 32px;
}

.card__letter {
  color: #ffffff9e;
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card-2 {
  position: relative;
}

.search {
  -webkit-backdrop-filter: blur(44px);
  backdrop-filter: blur(44px);
  background-image: linear-gradient(#0a0a0a, #000000b3);
  border: 1px solid #373737;
  border-radius: 100px;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: relative;
}

.drop-icon {
  width: 18px;
}

.more-options {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.thank-you-message-holder {
  color: #fafafab3;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 300;
  line-height: 1.9;
  display: flex;
}

.icon-small {
  width: 12px;
}

.search-button {
  background-color: #373737;
  background-image: url('../images/Arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 200px;
  width: 40px;
  height: 40px;
  padding: 21px 9px 9px;
  transition: background-color .3s;
}

.search-button:hover {
  background-color: #5e5e5e;
}

.hero-form {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.ease-dropdown-link {
  color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: Lato, sans-serif;
  font-size: 14px;
  transition: color .35s;
}

.ease-dropdown-link:hover {
  color: #b4bcd0;
}

.ease-dropdown-title-text {
  color: #fafafab3;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.ease-drop-down-icon {
  width: 8px;
}

.drop-down-icon-holder {
  border-left: 1px solid #ffffff1a;
  justify-content: center;
  align-items: center;
  padding-left: 7px;
  display: flex;
}

.drop-down-icon-holder.no-line {
  border-left-style: none;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.error-message {
  color: #fff;
  text-align: center;
  background-color: #ffdede00;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.error-message::placeholder {
  color: #7d7d7d;
  font-size: 15px;
}

.pixelated-font {
  font-feature-settings: "ss01" on;
}

.pixelated-font.white-title {
  color: #fff;
}

.hero-form-success-holder {
  background-color: #ddd0;
  border: 1px dashed #373737;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 0;
}

.ease-dropdown-list {
  background-color: #0e0f11;
}

.ease-dropdown-list.w--open {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #0a0a0ac2;
  border: 1px solid #373737;
  border-radius: 14px;
  margin-top: 45px;
  bottom: 110%;
  overflow: hidden;
}

.ease-dropdown-01-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 3.25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 80px 20px 20px;
  display: flex;
}

.search-block {
  height: 100%;
  margin-bottom: 0;
}

.think-icon {
  width: 15px;
}

.search-text-field {
  color: #fff;
  background-color: #fff0;
  border: 1px #000;
  border-radius: 0;
  padding: 0;
  font-family: Inter, Arial, sans-serif;
}

.ease-dropdown-toggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #fff3;
  border-radius: 200px;
  height: 100%;
  padding: 8px 14px;
  transition: background-color .25s;
  display: flex;
}

.ease-dropdown-toggle:hover {
  background-color: #ffffff0d;
}

.ease-dropdown-toggle.no-border {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-style: none;
  padding-right: 14px;
}

.more-options-holder {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.circle {
  border: 1px solid #ffffff1a;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.think-toggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #fff3;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 14px;
  display: flex;
}

.button-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.drop-down-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ease-dropdown {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  font-family: Lato, sans-serif;
  display: flex;
}

.footer-link-3 {
  font-weight: 500;
}

.v-flex-xs {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: 100%;
}

.v-flex-xs.awake-xs {
  align-items: center;
}

.icon-m {
  width: 1rem;
  max-height: 1rem;
}

.body-s-2 {
  color: #7e7e7e;
  text-align: center;
  max-width: 25vw;
  font-size: 1rem;
}

.body-s-2.hidden {
  display: none;
}

.body-s-2.fullxs {
  max-width: none;
  font-weight: 500;
}

.body-s-2.fullxs.left-align {
  text-align: left;
}

.body-s-2.fullxs.left-align.bottom {
  margin-bottom: 4rem;
}

.body-s-2.fullxs.nopaxs {
  margin-top: 2rem;
}

.body-s-2.fullxs.mobs {
  display: none;
}

.body-s-2.top-padding {
  margin-top: var(--_grid---grid-gap-m);
  font-size: 1rem;
}

.body-s-2.align-right, .body-s-2.crd-title {
  text-align: left;
}

.body-s-2.crd-body {
  color: var(--_color---color-text-dark);
  text-align: left;
  max-width: none;
}

.body-s-2.subsxs {
  max-width: none;
  padding-top: 20px;
}

.link-with-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.footer-links-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  display: flex;
}

.footer-links-3.centerxs {
  justify-content: center;
}

.display-xs {
  color: #000;
  font-size: .95rem;
  font-weight: 500;
  line-height: 1.25em;
}

.link-underline-2 {
  border-bottom: 1px solid #dcdcdc;
  transition: border-color .35s cubic-bezier(.165, .84, .44, 1);
}

.link-underline-2:hover {
  border-bottom-color: #7e7e7e;
}

.v-flex-s-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
}

.footer-2 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-top: 2px solid var(--_color---color-text-dark);
  flex-flow: column;
  padding-top: 4rem;
  font-size: .95rem;
  display: flex;
}

.footer-2.nav {
  border-top-style: none;
}

.div-block {
  color: #d7c9a4;
}

.text-span {
  font-family: var(--_typography---type-font-body);
  font-size: var(--_typography---type-h4-size);
  letter-spacing: 0;
  text-transform: none;
}

.icon-xs {
  width: .5rem;
  max-height: .5rem;
}

.link-breadcrumb {
  color: #27272778;
  font-size: 1rem;
  transition: color .35s cubic-bezier(.165, .84, .44, 1);
}

.link-breadcrumb.w--current {
  color: #000;
}

.link-breadcrumb.top-padding {
  padding-top: var(--_section-padding---section-padding-0-5x);
}

.link-breadcrumb.top-padding.left-align {
  text-align: left;
}

.link-breadcrumb.nv-cardxs {
  text-align: right;
  text-decoration: underline;
}

.body-l {
  color: #272727b3;
  letter-spacing: .02em;
  font-size: 1.25rem;
}

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

.content-title {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.content-title-breadcrumbs {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  font-size: .885rem;
  font-weight: 500;
  display: flex;
}

.content-title-breadcrumbs-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.v-flex-s-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
}

.content-title-meta {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #9f9f9f;
  font-size: .885rem;
  font-weight: 500;
  display: flex;
}

.display-2xl {
  font-family: var(--_typography---type-font-body);
  color: #272727cc;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 2.3rem;
  font-weight: 500;
  line-height: 1.25em;
}

.display-2xl.brand {
  font-family: var(--_typography---type-font-headings);
  margin-left: 0;
  font-weight: 300;
}

.button-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  border-radius: .25rem;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  min-height: 3rem;
  padding: .5rem 1rem;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.25em;
  transition: border-color .35s cubic-bezier(.165, .84, .44, 1), background-color .35s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-2:hover {
  background-color: #333;
  border-color: #333;
}

.button-2.button-secondary {
  color: #000;
  background-color: #fff;
  border-color: #dcdcdc;
  transition: background-color .35s cubic-bezier(.165, .84, .44, 1);
}

.button-2.button-secondary:hover {
  background-color: #f2f2f2;
}

.display-s {
  font-family: var(--_typography---type-font-body);
  letter-spacing: .07em;
  text-transform: none;
  padding-top: 60px;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.25em;
}

.popular-article-card {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #ffffff1a;
  border: 1px solid #dcdcdc;
  border-radius: .25rem;
  flex-flow: column;
  width: 100%;
  padding: 1.5rem;
  font-weight: 500;
  transition: background-color .35s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.popular-article-card.spacexs {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  aspect-ratio: 1;
  border-radius: .25rem;
  grid-template-rows: 1fr 1fr minmax(auto, .5fr);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  transition: opacity .2s;
  display: grid;
}

.popular-article-card.spacexs:hover {
  background-color: #f2f2f200;
}

.popular-article-card.spacexs.v2 {
  border-style: none;
  grid-template-rows: 1fr 1fr minmax(auto, 2fr);
}

.popular-article-card.spacexs.v2.mobile-only {
  display: none;
}

.popular-article-card.spacexs.v3 {
  border-style: none;
  grid-template-rows: 2fr 1fr minmax(auto, 4.25fr);
}

.popular-article-card.spacexs.v3.mobile-only {
  display: none;
}

.content-list-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.display-s-2 {
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.25em;
}

.content-articles-list {
  border: 1px solid #dcdcdc;
  border-radius: .25rem;
}

.state-box {
  text-align: center;
  background-color: #f2f2f2;
  border: 1px solid #dcdcdc;
  border-radius: .25rem;
  width: 100%;
  padding: 1.5rem;
  font-weight: 500;
}

.related-articles-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border: 1px solid #dcdcdc;
  border-radius: .2rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem;
  transition: background-color .35s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.related-articles-card:hover {
  background-color: #f2f2f2;
}

.body-2 {
  background-color: #faf6eb;
}

.section-3 {
  z-index: 2;
  grid-column-gap: calc(1.25 * 2.5rem);
  grid-row-gap: calc(1.25 * 2.5rem);
  flex-flow: column;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.cta-2 {
  color: #000;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 3.75rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.display-2xl-2 {
  font-family: var(--_typography---type-font-body);
  letter-spacing: .07em;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.25em;
}

.display-2xl-2.bottom-padding {
  margin-bottom: var(--_grid---grid-gap-m);
}

.display-2xl-2.smaller {
  font-size: 2rem;
  font-weight: 300;
}

.display-2xl-2.smaller.way-smaller {
  text-align: left;
  text-transform: none;
  padding-left: 8rem;
  font-size: 1.5rem;
}

.display-2xl-2.absxs {
  width: 476.458vw;
  position: absolute;
  left: -2vw;
}

.display-2xl-2.crd-title {
  margin-bottom: 20px;
}

.icon-s {
  width: .75rem;
  max-height: .75rem;
}

.display-xl {
  text-align: center;
  padding-top: 27px;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.25em;
}

.display-xl.top-padding {
  padding-top: 120px;
}

.display-xl.crd-title {
  text-align: left;
  margin-bottom: 30px;
  padding-top: 0;
}

.div-block-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 27px;
  display: flex;
}

.div-block-2.v3 {
  padding-bottom: 10px;
}

.body-l-2 {
  color: #444;
  font-size: 1.25rem;
}

.body-s-3 {
  color: #7e7e7e;
}

.link-blue {
  color: #4168cc;
  font-weight: 500;
}

.newsletter-form-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.error-message-2 {
  color: #fff;
  text-align: center;
  background-color: #c94040;
  border-radius: 8px;
}

.text-field {
  background-color: #0000;
  border: 1px dashed #0000;
  border-left-style: none;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 48px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2em;
}

.text-field:focus {
  border-top-color: #0000;
  border-bottom-style: none;
  border-right-color: #0000;
}

.text-field::placeholder {
  color: #2a2119;
}

.submit-button-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  padding-right: 8px;
  display: flex;
  position: absolute;
  inset: 0% 0 0% auto;
}

.newsletter-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.newsletter-form-block {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 120%;
  margin-bottom: 0;
  display: flex;
}

.cta-arrow {
  color: #2a2119;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  display: flex;
}

.newsletter-field-master {
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 12px;
  font-weight: 400;
  line-height: 133%;
}

.success-message {
  color: #2a2119;
  background-color: #fff;
  width: 100%;
}

.submit-button {
  color: #0000;
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: 0%;
}

.heading-style-h1 {
  color: #bb9759;
  white-space: nowrap;
  font-size: 7vw;
  font-weight: 700;
  line-height: .8;
}

.claim-headline_addition-transform {
  opacity: 1;
  color: #0000;
  text-align: center;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #fff;
  text-transform: uppercase;
  min-width: 100%;
  font-family: Agrandir Grand, Arial, sans-serif;
  font-size: 2.25vw;
  font-weight: 700;
  line-height: 1;
}

.parallax-hero_wrapper {
  background-image: url('../images/68c41a806b8747860d6c610c_envato-labs-image-edit-120.5x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.parallax-hero_bg {
  width: 100%;
  height: 100%;
  display: none;
  position: static;
}

.parallax_cloud {
  z-index: 3;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.parallax_cloud.is-right {
  filter: sepia();
}

.hero_claim_wrapper {
  z-index: 3;
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 5% 20%;
}

.section_hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.hero_arrows-down {
  z-index: 4;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.hero-claim_content {
  display: none;
}

.parallax_layer {
  z-index: 1;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.parallax_layer.is-3 {
  z-index: 1;
  inset: auto 0% 0%;
}

.parallax_layer.is-2 {
  z-index: 2;
  width: 100%;
}

.parallax_layer.is-2.editxs {
  filter: sepia(33%);
}

.header-item {
  padding-bottom: 10px;
}

.image {
  opacity: .8;
  height: 51px;
}

.image.large {
  height: 64px;
}

.image.large.logo {
  width: 49px;
  height: 49px;
}

.image.large.xxs {
  margin-top: -2rem;
}

.image.logo {
  width: 51px;
}

.image.logo.midpage {
  width: 100px;
  height: 100px;
}

.image.x-large {
  height: 64px;
}

.image.x-large.logo {
  width: 49px;
  height: 49px;
}

.image.x-large.xxs {
  margin-top: -2rem;
}

.live-icon-chat-2 {
  margin-right: 0;
}

.top-section-2 {
  justify-content: space-between;
  align-items: center;
  height: 25%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.live-chat-link-2 {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 25%;
  text-decoration: none;
  display: flex;
}

.chat-section-2 {
  background-color: #e6ddd4;
  height: 50%;
  padding: 16px 20px;
}

.whatsapp-chat-2 {
  background-color: #fff;
  border: 1px solid #00000029;
  border-radius: 20px;
  flex-direction: column;
  width: 300px;
  height: 315px;
  margin-bottom: 16px;
  display: flex;
  overflow: hidden;
}

.code-embed {
  text-align: left;
  width: 100%;
  height: 720px;
  min-height: 720px;
  padding-left: 120px;
  padding-right: 120px;
}

.brand {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: wrap;
  align-items: center;
  margin-left: -10px;
  display: flex;
}

.image-color-tree {
  z-index: -1;
  height: 100vh;
  position: absolute;
  inset: 15% auto 0% 7%;
}

.emptyxs {
  height: 2.25rem;
}

.padding-bottom {
  margin-bottom: 2rem;
}

.divxs {
  color: #dcdcdc;
}

.rich-text-content {
  text-align: left;
  margin-bottom: -2rem;
}

.rich-text-content ol, .rich-text-content blockquote, .rich-text-content figure {
  margin-bottom: 2.5rem;
}

.rich-text-content ul {
  text-align: left;
  margin-bottom: 2.5rem;
}

.rich-text-content p {
  margin-bottom: 2.5rem;
}

.rich-text-content figcaption {
  margin-top: 1rem;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.25em;
}

.rich-text-content h4 {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: .7em;
  padding-bottom: .25em;
}

.rich-text-content h5 {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: .75em;
  padding-bottom: .25em;
}

.rich-text-content code {
  background-color: #f2f2f2;
  border: 1px solid #dcdcdc;
  border-radius: .25rem;
  padding: .05rem .3rem;
  font-weight: 500;
  display: inline-block;
}

.rich-text-content h2 {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: .75em;
  padding-bottom: .25em;
}

.rich-text-content a {
  color: #4168cc;
  border-bottom: 1px solid #a2b8f0;
  transition: border-color .35s cubic-bezier(.165, .84, .44, 1);
}

.rich-text-content a:hover {
  border-bottom-color: #4168cc;
}

.rich-text-content h6, .rich-text-content h1, .rich-text-content h3 {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: .75em;
  padding-bottom: .25em;
}

.rich-text-content strong {
  font-weight: 600;
}

.rich-text-content.hidden {
  display: none;
}

.code-embed-2 {
  margin-top: -5rem;
}

.slide-nav {
  margin: 0;
  display: none;
}

.slide-1 {
  width: 375px;
  margin-right: 20px;
  padding-right: 0;
}

.grey {
  color: #6e6e73;
  font-size: 26px;
}

.modal-1-popup {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: url('../images/bg-70-1.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 3rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.superscript {
  vertical-align: top;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
}

.superscript.grey {
  text-decoration-thickness: 2px;
}

.modal-superscript {
  vertical-align: super;
  font-size: 12px;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.phone-wrapper {
  flex: none;
  align-self: center;
  height: 100%;
  position: static;
  inset: 0%;
}

.cross {
  width: 17px;
  max-width: none;
}

.slider {
  background-color: #fff;
  height: 100%;
  margin-top: 80px;
  overflow: visible;
}

.left-arrow {
  background-color: #e2e2e5;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin: 0;
  transition: background-color .2s;
  display: flex;
  inset: auto 5% -14% auto;
}

.left-arrow:hover {
  background-color: #e9e9eb;
}

.slide-4 {
  width: 375px;
  margin-right: 20px;
}

.card-feature-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-feature-wrapper.vertical-alignment {
  flex-flow: column;
}

.popup-label {
  color: #1d1d1f;
  letter-spacing: -.5px;
  margin-bottom: 20px;
  font-family: Inter, Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
}

.slide-7, .slide-3, .slide-2 {
  width: 375px;
  margin-right: 20px;
}

.webflow-link {
  color: #336cec;
  font-weight: 600;
  text-decoration: none;
}

.instructions-image-4 {
  width: 250px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.right-arrow-image {
  margin-right: -4px;
}

.card-link {
  cursor: pointer;
  transform-style: preserve-3d;
  text-decoration: none;
  transition: all .4s;
}

.card-link:hover {
  transform: scale3d(1.02, 1.02, 1.02);
}

.generic-link {
  color: #6e6e73;
  font-weight: 700;
  text-decoration: none;
}

.rich-text-block {
  color: #1d1d1f;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-weight: 400;
}

.rich-text-block._10px {
  margin-bottom: 10px;
}

.rich-text-block._40px {
  margin-bottom: 40px;
}

.mask {
  width: 375px;
  height: 100%;
  overflow: visible;
}

.left-arrow-image {
  margin-left: -3px;
  padding-left: 0;
}

.screen-reader-text {
  color: #000;
  text-decoration: none;
  display: none;
}

.feature-card-image {
  width: 500px;
}

.feature-card-image.large {
  width: 1000px;
}

.feature-card-image.tablet-mobile {
  display: none;
}

.code-embed-3 {
  margin-top: 10px;
  margin-bottom: 0;
}

.section-4 {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding-top: 100px;
  padding-bottom: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-3 {
  color: #fffefa;
  text-align: center;
  background-color: #4353ff;
  border-radius: 2em;
  min-width: 11em;
  padding: .75em 2em .875em;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s;
}

.button-3:hover {
  background-color: #3e4ceb;
}

.button-3.open-modal {
  cursor: pointer;
  background-color: #333336;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 0;
  height: 35px;
  padding: 0;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.button-3.open-modal:hover {
  background-color: #333336;
}

.section-heading {
  color: #1d1d1f;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}

.slide-5 {
  width: 375px;
  margin-right: 20px;
}

.paragraph {
  color: #6e6e73;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

.paragraph.last {
  margin-bottom: 0;
}

.instructions-image-2 {
  width: 300px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.slide-8 {
  width: 375px;
  margin-right: 20px;
}

.label-2 {
  color: #fff;
  margin-bottom: 15px;
  font-family: Inter, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

.label-2.black {
  color: #1d1d1f;
}

.plus-icon {
  width: 17px;
  max-width: none;
}

.popup-heading {
  color: #1d1d1f;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, Arial, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}

.container {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 100px;
  padding-right: 100px;
}

.modal-popup-wrapper {
  display: block;
}

.modal-2-popup {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: url('../images/bg-70-1.png');
  background-position: 50%;
  background-size: auto;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 3rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.instructions-image-1 {
  width: 150px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.card-front {
  color: #fff;
  background-image: url('../images/apple_intelligence__gbh77cvflkia_large_2x_1apple_intelligence__gbh77cvflkia_large_2x.avif');
  background-position: 50% 70%;
  background-size: cover;
  border-radius: 30px;
  width: 375px;
  height: 670px;
  padding-top: 10%;
  padding-left: 10%;
  padding-right: 10%;
  position: relative;
}

.card-front._8 {
  background-image: url('../images/safety__bwp7rsowtjiu_large_2x_1safety__bwp7rsowtjiu_large_2x.avif');
}

.card-front._4 {
  background-image: url('../images/innovation__os9bmmo3mjee_large_2x_1innovation__os9bmmo3mjee_large_2x.avif');
  width: 375px;
  height: 670px;
}

.card-front._3 {
  cursor: pointer;
  background-image: url('../images/battery__2v7w6kmztvm2_large_2x_1battery__2v7w6kmztvm2_large_2x.avif');
  background-position: 50% 100%;
  width: 375px;
  height: 670px;
}

.card-front._5 {
  background-image: url('../images/environment__e3v3gj88dl6q_large_2x_1environment__e3v3gj88dl6q_large_2x.avif');
}

.card-front._7 {
  background-image: url('../images/personalize__dwg8srggrbo2_large_2x_1personalize__dwg8srggrbo2_large_2x.avif');
}

.card-front._2 {
  background-image: url('../images/camera__exi2qfijti0y_large_2x_1camera__exi2qfijti0y_large_2x.avif');
  background-position: 50%;
  background-size: cover;
  width: 375px;
  height: 670px;
  padding-top: 10%;
  padding-left: 10%;
  padding-right: 10%;
}

.card-front._6 {
  background-image: url('../images/privacy__ckc0wa30o55y_large_2x_1privacy__ckc0wa30o55y_large_2x.avif');
}

.right-arrow {
  background-color: #e2e2e5;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  inset: auto 0% -14% auto;
  overflow: hidden;
}

.right-arrow:hover {
  background-color: #e9e9eb;
}

.modal-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.slide-6 {
  width: 375px;
  margin-right: 20px;
}

.h1 {
  color: #1d1d1f;
  margin-top: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
}

.modal-content {
  padding: 0;
}

.code-block {
  margin-top: 20px;
  margin-bottom: 20px;
}

.card-3 {
  background-color: #f5f5f7;
  border-radius: 30px;
  margin-bottom: 20px;
  padding-left: 60px;
  padding-right: 60px;
}

.card-3._5 {
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.card-3._3 {
  padding-top: 0;
}

.card-3._2 {
  background-color: #f5f5f700;
  padding-left: 0;
  padding-right: 0;
}

.card-3._4 {
  padding-top: 60px;
}

.close-button {
  z-index: 5;
  float: right;
  background-color: #f5efef;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: 2rem;
  margin-right: 2rem;
  display: flex;
  position: sticky;
  top: -2rem;
}

.close-button.button-style-1 {
  cursor: pointer;
  background-color: #27272778;
  border-radius: 8rem;
  width: 35px;
  height: 35px;
  margin-top: 1.5rem;
  margin-right: 1.5rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.feature-card-text {
  color: #1d1d1f;
  letter-spacing: -.5px;
  order: -1;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
}

.feature-card-text.right {
  order: 1;
}

.feature-card-text._40px {
  margin-bottom: 40px;
  font-size: 26px;
}

.card-wrapper {
  position: static;
}

.card-wrapper:hover {
  transform: translate(0);
}

.h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.modal-3-popup {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: url('../images/bg-70-1.png');
  background-position: 50%;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 3rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.heading-wrapper-2 {
  margin-bottom: 30px;
}

.card-title {
  letter-spacing: -.5px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Inter, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.card-title.black {
  color: #1d1d1f;
  font-weight: 600;
}

.text-block {
  color: #6e6e73;
  font-family: Inter, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}

.modal {
  background-color: #faf6eb;
  border-radius: 20px;
  flex: none;
  width: 100%;
  max-width: 65rem;
  height: auto;
  margin: auto;
  position: relative;
}

.link {
  color: #27272778;
  text-decoration: underline;
}

.modal-4-popup, .modal-5-popup, .modal-6-popup {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: url('../images/bg-70-1.png');
  background-position: 50%;
  background-size: auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 3rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.link-2.nv-crdxs {
  text-align: right;
  justify-content: flex-end;
  text-decoration: underline;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .image.x-large {
    height: 84px;
  }

  .modal-1-popup {
    align-items: flex-start;
    display: none;
  }

  .left-arrow {
    transition: background-color .2s;
    right: 4.5%;
  }

  .left-arrow:hover {
    background-color: #e9e9eb;
  }

  .card-feature-wrapper.vertical-alignment {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .section-heading {
    font-weight: 600;
  }

  .modal-2-popup {
    justify-content: flex-start;
    display: none;
  }

  .right-arrow {
    transition: background-color .2s;
  }

  .right-arrow:hover {
    background-color: #e9e9eb;
  }

  .card-3._1 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .modal-3-popup {
    display: flex;
  }

  .modal-4-popup, .modal-5-popup, .modal-6-popup {
    align-items: flex-start;
    display: none;
  }

  .link-2 {
    text-decoration: underline;
  }
}

@media screen and (min-width: 1440px) {
  .text-field {
    border-bottom-width: .069vw;
  }

  .newsletter-field-master {
    max-width: 31.667vw;
  }

  .heading-style-h1 {
    font-size: 14vw;
  }

  .claim-headline_addition-transform {
    font-size: 10.2vw;
  }

  .parallax-hero_bg {
    display: block;
  }

  .hero_arrows-down {
    width: 1rem;
    margin-bottom: 1rem;
  }

  .container {
    padding-left: 100px;
    padding-right: 100px;
  }

  .modal {
    max-width: 80rem;
  }
}

@media screen and (min-width: 1920px) {
  .livechat-button {
    transition: all .2s;
  }

  .livechat-button:hover {
    background-color: #000;
    transform: scale(1.05);
  }

  .display-2xl-2.absxs {
    left: -10vw;
  }

  .newsletter-field-master {
    max-width: 25.3336vw;
  }

  .whatsapp-chat-2 {
    display: none;
  }

  .container {
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_container---container-max-width: 1332px;
    --_container---container-window-gutter: 24px;
    --_typography---type-font-body: Inter, Arial, sans-serif;
    --_typography---type-body-size: var(--_typography---type-base-unit);
    --_typography---type-body-line-height: 1.5em;
    --_typography---type-font-headings: "Agrandir Grand", Arial, sans-serif;
    --_typography---type-h1-size: calc(var(--_typography---type-h2-size) * var(--_typography---type-scale-factor));
    --_typography---type-h1-line-height: 1.15em;
    --_typography---type-h2-letter-spacing: -.02em;
    --_typography---type-h2-size: calc(var(--_typography---type-h3-size) * var(--_typography---type-scale-factor));
    --_typography---type-h2-line-height: 1.2em;
    --_typography---type-h1-letter-spacing: -.03em;
    --_typography---type-h3-size: calc(var(--_typography---type-h4-size) * var(--_typography---type-scale-factor));
    --_typography---type-h3-line-height: 1.2em;
    --_typography---type-h3-letter-spacing: -.01em;
    --_typography---type-h4-size: calc(var(--_typography---type-h5-size) * var(--_typography---type-scale-factor));
    --_typography---type-h4-line-height: 1.3em;
    --_typography---type-h4-letter-spacing: -.01em;
    --_typography---type-h5-size: calc(var(--_typography---type-lead-size) * var(--_typography---type-scale-factor));
    --_typography---type-h5-line-height: 1.4em;
    --_typography---type-h5-letter-spacing: -.01em;
    --_typography---type-small-size: calc(var(--_typography---type-base-unit) / var(--_typography---type-scale-factor));
    --_typography---type-small-line-height: 1.5em;
    --_typography---type-lead-size: calc(var(--_typography---type-base-unit) * var(--_typography---type-scale-factor));
    --_typography---type-lead-line-height: 1.5em;
    --_typography---type-font-badges: "Google Sans Code", "Trebuchet MS", sans-serif;
    --_typography---type-base-unit: 14px;
    --_typography---type-scale-factor: 1.26;
    --_section-padding---section-padding-base-unit: 96px;
    --_section-padding---section-padding-1-5x: calc(var(--_section-padding---section-padding-base-unit) * 1.5);
    --_section-padding---section-padding-0-5x: calc(var(--_section-padding---section-padding-base-unit) * .5);
    --_border-radius---border-radius-base-unit: .5rem;
    --_border-radius---border-radius-0-5x: calc(var(--_border-radius---border-radius-base-unit) * .5);
    --_border-radius---border-radius-2x: calc(var(--_border-radius---border-radius-base-unit) * 2);
  }

  .section.bottom-padding-large.thrxs {
    padding-top: var(--_section-padding---section-padding-1-5x);
  }

  .section.hero-5 {
    justify-content: center;
    align-items: flex-start;
    min-height: 700px;
  }

  .section.hero-7 {
    justify-content: flex-end;
    align-items: center;
    min-height: 700px;
  }

  .main-container.inside-dropdown {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .main-container.right-padxs {
    padding-left: var(--_container---container-window-gutter);
  }

  .navbar {
    position: sticky;
    top: 0;
  }

  .nav-links {
    padding: var(--_gaps---gap-base-unit) var(--_container---container-window-gutter) var(--_gaps---gap-4x);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    overflow: scroll;
  }

  .dropdown-toggle {
    font-size: var(--_typography---type-h5-size);
    line-height: var(--_typography---type-h5-line-height);
  }

  .dropdown-wrap.w--open {
    width: 100%;
    position: relative;
  }

  .dropdown-wrap.inline.w--open {
    transform: none;
  }

  .dropdown-content.panel-style {
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    border-style: none;
    border-radius: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    top: 0;
  }

  .navbar-menu {
    background-color: var(--_color---color-white);
    height: calc(100vh - var(--_navbar---navbar-height));
    width: 100vw;
    position: fixed;
    top: var(--_navbar---navbar-height) !important;
  }

  .nav-dropdown {
    padding-top: var(--_gaps---gap-0-5x);
    padding-bottom: var(--_gaps---gap-0-5x);
    border-bottom: 1px solid var(--_color---color-dark-border);
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-dropdown.wide-dropdown {
    width: 100%;
  }

  .menu-button {
    padding: 12px;
    display: flex;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .menu-button-icon {
    width: 24px;
    height: 24px;
  }

  .menu-button-icon-wrapper {
    width: 24px;
    height: 24px;
    display: flex;
    overflow: hidden;
  }

  .grid {
    max-width: var(--_grid---grid-6-column);
    grid-column-gap: var(--_gaps---gap-4x);
    grid-row-gap: var(--_gaps---gap-4x);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .grid.faq-grid {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
  }

  .grid.bento {
    max-width: 100%;
  }

  .grid.inside-accordion {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
  }

  .announcement-bar {
    display: none;
  }

  .wide-dropdown-wrap {
    padding: var(--_gaps---gap-base-unit) 0px var(--_gaps---gap-2x);
    position: static;
  }

  .wide-dropdown-content {
    grid-column-gap: var(--_gaps---gap-1-5x);
    grid-row-gap: var(--_gaps---gap-1-5x);
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    max-width: 100%;
    display: flex;
  }

  .dropdown-menu.grow {
    flex: 1;
  }

  .dropdown-cta {
    display: none;
  }

  .footer-contents {
    grid-column-gap: var(--_gaps---gap-4x);
    grid-row-gap: var(--_gaps---gap-4x);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

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

  .footer-menus {
    max-width: var(--_grid---grid-6-column);
    align-self: center;
    width: 100%;
  }

  .blur-blob-1 {
    width: 400px;
  }

  .emoji-circle.widget-deco-1 {
    right: 80px;
  }

  .emoji-circle.hero-deco-5 {
    left: 557px;
  }

  .emoji-circle.hero-deco-6 {
    bottom: 24px;
    left: 0;
  }

  .emoji-circle.hero-deco-7 {
    bottom: -4px;
    left: 80px;
  }

  .emoji-circle.hero-deco-10 {
    right: 87px;
  }

  .emoji-circle.hero-deco-11 {
    right: 203px;
  }

  .glass-photo.hero-deco-1 {
    left: 38px;
  }

  .glass-photo.hero-deco-4, .glass-photo.hero-deco-5 {
    display: none;
  }

  .cards-grid {
    grid-column-gap: var(--_grid---grid-gap-s);
    grid-row-gap: var(--_grid---grid-gap-s);
    grid-template-columns: 1fr 1fr;
  }

  .vertical-section.hero-2, .vertical-section.use-case-card-section {
    max-width: var(--_grid---grid-6-column);
    margin-left: auto;
    margin-right: auto;
  }

  .features-grid {
    flex-flow: column;
    display: flex;
  }

  .feature-item {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    display: grid;
  }

  .tabs-section {
    flex-flow: column;
    display: flex;
  }

  .tabs-section-wrap {
    max-width: var(--_grid---grid-6-column);
    grid-column-gap: var(--_gaps---gap-1-5x);
    grid-row-gap: var(--_gaps---gap-1-5x);
    flex-flow: column-reverse;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .tabs-menu {
    max-width: 100%;
  }

  .tabs-section-title-wrap {
    width: auto;
    position: static;
  }

  .tabs-section-title-text {
    max-width: none;
  }

  .wide-accordion-title {
    font-size: var(--_typography---type-body-size);
    line-height: var(--_typography---type-body-line-height);
  }

  .wide-accordion-title-text {
    max-width: var(--_grid---grid-2-column);
  }

  .wide-accordion-content-wrap.accordion-content-open {
    max-height: 1000px;
  }

  .wide-accordion-content {
    padding: var(--_gaps---gap-2x) var(--_gaps---gap-2x) var(--_gaps---gap-3x);
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .customer-accordion-image-wrap {
    max-width: var(--_grid---grid-3-column);
  }

  .metrics-grid {
    max-width: var(--_grid---grid-5-column);
    grid-column-gap: var(--_gaps---gap-3x);
    grid-row-gap: var(--_gaps---gap-3x);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .faq-grid-title-wrap {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
    max-width: 100%;
  }

  .faq-wrap {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
  }

  .addendum-box.absgxs.crd-nv {
    justify-content: flex-start;
    padding-top: 0;
  }

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

  .featured-post-wrap {
    flex-flow: column;
    display: flex;
  }

  .emoji-square.hero-deco-3 {
    bottom: 12px;
    left: 187px;
    right: auto;
  }

  .emoji-square.title-deco-1 {
    bottom: 8px;
    left: 106px;
    right: auto;
  }

  .industries-grid {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .industries-grid.single {
    align-items: center;
    display: flex;
  }

  .industries-grid.thirdxs {
    margin-top: 0;
  }

  .justified-grid-content {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
    margin-left: auto;
    margin-right: auto;
  }

  .icon-feature-grid {
    grid-template-columns: 1fr 1fr;
  }

  .icon-feature-grid.quarters {
    grid-row-gap: var(--_gaps---gap-3x);
    grid-template-columns: 1fr 1fr;
  }

  .icon-feature-grid.cardxs.lesspxs.bottomxs {
    margin-top: -2rem;
  }

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

  .customer-header-grid {
    display: flex;
  }

  .emoji-badge.overlay-text-1 {
    display: none;
  }

  .customer-card {
    padding-top: var(--_gaps---gap-0-5x);
    padding-bottom: var(--_gaps---gap-0-5x);
    padding-left: var(--_gaps---gap-0-5x);
  }

  .customer-quotes-section {
    grid-column-gap: var(--_gaps---gap-3x);
    grid-row-gap: var(--_gaps---gap-3x);
    flex-flow: column;
    display: flex;
  }

  .customer-quotes-grid.thirds {
    max-width: var(--_grid---grid-5-column);
    grid-column-gap: var(--_gaps---gap-2-5x);
    grid-row-gap: var(--_gaps---gap-2-5x);
    flex-flow: column;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .hero-4-top {
    max-width: var(--_grid---grid-6-column);
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .customer-spotlight {
    padding-top: var(--_gaps---gap-1-5x);
    border-top: 1px solid var(--_color---color-dark-border);
    max-width: 100%;
  }

  .use-case-grid {
    flex-flow: column;
    display: flex;
  }

  .use-case-image {
    aspect-ratio: 3 / 2;
    object-position: 50% 15%;
  }

  .widget-box {
    align-self: stretch;
    width: 100%;
  }

  .use-case-card-grid {
    flex-flow: column;
    display: flex;
  }

  .integrations-grid, .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .image-pair {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
    flex-flow: column;
    display: flex;
  }

  .pricing-grid {
    max-width: var(--_grid---grid-5-column);
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .request-demo-content {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
  }

  .utility-section {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
    flex-flow: column;
    display: flex;
  }

  .subhero-2 {
    height: 80vh;
  }

  .parallax-2 {
    z-index: 1;
    min-width: 130vh;
    height: 80vh;
  }

  .parallax__layer-title {
    height: 77svh;
    padding-left: 12vw;
  }

  .parallax__plane.parallax__plane--z4 {
    padding-right: 15vw;
  }

  .parallax__plane.dhru {
    transform: translate(-23px, 40px)scale(.9);
  }

  .parallax__title {
    font-size: 7em;
  }

  .whatsapp-block {
    bottom: 20px;
    right: 20px;
  }

  .whatsapp-chat.hidden {
    display: none;
  }

  .card__image {
    width: 128px;
  }

  .search {
    padding: 10px;
  }

  .more-options {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .ease-drop-down-icon {
    min-width: 8px;
  }

  .error-message {
    width: 70%;
    position: absolute;
    inset: -15% auto auto 14%;
  }

  .hero-form-success-holder {
    height: 100%;
    position: static;
  }

  .search-block {
    display: flex;
  }

  .button-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-end;
    align-items: center;
  }

  .body-s-2 {
    max-width: 32vw;
  }

  .body-s-2.subsxs {
    padding-top: 60px;
  }

  .popular-article-card.spacexs.v3 {
    aspect-ratio: auto;
  }

  .popular-article-card.single {
    max-width: 50vw;
  }

  .display-2xl-2.absxs {
    position: relative;
  }

  .div-block-2 {
    align-items: center;
  }

  .heading-style-h1 {
    font-size: 18.7vw;
  }

  .claim-headline_addition-transform {
    margin-left: -.8rem;
    font-size: 13.6vw;
  }

  .code-embed {
    width: 100%;
    padding-left: 0;
  }

  .image-color-tree {
    left: 30%;
  }

  .code-embed-2 {
    margin-top: 0;
  }

  .slide-1 {
    width: 300px;
  }

  .grey {
    font-size: 20px;
  }

  .modal-1-popup {
    background-size: cover;
    align-items: flex-start;
  }

  .superscript, .superscript.grey {
    font-size: 12px;
  }

  .slider {
    margin-top: 60px;
  }

  .left-arrow {
    right: 7.5%;
  }

  .slide-4 {
    width: 300px;
  }

  .card-feature-wrapper {
    flex-flow: column;
  }

  .slide-7, .slide-3, .slide-2 {
    width: 300px;
  }

  .card-link:hover {
    transform: none;
  }

  .mask {
    width: 300px;
  }

  .feature-card-image {
    display: block;
  }

  .feature-card-image.hide {
    display: none;
  }

  .feature-card-image.tablet-mobile {
    display: block;
  }

  .section-4 {
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .section-heading {
    margin-bottom: 0;
    font-size: 40px;
  }

  .slide-5, .slide-8 {
    width: 300px;
  }

  .popup-heading {
    margin-bottom: 20px;
    font-size: 45px;
  }

  .container {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 50px;
    padding-right: 50px;
  }

  .modal-2-popup {
    background-size: cover;
  }

  .card-front {
    box-shadow: none;
    background-position: 50% 100%;
    width: 300px;
    height: 575px;
    padding: 15% 10% 0%;
    transition-property: none;
  }

  .card-front:hover {
    transform: none;
  }

  .card-front._8 {
    transition-property: none;
  }

  .card-front._4 {
    width: 300px;
    height: 575px;
    transition-property: none;
  }

  .card-front._4:hover {
    transform: none;
  }

  .card-front._3 {
    width: 300px;
    height: 575px;
    padding-top: 15%;
    padding-left: 10%;
    padding-right: 10%;
    transition-property: none;
  }

  .card-front._3:hover {
    transform: none;
  }

  .card-front._5, .card-front._7 {
    transition-property: none;
  }

  .card-front._2 {
    box-shadow: none;
    background-position: 50% 100%;
    width: 300px;
    height: 575px;
    padding-top: 15%;
    padding-left: 10%;
    padding-right: 10%;
    transition-property: none;
  }

  .card-front._2:hover {
    transform: none;
  }

  .card-front._6 {
    transition-property: none;
  }

  .slide-6 {
    width: 300px;
  }

  .card-3._3 {
    padding-top: 60px;
  }

  .card-3._2 {
    padding-top: 0;
  }

  .card-3._1 {
    padding-top: 60px;
  }

  .feature-card-text {
    font-size: 20px;
  }

  .feature-card-text.right {
    order: -1;
    margin-bottom: 0;
  }

  .feature-card-text._40px {
    font-size: 20px;
  }

  .modal-3-popup {
    background-size: cover;
    align-items: flex-start;
  }

  .card-title {
    margin-bottom: 0;
    font-size: 21px;
  }

  .modal-4-popup {
    background-size: cover;
    display: none;
  }

  .modal-5-popup {
    background-size: cover;
  }

  .modal-6-popup {
    background-size: cover;
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_container---container-max-width: 1332px;
    --_container---container-window-gutter: 24px;
    --_typography---type-font-body: Inter, Arial, sans-serif;
    --_typography---type-body-size: var(--_typography---type-base-unit);
    --_typography---type-body-line-height: 1.5em;
    --_typography---type-font-headings: "Agrandir Grand", Arial, sans-serif;
    --_typography---type-h1-size: calc(var(--_typography---type-h2-size) * var(--_typography---type-scale-factor));
    --_typography---type-h1-line-height: 1.15em;
    --_typography---type-h2-letter-spacing: -.02em;
    --_typography---type-h2-size: calc(var(--_typography---type-h3-size) * var(--_typography---type-scale-factor));
    --_typography---type-h2-line-height: 1.2em;
    --_typography---type-h1-letter-spacing: -.03em;
    --_typography---type-h3-size: calc(var(--_typography---type-h4-size) * var(--_typography---type-scale-factor));
    --_typography---type-h3-line-height: 1.2em;
    --_typography---type-h3-letter-spacing: -.01em;
    --_typography---type-h4-size: calc(var(--_typography---type-h5-size) * var(--_typography---type-scale-factor));
    --_typography---type-h4-line-height: 1.3em;
    --_typography---type-h4-letter-spacing: -.01em;
    --_typography---type-h5-size: calc(var(--_typography---type-lead-size) * var(--_typography---type-scale-factor));
    --_typography---type-h5-line-height: 1.4em;
    --_typography---type-h5-letter-spacing: -.01em;
    --_typography---type-small-size: calc(var(--_typography---type-base-unit) / var(--_typography---type-scale-factor));
    --_typography---type-small-line-height: 1.5em;
    --_typography---type-lead-size: calc(var(--_typography---type-base-unit) * var(--_typography---type-scale-factor));
    --_typography---type-lead-line-height: 1.5em;
    --_typography---type-font-badges: "Google Sans Code", "Trebuchet MS", sans-serif;
    --_typography---type-base-unit: 14px;
    --_typography---type-scale-factor: 1.19;
    --_section-padding---section-padding-base-unit: 72px;
    --_section-padding---section-padding-1-5x: calc(var(--_section-padding---section-padding-base-unit) * 1.5);
    --_section-padding---section-padding-0-5x: calc(var(--_section-padding---section-padding-base-unit) * .5);
    --_border-radius---border-radius-base-unit: 9px;
    --_border-radius---border-radius-0-5x: calc(var(--_border-radius---border-radius-base-unit) * .5);
    --_border-radius---border-radius-2x: calc(var(--_border-radius---border-radius-base-unit) * 2);
  }

  .section.hero-5 {
    justify-content: flex-end;
    align-items: flex-start;
    min-height: 600px;
  }

  .section.hero-7 {
    padding-bottom: var(--_gaps---gap-2x);
    justify-content: flex-end;
    align-items: flex-start;
    min-height: 600px;
  }

  .text---lead.hero-subheading {
    max-width: var(--_grid---grid-4-column);
  }

  .heading---h5.customer-accordion-text {
    font-size: var(--_typography---type-lead-size);
    line-height: var(--_typography---type-lead-line-height);
    font-weight: 400;
  }

  .trigger-search, .nav-button-wrapper {
    display: none;
  }

  .navbar-menu-search {
    margin-top: var(--_gaps---gap-base-unit);
    margin-bottom: var(--_gaps---gap-base-unit);
    display: block;
  }

  .nav-button-mobile {
    display: block;
  }

  .grid {
    grid-column-gap: var(--_gaps---gap-3x);
    grid-row-gap: var(--_gaps---gap-3x);
  }

  .announcement-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .wide-dropdown-content {
    flex-flow: column;
  }

  .footer {
    grid-column-gap: var(--_gaps---gap-5x);
    grid-row-gap: var(--_gaps---gap-5x);
  }

  .footer-left {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

  .content.featured-post-top {
    grid-column-gap: var(--_gaps---gap-0-5x);
    grid-row-gap: var(--_gaps---gap-0-5x);
  }

  .content.quote-cta-content {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

  .content.request-demo-title {
    justify-content: flex-start;
    align-items: center;
  }

  .blur-blob-1 {
    width: 300px;
  }

  .emoji-circle {
    width: 60px;
    height: 60px;
  }

  .emoji-circle.hero-deco-4 {
    right: -12px;
  }

  .emoji-circle.widget-deco-1 {
    display: none;
    bottom: -12px;
    right: 50px;
  }

  .emoji-circle.hero-deco-3 {
    bottom: -12px;
    right: 34px;
  }

  .emoji-circle.hero-deco-5, .emoji-circle.hero-deco-6, .emoji-circle.hero-deco-7, .emoji-circle.hero-deco-8 {
    display: none;
  }

  .emoji-circle.hero-deco-10 {
    bottom: -13px;
    right: 54px;
  }

  .emoji-circle.hero-deco-11 {
    display: none;
    bottom: -13px;
    right: 54px;
  }

  .glass-photo.hero-deco-1 {
    bottom: -11px;
    left: 21px;
  }

  .glass-photo.hero-deco-3 {
    top: -24px;
  }

  .glass-photo.hero-deco-6 {
    display: none;
  }

  .glass-photo.hero-deco-7 {
    top: -12px;
    left: 0;
  }

  .glass-photo-landscape {
    max-width: 72px;
  }

  .emoji-circle-icon {
    max-height: 42px;
  }

  .card-body.use-case-card {
    grid-column-gap: var(--_gaps---gap-1-5x);
    grid-row-gap: var(--_gaps---gap-1-5x);
  }

  .use-case-card-content, .restricted-grid-content {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

  .widget-box-landscape {
    padding-top: var(--_gaps---gap-base-unit);
    padding-bottom: var(--_gaps---gap-base-unit);
    aspect-ratio: auto;
  }

  .widget-box-landscape.bg-off-white {
    justify-content: flex-start;
    align-items: center;
  }

  .widget-box-landscape.bg-off-white.align-center {
    justify-content: center;
    align-items: center;
  }

  .widget.balances.dynamic-width {
    max-width: var(--_grid---grid-3-column);
  }

  .vertical-section.member-section {
    grid-column-gap: var(--_gaps---gap-3x);
    grid-row-gap: var(--_gaps---gap-3x);
  }

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

  .tabs-section-wrap {
    grid-column-gap: var(--_gaps---gap-0-75x);
    grid-row-gap: var(--_gaps---gap-0-75x);
  }

  .wide-accordion-content {
    padding-top: var(--_gaps---gap-1-5x);
    padding-right: var(--_gaps---gap-1-5x);
    padding-left: var(--_gaps---gap-1-5x);
    grid-column-gap: var(--_gaps---gap-1-5x);
    grid-row-gap: var(--_gaps---gap-1-5x);
  }

  .metric-grid-item {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

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

  .article {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
    margin-top: calc(-1 * var(--_gaps---gap-base-unit));
    margin-bottom: calc(-1 * var(--_gaps---gap-base-unit));
  }

  .featured-post-content {
    padding: var(--_gaps---gap-0-75x);
  }

  .emoji-square {
    width: 60px;
    height: 60px;
  }

  .emoji-square.hero-deco-3 {
    bottom: -51px;
    left: auto;
    right: 18px;
  }

  .emoji-square.title-deco-1 {
    display: none;
    bottom: -51px;
    left: auto;
    right: 18px;
  }

  .emoji-square.hero-deco-4 {
    display: none;
  }

  .emoji-square-icon {
    max-height: 42px;
  }

  .pricing-panel {
    min-height: 450px;
  }

  .widget-box-square {
    padding-top: var(--_gaps---gap-base-unit);
    padding-bottom: var(--_gaps---gap-base-unit);
    aspect-ratio: auto;
  }

  .industries-grid, .industries-grid.thirdxs {
    grid-template-columns: 1fr;
  }

  .icon-tag-group.align-left.tight-gaps {
    justify-content: center;
    align-items: center;
  }

  .justified-grid-content {
    grid-column-gap: var(--_gaps---gap-1-5x);
    grid-row-gap: var(--_gaps---gap-1-5x);
  }

  .icon-feature-grid {
    grid-template-columns: 1fr;
  }

  .icon-feature-grid.cardxs.lesspxs.bottomxs {
    margin-bottom: 0;
  }

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

  .customer-story-item-image {
    aspect-ratio: 1;
  }

  .large-centered-quote-image {
    max-width: 144px;
  }

  .customer-header-grid {
    flex-flow: column;
  }

  .customer-header-image {
    aspect-ratio: 1;
  }

  .members-widget-overlay {
    flex: none;
    position: static;
  }

  .widget-box-portrait {
    padding-top: var(--_gaps---gap-base-unit);
    padding-bottom: var(--_gaps---gap-base-unit);
    aspect-ratio: auto;
  }

  .horizontal-quote-author {
    grid-column-gap: var(--_gaps---gap-0-75x);
    grid-row-gap: var(--_gaps---gap-0-75x);
  }

  .horizontal-quote-image {
    max-height: 60px;
  }

  .customer-card {
    padding-top: var(--_gaps---gap-0-75x);
    padding-bottom: var(--_gaps---gap-0-75x);
    padding-left: var(--_gaps---gap-0-75x);
    flex-flow: column-reverse;
    display: flex;
  }

  .customer-card-image {
    aspect-ratio: 1;
  }

  .customer-quotes-grid {
    grid-column-gap: var(--_grid---grid-gap-s);
    grid-row-gap: var(--_grid---grid-gap-s);
    grid-template-columns: 1fr;
  }

  .widget-box {
    min-height: auto;
  }

  .bento-halves {
    flex-flow: column;
    display: flex;
  }

  .widget-on-image-wrap {
    aspect-ratio: 3 / 2;
  }

  .hero-5-content {
    max-width: var(--_grid---grid-4-column);
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

  .widget-layout {
    padding-left: var(--_gaps---gap-base-unit);
    grid-column-gap: var(--_gaps---gap-0-75x);
    grid-row-gap: var(--_gaps---gap-0-75x);
    min-height: 450px;
  }

  .integrations-cta {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
  }

  .metric-with-text-card {
    max-width: 100%;
    min-height: auto;
  }

  .hero-text-metrics {
    max-width: var(--_grid---grid-4-column);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }

  .team-grid {
    grid-row-gap: var(--_gaps---gap-3x);
  }

  .hero-7-content {
    max-width: var(--_grid---grid-4-column);
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

  .career-link-box {
    grid-column-gap: var(--_gaps---gap-2-5x);
    grid-row-gap: var(--_gaps---gap-2-5x);
  }

  .contact-card {
    max-width: 100%;
    min-height: auto;
  }

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

  .utility-section {
    grid-column-gap: var(--_gaps---gap-1-5x);
    grid-row-gap: var(--_gaps---gap-1-5x);
  }

  .subhero-2 {
    height: 73vh;
  }

  .parallax-2 {
    min-width: 110vh;
    height: 73vh;
  }

  .credits {
    text-align: center;
  }

  .parallax__layer-title {
    height: 70svh;
    padding-left: 20vw;
  }

  .credits__item {
    margin-bottom: 8px;
    display: block;
  }

  .credits__item.credit__item--divider {
    display: none;
  }

  .parallax__title {
    margin-left: 0;
    margin-right: 0;
    font-size: 4.6em;
  }

  .boxs {
    padding-right: var(--_container---container-window-gutter);
    padding-left: var(--_container---container-window-gutter);
  }

  .whatsapp-block {
    bottom: 15px;
    right: 15px;
  }

  .display-m-2.top-padding.half-padding.topxs.desk {
    display: none;
  }

  .pieces {
    margin-left: -12px;
    margin-right: -12px;
  }

  .card__image {
    width: 80px;
    max-height: 80vh;
  }

  .pieces__item {
    padding-left: 18px;
    padding-right: 18px;
  }

  .card__letter {
    font-size: 54px;
    line-height: 54px;
  }

  .search {
    border-radius: 11px;
  }

  .more-options {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
  }

  .thank-you-message-holder {
    font-size: 16px;
  }

  .hero-form {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .error-message {
    z-index: 20;
    width: 100%;
    inset: auto 0% 103% auto;
  }

  .hero-form-success-holder {
    padding: 14px;
  }

  .search-text-field {
    font-size: 17px;
  }

  .ease-dropdown-toggle.no-border {
    padding-left: 0;
  }

  .button-wrapper {
    justify-content: space-between;
    width: 100%;
  }

  .body-s-2 {
    max-width: 73vw;
  }

  .body-s-2.fullxs.mobs {
    display: block;
  }

  .link-breadcrumb.nv-cardxs {
    width: 99.7115%;
  }

  .body-l {
    font-size: 1.15rem;
  }

  .display-2xl {
    font-size: 2rem;
  }

  .display-s {
    font-size: 1.1rem;
  }

  .popular-article-card.spacexs {
    aspect-ratio: 3 / 2;
  }

  .popular-article-card.single {
    max-width: 73vw;
  }

  .display-s-2 {
    font-size: 1.1rem;
  }

  .display-2xl-2 {
    font-size: 2rem;
  }

  .display-xl {
    font-size: 1.75rem;
  }

  .body-l-2 {
    font-size: 1.15rem;
  }

  .cta-arrow {
    width: 20px;
    height: 20px;
  }

  .heading-style-h1.hero-left {
    font-size: 22vw;
  }

  .claim-headline_addition-transform {
    opacity: 1;
    -webkit-text-stroke-width: .7px;
    margin-left: -.5rem;
    font-size: 22vw;
    line-height: .8;
    transform: none;
  }

  .hero_claim_wrapper {
    flex-direction: column;
    align-items: center;
  }

  .hero_arrows-down {
    bottom: 2%;
  }

  .hero-heading_wrapper {
    grid-column-gap: .8rem;
  }

  .image-color-tree {
    opacity: .23;
    height: 200vh;
    top: 0%;
    left: 0%;
  }

  .grey {
    font-size: 18px;
  }

  .modal-1-popup {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: none;
  }

  .superscript {
    font-size: 12px;
  }

  .modal-superscript {
    font-size: 9px;
  }

  .left-arrow {
    right: 10%;
  }

  .section-4 {
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .section-heading {
    margin-bottom: 0;
    font-size: 35px;
  }

  .popup-heading {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .modal-2-popup {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .card-front {
    width: auto;
  }

  .close-button.button-style-1 {
    top: 0;
  }

  .feature-card-text {
    font-size: 18px;
  }

  .modal-3-popup {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .heading-wrapper-2 {
    margin-bottom: 40px;
  }

  .card-title {
    font-size: 30px;
  }

  .text-block {
    font-size: 14px;
  }

  .modal-4-popup, .modal-5-popup, .modal-6-popup {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_container---container-max-width: 1332px;
    --_container---container-window-gutter: 12px;
    --_typography---type-font-body: Inter, Arial, sans-serif;
    --_typography---type-body-size: var(--_typography---type-base-unit);
    --_typography---type-body-line-height: 1.5em;
    --_typography---type-font-headings: "Agrandir Grand", Arial, sans-serif;
    --_typography---type-h1-size: calc(var(--_typography---type-h2-size) * var(--_typography---type-scale-factor));
    --_typography---type-h1-line-height: 1.15em;
    --_typography---type-h2-letter-spacing: -.02em;
    --_typography---type-h2-size: calc(var(--_typography---type-h3-size) * var(--_typography---type-scale-factor));
    --_typography---type-h2-line-height: 1.2em;
    --_typography---type-h1-letter-spacing: -.03em;
    --_typography---type-h3-size: calc(var(--_typography---type-h4-size) * var(--_typography---type-scale-factor));
    --_typography---type-h3-line-height: 1.2em;
    --_typography---type-h3-letter-spacing: -.01em;
    --_typography---type-h4-size: calc(var(--_typography---type-h5-size) * var(--_typography---type-scale-factor));
    --_typography---type-h4-line-height: 1.3em;
    --_typography---type-h4-letter-spacing: -.01em;
    --_typography---type-h5-size: calc(var(--_typography---type-lead-size) * var(--_typography---type-scale-factor));
    --_typography---type-h5-line-height: 1.4em;
    --_typography---type-h5-letter-spacing: -.01em;
    --_typography---type-small-size: calc(var(--_typography---type-base-unit) / var(--_typography---type-scale-factor));
    --_typography---type-small-line-height: 1.5em;
    --_typography---type-lead-size: calc(var(--_typography---type-base-unit) * var(--_typography---type-scale-factor));
    --_typography---type-lead-line-height: 1.5em;
    --_typography---type-font-badges: "Google Sans Code", "Trebuchet MS", sans-serif;
    --_typography---type-base-unit: 14px;
    --_typography---type-scale-factor: 1.19;
    --_section-padding---section-padding-base-unit: 72px;
    --_section-padding---section-padding-1-5x: calc(var(--_section-padding---section-padding-base-unit) * 1.5);
    --_section-padding---section-padding-0-5x: calc(var(--_section-padding---section-padding-base-unit) * .5);
    --_border-radius---border-radius-base-unit: 9px;
    --_border-radius---border-radius-0-5x: calc(var(--_border-radius---border-radius-base-unit) * .5);
    --_border-radius---border-radius-2x: calc(var(--_border-radius---border-radius-base-unit) * 2);
  }

  .section.hero-1 {
    padding-top: var(--_section-padding---section-padding-base-unit);
    padding-bottom: var(--_section-padding---section-padding-base-unit);
  }

  .section.bottom-padding-large.calxs {
    padding-top: 40px;
  }

  .section.bottom-padding-large.cards {
    padding-top: var(--_section-padding---section-padding-base-unit);
    padding-bottom: 0;
  }

  .section.bottom-padding-large.thrxs {
    padding-top: var(--_section-padding---section-padding-base-unit);
  }

  .section.hero-5, .section.hero-7 {
    padding-top: var(--_gaps---gap-2x);
    padding-bottom: var(--_gaps---gap-2x);
  }

  .section.calendar-padding, .section.shortxs {
    padding-top: 0;
    padding-bottom: 0;
  }

  .button.search-modal-button {
    display: none;
  }

  .main-container.footer-copyright-row {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .main-container.heroxs {
    height: 100%;
  }

  .heading---h2.section-heading.heroxs {
    color: var(--_color---color-text-dark);
  }

  .heading---h3.featured-post-title {
    font-size: var(--_typography---type-h4-size);
    line-height: var(--_typography---type-h4-line-height);
  }

  .heading---h4 {
    font-size: 1.2rem;
  }

  .heading---h4.large-quote-text {
    font-size: var(--_typography---type-h5-size);
    line-height: var(--_typography---type-h5-line-height);
    letter-spacing: var(--_typography---type-h5-letter-spacing);
  }

  .heading---h5.customer-accordion-text {
    font-size: var(--_typography---type-body-size);
    line-height: var(--_typography---type-body-line-height);
  }

  .announcement-bar {
    background-image: none;
    height: 60vh;
    display: block;
    position: absolute;
  }

  .announcement-bar.hidden {
    display: none;
  }

  .announcement-wrap {
    height: 100%;
  }

  .announcement-text {
    padding-right: var(--_gaps---gap-base-unit);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
  }

  .white-link {
    color: #7e7e7e;
  }

  .wide-dropdown-wrap {
    padding-top: var(--_gaps---gap-0-5x);
  }

  .dropdown-feature-links {
    grid-column-gap: var(--_gaps---gap-0-5x);
    grid-row-gap: var(--_gaps---gap-0-5x);
  }

  .dropdown-feature-link {
    border-radius: 0;
    padding: 0;
    transition: opacity .2s;
  }

  .dropdown-feature-link:hover {
    opacity: .5;
    background-color: #0000;
  }

  .dropdown-feature-link-icon, .body-text.dropdown-feature-description {
    display: none;
  }

  .footer {
    grid-column-gap: var(--_gaps---gap-4x);
    grid-row-gap: var(--_gaps---gap-4x);
  }

  .footer-contents {
    grid-column-gap: var(--_gaps---gap-3x);
    grid-row-gap: var(--_gaps---gap-3x);
  }

  .footer-menus {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
    grid-template-columns: 1fr;
  }

  .content.hero-content {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

  .content.metric-grid-item-content {
    grid-column-gap: var(--_gaps---gap-0-75x);
    grid-row-gap: var(--_gaps---gap-0-75x);
  }

  .content.quote-cta-content {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

  .content.customer-card-top {
    grid-column-gap: var(--_gaps---gap-0-5x);
    grid-row-gap: var(--_gaps---gap-0-5x);
  }

  .emoji-circle.hero-deco-4, .emoji-circle.widget-deco-1, .emoji-circle.hero-deco-3, .emoji-circle.hero-deco-10, .emoji-circle.hero-deco-11, .glass-photo.hero-deco-1, .glass-photo.hero-deco-3 {
    display: none;
  }

  .glass-photo.timeline-photo {
    bottom: 38px;
  }

  .glass-photo.hero-deco-7 {
    display: none;
  }

  .cards-grid {
    flex-flow: column;
    display: flex;
  }

  .card-body.metric-card {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
  }

  .metric-text {
    font-size: 56px;
  }

  .restricted-grid-content.increased-gap {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
  }

  .widget-box-landscape.bg-off-white {
    aspect-ratio: 1;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .widget-box-landscape.bg-off-white.align-center {
    padding-left: var(--_gaps---gap-base-unit);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .widget-box-landscape.inside-accordion {
    justify-content: flex-start;
    align-items: center;
  }

  .widget-icon-circle.bg-offset-white {
    flex: none;
  }

  .metric-bento {
    flex-flow: column;
    display: flex;
  }

  .image-wrap.hide-on-mobile {
    display: none;
  }

  .image-wrap-content.square-on-mobile {
    aspect-ratio: 1;
    object-position: 50% 25%;
  }

  .vertical-section {
    align-items: center;
  }

  .vertical-section.hero-3 {
    flex-flow: column-reverse;
  }

  .vertical-section.hero-6 {
    flex-flow: column;
  }

  .vertical-section.align-left.top-linexs {
    grid-column-gap: var(--_gaps---gap-0-75x);
    grid-row-gap: var(--_gaps---gap-0-75x);
    text-align: center;
    align-items: center;
    padding-top: 2rem;
  }

  .vertical-section.topxs {
    align-items: center;
  }

  .vertical-section.topxs.haflxs {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 0;
  }

  .vertical-section.heroxs {
    grid-column-gap: var(--_gaps---gap-0-75x);
    grid-row-gap: var(--_gaps---gap-0-75x);
    padding-top: 2rem;
  }

  .vertical-centered-title.logoxs {
    margin-top: -2rem;
  }

  .features-grid {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
  }

  .feature-box {
    padding-right: var(--_gaps---gap-0-5x);
    padding-left: var(--_gaps---gap-0-5x);
  }

  .feature-item {
    display: flex;
  }

  .input-widget.inside-box {
    width: 100%;
  }

  .justified-title {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .wide-accordion-title {
    grid-column-gap: var(--_gaps---gap-0-5x);
    grid-row-gap: var(--_gaps---gap-0-5x);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }

  .wide-accordion-arrow {
    right: var(--_gaps---gap-0-75x);
    position: absolute;
  }

  .wide-accordion-content {
    padding-right: var(--_gaps---gap-0-75x);
    padding-bottom: var(--_gaps---gap-2x);
    padding-left: var(--_gaps---gap-0-75x);
  }

  .customer-accordion-image {
    max-width: 144px;
  }

  .metrics-grid {
    grid-column-gap: var(--_gaps---gap-3x);
    grid-row-gap: var(--_gaps---gap-3x);
  }

  .blur-blob-3 {
    display: none;
  }

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

  .blog-card-bottom {
    font-size: var(--_typography---type-small-size);
    line-height: var(--_typography---type-small-line-height);
  }

  .blog-author-name-text-item {
    flex: none;
  }

  .hero-2-heading {
    text-indent: 0;
  }

  .emoji-square.hero-deco-3, .emoji-square.title-deco-1 {
    display: none;
  }

  .ai-promo-wrap {
    padding-right: var(--_gaps---gap-0-5x);
    padding-bottom: var(--_gaps---gap-0-5x);
    padding-left: var(--_gaps---gap-0-5x);
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
  }

  .pricing-bento {
    flex-flow: column-reverse;
    display: flex;
  }

  .bento-column-widget-wrap {
    aspect-ratio: 3 / 2;
  }

  .pricing-tabs {
    width: 100%;
  }

  .price-tabs {
    display: flex;
  }

  .widget-bento {
    flex-flow: column-reverse;
    display: flex;
  }

  .widget-bento.reverse-on-mobile {
    flex-flow: column;
  }

  .landscape-on-mobile {
    aspect-ratio: 3 / 2;
    object-position: 50% 0%;
  }

  .industries-grid.single.mobile-only {
    display: none;
  }

  .inudstry-card {
    padding: var(--_gaps---gap-0-75x);
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
    aspect-ratio: auto;
  }

  .text-tab {
    font-size: var(--_typography---type-lead-size);
    line-height: var(--_typography---type-lead-line-height);
    letter-spacing: 0;
    height: 64px;
  }

  .text-tab.w--current {
    padding-bottom: var(--_gaps---gap-base-unit);
  }

  .icon-feature-grid {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
    grid-template-columns: 1fr;
  }

  .icon-feature-grid.quarters {
    grid-row-gap: var(--_gaps---gap-2-5x);
    grid-template-columns: 1fr;
  }

  .icon-feature-grid.cardxs {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .icon-feature-grid.cardxs.lesspxs.bottomxs {
    margin-bottom: 2rem;
  }

  .icon-feature-item-text {
    align-items: center;
    padding-right: 0;
  }

  .icon-tab {
    padding-top: var(--_gaps---gap-0-5x);
    padding-bottom: var(--_gaps---gap-0-5x);
  }

  .icon-tabs {
    grid-column-gap: var(--_gaps---gap-0-5x);
    grid-row-gap: var(--_gaps---gap-0-5x);
    flex-flow: column;
  }

  .section-addendum {
    border-radius: var(--_border-radius---border-radius-base-unit);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .customer-story-item-image {
    aspect-ratio: auto;
  }

  .customer-story-item-content {
    padding: var(--_gaps---gap-0-75x);
  }

  .customer-story-link-button-wrap {
    display: none;
  }

  .text-tab-title {
    top: 7px;
  }

  .text-tab-content {
    top: -3px;
  }

  .hero-metrics {
    flex-flow: row;
  }

  .metric-with-icon-card {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

  .large-centered-quote {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .large-quote-bottom {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .customer-header-top {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .customer-details {
    grid-column-gap: var(--_gaps---gap-1-5x);
    grid-row-gap: var(--_gaps---gap-1-5x);
    grid-template-columns: 1fr 1fr;
  }

  .hero-bento {
    flex-flow: column-reverse;
    display: flex;
  }

  .widget-bento-portrait {
    aspect-ratio: 3 / 2;
  }

  .integrations-box {
    aspect-ratio: 1;
  }

  .customer-card {
    border-radius: var(--_border-radius---border-radius-base-unit);
  }

  .customer-card-image {
    aspect-ratio: auto;
  }

  .customer-card-content {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
    padding-top: 0;
  }

  .customer-card-content-bottom {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .customer-card-logo {
    max-height: 32px;
  }

  .hero-4 {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
  }

  .icon-tag {
    padding: var(--_gaps---gap-0-25x) var(--_gaps---gap-0-5x) var(--_gaps---gap-0-25x) var(--_gaps---gap-0-25x);
  }

  .customer-spotlight {
    display: none;
  }

  .widget-box {
    padding-top: var(--_gaps---gap-base-unit);
    padding-bottom: var(--_gaps---gap-base-unit);
    padding-left: var(--_gaps---gap-base-unit);
    justify-content: flex-start;
    align-items: center;
  }

  .widget-on-image-wrap {
    padding-top: var(--_gaps---gap-base-unit);
    padding-bottom: var(--_gaps---gap-base-unit);
    aspect-ratio: auto;
  }

  .bg-hero {
    opacity: .5;
  }

  .bg-hero.hero-7-bg {
    opacity: 1;
  }

  .widget-layout {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: calc(100vw - 24px);
    min-height: auto;
    max-height: 300px;
  }

  .client-spotlight {
    grid-column-gap: var(--_gaps---gap-1-5x);
    grid-row-gap: var(--_gaps---gap-1-5x);
  }

  .comparison-table-row {
    grid-template-columns: 1fr 1fr;
  }

  .table-row-description {
    font-family: var(--_typography---type-font-badges);
    font-size: var(--_typography---type-small-size);
    line-height: var(--_typography---type-small-line-height);
    text-align: center;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 400;
  }

  .table-row-emphasis {
    font-size: var(--_typography---type-body-size);
    line-height: var(--_typography---type-body-line-height);
  }

  .category-bar {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .categories {
    flex-flow: column;
    align-self: stretch;
    align-items: stretch;
  }

  .category-bar-link {
    text-align: center;
    width: 100%;
  }

  .integration-categories {
    flex-flow: column;
  }

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

  .integrations-item-body {
    padding-bottom: var(--_gaps---gap-1-5x);
    min-height: auto;
  }

  .metric-with-text-card {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

  .hero-text-metrics {
    flex-flow: column;
  }

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

  .team-content-wrap {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

  .timeline-blip-line {
    height: 54px;
  }

  .timeline-item-text {
    padding-right: var(--_gaps---gap-base-unit);
  }

  .form-wrap {
    padding-right: var(--_gaps---gap-0-75x);
    padding-left: var(--_gaps---gap-0-75x);
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
  }

  .form {
    grid-column-gap: var(--_gaps---gap-0-75x);
    grid-row-gap: var(--_gaps---gap-0-75x);
  }

  .form-pair {
    flex-flow: column;
    display: flex;
  }

  .metrics-left {
    grid-column-gap: var(--_gaps---gap-1-5x);
    grid-row-gap: var(--_gaps---gap-1-5x);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .pricing-table-top {
    grid-column-gap: var(--_gaps---gap-2x);
    grid-row-gap: var(--_gaps---gap-2x);
  }

  .pricing-table-body {
    grid-column-gap: var(--_gaps---gap-1-5x);
    grid-row-gap: var(--_gaps---gap-1-5x);
  }

  .contact-card {
    grid-column-gap: var(--_gaps---gap-base-unit);
    grid-row-gap: var(--_gaps---gap-base-unit);
  }

  .colours-grid {
    grid-column-gap: var(--_grid---grid-gap-s);
    grid-row-gap: var(--_grid---grid-gap-s);
    grid-template-columns: 1fr 1fr;
  }

  .search-form {
    flex-flow: column;
  }

  .blurred-bg-hero {
    opacity: .5;
  }

  .parallax-2 {
    min-width: auto;
    height: 27vh;
    padding-left: 20px;
  }

  .body-s {
    padding-left: 210vw;
    font-size: 1.5rem;
  }

  .body-s.ctaxs {
    z-index: 100;
    margin-top: -4vh;
    padding-bottom: 3vh;
    padding-left: 107vw;
    font-size: 1.1rem;
    position: relative;
  }

  .parallax__layer-title {
    width: 300%;
    height: 27svh;
    margin-top: 61px;
    margin-left: -60vw;
    padding-left: 0;
    transform: scale(.6);
  }

  .parallax__plane.parallax__plane--z4, .parallax__plane.parallax__plane--z5 {
    padding-right: 0;
  }

  .parallax__plane.dhru {
    transform: translate(-23px, 14px)scale(.9);
  }

  .footer-item.navxs {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .parallax__title {
    font-size: 4em;
  }

  .whatsapp-block {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    bottom: 0;
    right: 0;
  }

  .whatsapp-container {
    width: 80px;
    height: 80px;
    bottom: 10px;
    right: 0;
  }

  .whatsapp-chat {
    width: 100%;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .whatsapp-chat.hidden {
    display: none;
  }

  .cta {
    padding: 2.5rem;
  }

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

  .display-m-2.top-padding.half-padding {
    margin-top: 0;
  }

  .display-m-2.top-padding.half-padding.topxs {
    margin-top: 2rem;
  }

  .cta-background-image {
    text-align: left;
  }

  .card__image {
    width: 65px;
  }

  .pieces__item {
    padding-left: 8px;
    padding-right: 8px;
  }

  .card__letter {
    font-size: 48px;
    line-height: 48px;
  }

  .search {
    border-width: 1px;
    padding: 10px;
  }

  .thank-you-message-holder {
    font-family: Inter, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
  }

  .search-button {
    background-size: 13px;
    width: 30px;
    height: 30px;
  }

  .hero-form {
    width: 100%;
  }

  .ease-dropdown-title-text {
    font-size: 12px;
  }

  .error-message {
    position: static;
  }

  .hero-form-success-holder {
    padding: 5px;
  }

  .ease-dropdown-01-container {
    padding: 12px;
  }

  .search-block {
    flex-flow: column;
  }

  .search-text-field {
    font-size: 14px;
  }

  .search-text-field::placeholder {
    color: #ffffffc9;
  }

  .more-options-holder {
    width: 100%;
    margin-top: 30px;
  }

  .v-flex-xs.header-xs {
    align-items: flex-start;
  }

  .v-flex-xs.awake-xs {
    align-items: center;
  }

  .body-s-2 {
    text-align: center;
  }

  .body-s-2.fullxs {
    max-width: 73vw;
  }

  .body-s-2.fullxs.desktop-only {
    display: none;
  }

  .footer-links-3.centerxs {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .link-underline-2 {
    font-size: 1.3rem;
  }

  .link-underline-2.footerxs {
    font-size: 1rem;
  }

  .footer-2 {
    padding-top: 3rem;
  }

  .footer-2.nav {
    padding-top: 0;
  }

  .body-l {
    text-align: center;
    font-size: 1rem;
  }

  .content-title {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .content-title-breadcrumbs {
    justify-content: center;
  }

  .v-flex-s-3 {
    align-items: center;
  }

  .display-2xl {
    font-size: 1.75rem;
  }

  .button-2 {
    width: 100%;
    min-height: 2.5rem;
  }

  .popular-article-card {
    padding: 1rem;
  }

  .popular-article-card.spacexs {
    aspect-ratio: auto;
  }

  .popular-article-card.spacexs.v2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    text-align: left;
    grid-template-rows: 1fr 1fr;
    margin-top: 0;
    padding-bottom: 0;
  }

  .popular-article-card.spacexs.v2.mobile-only {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .popular-article-card.spacexs.v3 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    text-align: left;
    grid-template-rows: 1fr 1fr;
    margin-top: 0;
    padding-bottom: 0;
  }

  .popular-article-card.spacexs.v3.mobile-only {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .popular-article-card.single {
    border-style: none;
    max-width: none;
    padding-bottom: 0;
  }

  .related-articles-card {
    padding: 1rem;
  }

  .cta-2 {
    padding: 2.5rem;
  }

  .display-2xl-2 {
    max-width: 73vw;
    font-size: 1.75rem;
  }

  .display-2xl-2.smaller {
    font-size: 1.5rem;
  }

  .display-2xl-2.smaller.way-smaller {
    text-align: left;
    width: 100%;
    max-width: none;
    font-size: 1.2rem;
  }

  .display-2xl-2.mobile-only {
    display: none;
  }

  .display-xl {
    padding-top: 5px;
  }

  .display-xl.crd-title {
    margin-top: 5px;
    margin-bottom: 20px;
  }

  .div-block-2.halfxs {
    padding-bottom: 0;
  }

  .body-l-2 {
    font-size: 1rem;
  }

  .text-field {
    padding-bottom: 12px;
  }

  .submit-button-wrap {
    width: 45px;
  }

  .newsletter-form, .newsletter-form-block {
    width: 100%;
  }

  .claim-headline_addition-transform {
    -webkit-text-stroke-width: .6px;
    margin-left: -.3rem;
  }

  .parallax-hero_wrapper {
    height: 90vh;
  }

  .section_hero {
    height: 90vh;
    overflow: hidden;
  }

  .parallax_layer {
    width: 350vw;
    max-width: none;
    height: 30vh;
    left: auto;
    right: auto;
  }

  .parallax_layer.is-2 {
    width: 350vw;
    left: auto;
    right: auto;
  }

  .image.large.logo {
    width: 43px;
    height: 43px;
  }

  .image.large.xxis {
    margin-top: -.5rem;
  }

  .image.logo.midpage {
    width: 123px;
    height: 123px;
  }

  .image.x-large.logo {
    width: 43px;
    height: 43px;
  }

  .image.x-large.xxis {
    margin-top: -.5rem;
  }

  .whatsapp-chat-2 {
    width: 100%;
    height: 40vh;
    position: relative;
  }

  .code-embed {
    height: 400px;
    min-height: auto;
    padding-right: 0;
  }

  .brand {
    text-align: center;
  }

  .image-color-tree {
    height: 180vh;
  }

  .slide-1 {
    width: auto;
  }

  .grey {
    font-size: 21px;
  }

  .modal-1-popup {
    padding: 1rem 0 0;
    display: none;
  }

  .superscript {
    font-size: 12px;
  }

  .superscript.grey {
    font-size: 10px;
  }

  .modal-superscript {
    font-size: 9px;
  }

  .cross {
    width: 15px;
  }

  .slider {
    margin-top: 60px;
  }

  .left-arrow {
    right: 16%;
  }

  .slide-4 {
    width: auto;
  }

  .popup-label {
    font-weight: 500;
  }

  .slide-7, .slide-3, .slide-2 {
    width: auto;
  }

  .mask {
    width: 250px;
    height: 475px;
  }

  .section-4 {
    padding-top: 50px;
    padding-bottom: 150px;
  }

  .button-3 {
    font-size: .9375rem;
  }

  .section-heading {
    margin-bottom: 0;
    font-size: 30px;
  }

  .slide-5, .slide-8 {
    width: auto;
  }

  .label-2 {
    font-size: 14px;
  }

  .popup-heading {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .container {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-2-popup {
    padding: 1rem 0 0;
    display: none;
  }

  .card-front, .card-front._4, .card-front._3, .card-front._2 {
    width: 250px;
    height: 475px;
  }

  .modal-bg {
    margin-left: 0;
    padding-left: 0;
  }

  .slide-6 {
    width: auto;
  }

  .card-3._5, .card-3._3, .card-3._2, .card-3._1, .card-3._4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .close-button {
    width: 3rem;
    height: 3rem;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
  }

  .close-button.button-style-1 {
    width: 30px;
    height: 30px;
    top: 0;
  }

  .feature-card-text {
    font-size: 21px;
    font-weight: 500;
  }

  .feature-card-text._40px {
    font-size: 21px;
  }

  .modal-3-popup {
    padding: 1rem 0 0;
  }

  .card-title {
    font-size: 20px;
  }

  .text-block {
    font-size: 14px;
  }

  .modal {
    border-radius: 30px 30px 0 0;
  }

  .modal-4-popup, .modal-5-popup, .modal-6-popup {
    padding: 1rem 0 0;
  }
}

#w-node-_6aba4cd7-9e66-167b-fea0-24898bd4f206-dbdb1a8c {
  place-self: stretch start;
}

#w-node-_070f8ceb-216c-8cab-286c-a82b1e0c5425-dbdb1a8c {
  justify-self: stretch;
}

#w-node-_070f8ceb-216c-8cab-286c-a82b1e0c5426-dbdb1a8c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_424f79da-1f4e-53af-5231-f59cf12afeda-dbdb1a8c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_424f79da-1f4e-53af-5231-f59cf12afef0-dbdb1a8c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_23e28384-de6e-7461-5729-d9834021146b-dbdb1a8c, #w-node-_61bfe19a-f7b7-7ef4-5b43-0379b80b9069-dbdb1a8c, #w-node-_8fbbb13c-0291-4e7d-05f7-82b5f18a3b2e-dbdb1a8c {
  place-self: stretch stretch;
}

#w-node-_9975ab0f-d91f-26a3-aeb8-4f3cb3326e25-dbdb1a8c {
  justify-self: stretch;
}

#w-node-_9975ab0f-d91f-26a3-aeb8-4f3cb3326e38-dbdb1a8c {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-_14cd32bf-d0e1-21c6-530f-22c6ada3eec3-dbdb1a8c, #w-node-_1c3939f9-e811-ae67-3987-94f06cd9d52a-dbdb1a8d, #w-node-_18a9b325-966a-0085-56a7-38db1b743f4d-dbdb1a8d {
  justify-self: stretch;
}

#w-node-_99aca421-b2eb-52db-3ac2-158e7a64cac6-dbdb1a8d {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: stretch;
}

#w-node-_8a09e462-e9cf-3f81-68d7-bfb8ec7fc183-dbdb1a8d {
  justify-self: stretch;
}

#w-node-_4a817029-4836-0f0b-73ed-d1dcdae53dd8-dbdb1a8d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4294c74d-5872-9a9e-a174-809e0b87f3cb-dbdb1a9b {
  justify-self: end;
}

#w-node-beabb54b-9244-349a-fa09-34689ac25276-dbdb1a9b {
  justify-self: stretch;
}

#w-node-beabb54b-9244-349a-fa09-34689ac25282-dbdb1a9b {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-ba95aff3-3f1c-e140-ead4-268ea733629a-dbdb1a9b {
  justify-self: stretch;
}

#w-node-ba95aff3-3f1c-e140-ead4-268ea73362a4-dbdb1a9b {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-_70de66fb-e9e9-9d36-11a4-8806fedaf4cb-dbdb1a9b {
  justify-self: stretch;
}

#w-node-_70de66fb-e9e9-9d36-11a4-8806fedaf4d5-dbdb1a9b {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-_8b3398ef-48ea-c8d2-4b26-815e934c4447-dbdb1a9b, #w-node-_9a62cc44-d826-88fc-43c6-a6ee099427f5-dbdb1a9b {
  justify-self: stretch;
}

#w-node-_9a62cc44-d826-88fc-43c6-a6ee09942804-dbdb1a9b {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-_5e1dabc7-de99-9aa0-3c06-27188a626adb-dbdb1a9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_5e1dabc7-de99-9aa0-3c06-27188a626ac8-dbdb1a9c {
  justify-self: stretch;
}

#w-node-_41d1549e-1356-5a47-a54c-40ddf1e268fd-dbdb1a9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_41d1549e-1356-5a47-a54c-40ddf1e268ea-dbdb1a9c {
  justify-self: stretch;
}

#w-node-_0e3584da-948b-46a7-47ed-c2b7f62eadb0-dbdb1a9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_0e3584da-948b-46a7-47ed-c2b7f62eade2-dbdb1a9c {
  justify-self: stretch;
}

#w-node-_28caabaa-5e70-08a9-d7da-685b2a1dddc7-dbdb1a9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_28caabaa-5e70-08a9-d7da-685b2a1ddde7-dbdb1a9c, #w-node-_05f55296-f4e8-7741-7f0f-e9ceb7c36b1b-dbdb1a9c {
  justify-self: stretch;
}

#w-node-_05f55296-f4e8-7741-7f0f-e9ceb7c36b27-dbdb1a9c {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-_05f55296-f4e8-7741-7f0f-e9ceb7c36b28-dbdb1a9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_077737d4-9a30-a950-af05-2deffdbd2ead-dbdb1a9c, #w-node-_4507b888-0a7f-dcee-9c3f-44f24e000921-dbdb1a9c, #w-node-_6cb64509-ce0a-184d-58b4-e4e4dfe07e70-dbdb1a9c, #w-node-b9be8e30-040d-df5f-400b-629e09d830fd-dbdb1a9c {
  justify-self: stretch;
}

#w-node-_9e5fa998-8746-0081-ccc6-b4b35984e9a7-dbdb1a9c {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-e128bdef-9ee3-2b18-f4c0-04d969f1866b-dbdb1a9c {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: center;
}

#w-node-cf2068a7-0211-8bef-743a-eb6867f389c9-dbdb1aa0, #w-node-f79a1af5-3f8b-3955-d50b-554e32678782-dbdb1aa1 {
  justify-self: stretch;
}

#Last-Name.w-node-ad22f08b-2ce5-2608-08bd-a8f826c69f3d-dbdb1aa2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_16afae85-b8d4-4b59-a016-0ff5d87f60b5-dbdb1aa4 {
  place-self: stretch stretch;
}

#w-node-fb2e9940-abdc-5cbe-1bbe-124eeb88ab6f-dbdb1aa4, #w-node-f82d7187-3724-830f-f1f4-447a5ed60ea9-dbdb1aa4 {
  justify-self: stretch;
}

#w-node-f82d7187-3724-830f-f1f4-447a5ed60eb5-dbdb1aa4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-f82d7187-3724-830f-f1f4-447a5ed60eb6-dbdb1aa4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c9b6edf7-7463-f5f0-c88d-521f5564bc4d-dbdb1aa6, #Apply.w-node-_1a65e331-5fc8-46d4-f9fd-a965729d004c-dbdb1aa6 {
  justify-self: stretch;
}

#Last-Name.w-node-_1a65e331-5fc8-46d4-f9fd-a965729d0053-dbdb1aa6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bdf90d24-b7c6-6280-ca5b-006a5af29b32-dbdb1aa7, #Apply.w-node-_5e2520fe-ad2a-dc1d-a931-e16b12c01da8-dbdb1aa7 {
  justify-self: stretch;
}

#Last-Name.w-node-_5e2520fe-ad2a-dc1d-a931-e16b12c01daf-dbdb1aa7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_047d8a13-8093-af09-8add-db394c82f7d2-3116db4c {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_6e03df2f-e6de-6d3c-4256-62ded1c23973-3116db4c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_135a1af4-b3ed-88f9-32e1-6d6975f50ec1-3116db4c {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_70f51789-a194-0e82-ffab-f0b006ccc757-3116db4c {
  place-self: start center;
}

#w-node-_2028f992-5e4f-5245-70bb-ee5f2f179b91-3116db4c, #w-node-_81f73c55-787b-dbb9-6800-ac3ab1461110-3116db4c {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_436d5ee1-a3db-2420-bc56-c402dcbd6499-3116db4c, #w-node-_776199cc-4221-cc4a-d251-d9613b720066-3116db4c {
  place-self: start center;
}

#w-node-_81408139-4883-410b-12ee-506c343088a8-3116db4c {
  grid-area: 3 / 1 / 3 / 2;
}

#w-node-_69dfb0ca-2a40-4343-e41a-dfbe87699791-3116db4c {
  place-self: start center;
}

#w-node-_69dfb0ca-2a40-4343-e41a-dfbe87699792-3116db4c {
  grid-area: 3 / 1 / 3 / 2;
}

#w-node-ceb82ab2-1c7b-6b04-0aa3-42eca5b8dee7-3116db4c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ceb82ab2-1c7b-6b04-0aa3-42eca5b8deea-3116db4c {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-ceb82ab2-1c7b-6b04-0aa3-42eca5b8deed-3116db4c {
  place-self: start center;
}

#w-node-e6b81261-a2dc-d2e2-3f11-0b8f9961c79e-3116db4c {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-e6b81261-a2dc-d2e2-3f11-0b8f9961c7a1-3116db4c {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-e6b81261-a2dc-d2e2-3f11-0b8f9961c7a4-3116db4c {
  place-self: start center;
}

#w-node-_0ddbab5e-2405-e0ae-0505-d71537803a90-3116db4c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0ddbab5e-2405-e0ae-0505-d71537803a93-3116db4c {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_0ddbab5e-2405-e0ae-0505-d71537803a96-3116db4c {
  place-self: start center;
}

#w-node-_519ec6b6-df4d-c24a-beba-aa706212803e-3116db4c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_519ec6b6-df4d-c24a-beba-aa7062128041-3116db4c {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_519ec6b6-df4d-c24a-beba-aa7062128044-3116db4c {
  place-self: start center;
}

#w-node-_519ec6b6-df4d-c24a-beba-aa706212804c-3116db4c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_519ec6b6-df4d-c24a-beba-aa706212804f-3116db4c {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_519ec6b6-df4d-c24a-beba-aa7062128058-3116db4c {
  place-self: start center;
}

#w-node-b45cbcbc-a394-98d8-6d9b-f0ad9bbbfbec-3116db4c, #w-node-b45cbcbc-a394-98d8-6d9b-f0ad9bbbfbe0-3116db4c {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-b45cbcbc-a394-98d8-6d9b-f0ad9bbbfbf2-3116db4c {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-f7035984-f9cd-2138-de0e-e3c555d19e0c-9724ad8c, #w-node-ed9686dd-e67c-a755-cce5-fa59c5ce344a-9724ad8c, #w-node-ed9686dd-e67c-a755-cce5-fa59c5ce3459-9724ad8c {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-ed9686dd-e67c-a755-cce5-fa59c5ce3466-9724ad8c {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-f7035984-f9cd-2138-de0e-e3c555d19e0c-15ed232d, #w-node-ed9686dd-e67c-a755-cce5-fa59c5ce344a-15ed232d, #w-node-ed9686dd-e67c-a755-cce5-fa59c5ce3459-15ed232d {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-ed9686dd-e67c-a755-cce5-fa59c5ce3466-15ed232d {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

@media screen and (max-width: 991px) {
  #w-node-_8ce6ed4d-0bf1-1e3b-4a16-1193cd53a812-6d7bf580, #w-node-cf318974-b327-0d00-d8c8-01026062e0fc-dbdb1a8d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ceb82ab2-1c7b-6b04-0aa3-42eca5b8dee7-3116db4c, #w-node-e6b81261-a2dc-d2e2-3f11-0b8f9961c79e-3116db4c, #w-node-_0ddbab5e-2405-e0ae-0505-d71537803a90-3116db4c, #w-node-_519ec6b6-df4d-c24a-beba-aa706212803e-3116db4c, #w-node-_519ec6b6-df4d-c24a-beba-aa706212804c-3116db4c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9e5fa998-8746-0081-ccc6-b4b35984e9a7-dbdb1a9c, #w-node-e128bdef-9ee3-2b18-f4c0-04d969f1866b-dbdb1a9c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d4b06601-5cbd-b718-92ef-aba82b995cb7-dbdb1a9c, #w-node-a0b9cbc5-9672-99f2-57d4-01e04aed1790-dbdb1a9c, #w-node-_53008f5f-9c19-1e65-1c7d-325662ad0585-dbdb1a9c, #w-node-_89485830-dafe-2a14-8e62-cd48bdf26841-dbdb1a9c, #w-node-_4b9ca9ff-f5be-2a60-444e-86a0bdf3806e-dbdb1a9c, #w-node-edf3480c-31d8-caa3-5eb6-2a673a2c2cf7-dbdb1a9c, #w-node-_0dfac6ac-3790-53dd-57e6-915ad6b70aec-dbdb1a9c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_70f51789-a194-0e82-ffab-f0b006ccc757-3116db4c, #w-node-_436d5ee1-a3db-2420-bc56-c402dcbd6499-3116db4c, #w-node-_776199cc-4221-cc4a-d251-d9613b720066-3116db4c, #w-node-_69dfb0ca-2a40-4343-e41a-dfbe87699791-3116db4c, #w-node-ceb82ab2-1c7b-6b04-0aa3-42eca5b8deed-3116db4c, #w-node-e6b81261-a2dc-d2e2-3f11-0b8f9961c7a4-3116db4c, #w-node-_0ddbab5e-2405-e0ae-0505-d71537803a96-3116db4c, #w-node-_519ec6b6-df4d-c24a-beba-aa7062128044-3116db4c, #w-node-_519ec6b6-df4d-c24a-beba-aa7062128058-3116db4c {
    align-self: center;
  }
}


@font-face {
  font-family: 'Google Sans Code';
  src: url('../fonts/GoogleSansCode-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 800;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'BDO Grotesk';
  src: url('../fonts/BDOGrotesk-VF.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/InterVariable-Italic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/InterVariable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Agrandir Grand';
  src: url('../fonts/PPAgrandir-GrandLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Agrandir Grand';
  src: url('../fonts/PPAgrandir-GrandHeavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}