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

:root {
  --_colors--surface---surface-1: var(--_colors--core---neutral-50);
  --_typography--typefaces---typeface-body: Switzer, Arial, sans-serif;
  --_colors--text---text-body: var(--_colors--core---neutral-850);
  --_typography--type-scale---type-body: 16px;
  --_typography--type-scale---type-body-line-height: 1.5em;
  --_typography--typefaces---default-font-weight: 400;
  --_typography--typefaces---typeface-heading: Switzer, Arial, sans-serif;
  --_colors--text---text-heading: var(--_colors--core---neutral-900);
  --_typography--type-scale---type-h1: calc(var(--_typography--type-scale---type-h2) * var(--_typography--type-scale---type-scale-factor));
  --_typography--type-scale---type-h1-line-height: 1.2em;
  --_typography--type-scale---type-h2: calc(var(--_typography--type-scale---type-h3) * var(--_typography--type-scale---type-scale-factor));
  --_typography--type-scale---type-h2-line-height: 1.3em;
  --_typography--type-scale---type-h3: calc(var(--_typography--type-scale---type-h4) * var(--_typography--type-scale---type-scale-factor));
  --_typography--type-scale---type-h3-line-height: 1.3em;
  --_typography--type-scale---type-h4: calc(var(--_typography--type-scale---type-h5) * var(--_typography--type-scale---type-scale-factor));
  --_typography--type-scale---type-h4-line-height: 1.3em;
  --_typography--type-scale---type-h5: calc(var(--_typography--type-scale---type-lead) * var(--_typography--type-scale---type-scale-factor));
  --_typography--type-scale---type-h5-line-height: 1.35em;
  --_spacing--gap---gap-3: 9px;
  --_typography--type-scale---type-small: 14px;
  --_typography--type-scale---type-small-line-height: 1.5em;
  --_spacing--gap---gap-4: 12px;
  --_grid---gutter-window: 24px;
  --_grid---column-6: 528px;
  --_colors--surface---text-heading\<deleted\|variable-f44b3f07-8efd-6c7b-852b-7fbb3771065b\>: var(--_colors--core---neutral-950);
  --_button---button-height-medium: 48px;
  --_button---button-padding-medium: 24px;
  --_spacing--gap---gap-2: 6px;
  --_button---button-radius-medium: 200px;
  --_colors--button---button-background-primary: var(--_colors--core---neutral-950);
  --_typography--typefaces---typeface-button: Switzer, Arial, sans-serif;
  --_colors--button---button-text-primary: var(--_colors--core---neutral-0);
  --_button---button-height-small: 36px;
  --_button---button-padding-small: 18px;
  --_button---button-height-large: 60px;
  --_button---button-padding-large: 36px;
  --_colors--surface---surface-3: var(--_colors--core---neutral-150);
  --_tiles--text---tile-small-text-size: var(--_typography--type-scale---type-small);
  --_colors--core---neutral-0: white;
  --_colors--core---neutral-950: #191919;
  --_grid---column-12: 1080px;
  --_spacing--gap---gap-6: 24px;
  --_spacing--gap---gap-10: 72px;
  --_spacing--gap---gap-5: 18px;
  --_spacing--gap---gap-7: 36px;
  --_border-radius---radius-medium: 12px;
  --_colors--surface---surface-2: var(--_colors--core---neutral-100);
  --_spacing--gap---gap-8: 48px;
  --_grid---column-4: 344px;
  --_spacing--gap---gap-9: 60px;
  --_colors--text---text-heading-muted: color-mix(in srgb, var(--_colors--core---neutral-900) 50%, transparent);
  --_typography--type-scale---type-display: calc((var(--_typography--type-scale---type-h1) * var(--_typography--type-scale---type-scale-factor)) * var(--_typography--type-scale---type-scale-factor));
  --_typography--type-scale---type-display-line-height: 1.1em;
  --_typography--type-scale---type-lead: calc(var(--_typography--type-scale---type-body) * var(--_typography--type-scale---type-scale-factor));
  --_typography--type-scale---type-lead-line-height: 1.4em;
  --_spacing--section---section-padding-medium: 84px;
  --_spacing--section---section-padding-large: 168px;
  --_spacing--section---section-pading-small: 42px;
  --_icon---icon-medium: 24px;
  --_icon---icon-small: 18px;
  --_icon---icon-extra-large: 72px;
  --_icon---icon-extra-small: 12px;
  --_icon---icon-large: 36px;
  --_colors--text---text-body-muted: color-mix(in srgb, var(--_colors--core---neutral-850) 70%, transparent);
  --_grid---column-5: 436px;
  --_navigation---navbar-height: 60px;
  --_navigation---navbar-items-gap: var(--_spacing--gap---gap-6);
  --_navigation---navbar-links-gap: var(--_spacing--gap---gap-6);
  --_spacing--gap---gap-1: 3px;
  --_border-radius---radius-small: 6px;
  --_border-radius---radium-extra-small: 3px;
  --_colors--dropdown---dropdown-background: var(--_colors--core---neutral-0);
  --_colors--core---neutral-1000: #000;
  --_grid---column-3: 252px;
  --_colors--border---border-default: #0000001f;
  --_navigation---navbar-notch-padding: var(--_spacing--gap---gap-5);
  --_navigation---navbar-notch-radius: var(--_border-radius---radius-medium);
  --_navigation---navbar-island-width: var(--_grid---column-8);
  --_colors--surface---surface-4: var(--_colors--core---neutral-200);
  --_grid---gutter-default: 24px;
  --_form---text-input-height: 48px;
  --_form---text-input-padding: 12px;
  --_colors--form---text-input-border-color: #0000001f;
  --_form---text-input-radius: var(--_border-radius---radius-small);
  --_colors--form---text-input-border-color-focused: var(--_colors--core---neutral-900);
  --_form---checkbox-input-size: 20px;
  --_colors--surface---surface-offset: var(--_colors--core---neutral-900);
  --_form---radio-input-size: 20px;
  --_colors--surface---surface-flip: var(--_colors--core---neutral-950);
  --_colors--status---status-success: #4cc02b;
  --_colors--status---status-failure: #ce1919;
  --_tiles--button---tile-button-height: 36px;
  --_tiles--button---tile-button-padding: 18px;
  --_tiles--button---tile-button-border-size: 1px;
  --_tiles--color---tile-button-background: var(--_colors--core---neutral-950);
  --_tiles--button---tile-button-radius: 200px;
  --_tiles--button---tile-button-typeface: var(--_typography--typefaces---typeface-button);
  --_tiles--color---tile-button-text-color: var(--_colors--core---neutral-0);
  --_tiles--text---tile-button-text-size: var(--_typography--type-scale---type-small);
  --_tiles--button---tile-button-pill-height: 26px;
  --_tiles--button---tile-button-pill-padding: 12px;
  --_tiles--button---tile-button-pill-radius: 100px;
  --_tiles--surface---tile-surface-2: var(--_colors--core---neutral-100);
  --_tiles---tile-inner-radius: 6px;
  --_tiles--surface---tile-surface-1: var(--_colors--core---neutral-0);
  --_tiles--surface---tile-surface-offset: var(--_colors--core---neutral-950);
  --_tiles--surface---tile-surface-3: var(--_colors--core---neutral-150);
  --_tiles---tile-square-size: 260px;
  --_tiles---tile-padding-medium: 18px;
  --_tiles---tile-radius: 12px;
  --_tiles--text---tile-typeface: var(--_typography--typefaces---typeface-body);
  --_tiles--text---tile-small-line-height: 1.4em;
  --_tiles---tile-padding-small: 12px;
  --_tiles--text---tile-title-text-size: var(--_typography--type-scale---type-lead);
  --_tiles--text---tile-title-line-height: 1.4em;
  --_tiles--color---tile-text-muted: color-mix(in srgb, var(--_colors--core---neutral-900) 60%, transparent);
  --_tiles---tile-group-gap: 4px;
  --_tiles--text---tile-body-text-size: var(--_typography--type-scale---type-body);
  --_tiles--text---tile-body-line-height: 1.4em;
  --_grid---column-7: 620px;
  --_spacing--gap---gap-11: 96px;
  --_spacing--gap---gap-12: 120px;
  --_tiles---tile-inner-radius-child: 3px;
  --_tiles--progress-bar---tile-progress-bar-height: 12px;
  --_tiles--progress-bar---tile-progress-bar-radius: 100px;
  --_grid---column-8: 712px;
  --_colors--surface---surface-1-transparent: color-mix(in srgb, var(--_colors--core---neutral-50) 0%, transparent);
  --_colors--icon---icon-color-default: var(--_colors--core---neutral-950);
  --_colors--motif---motif-glass: #ffffffb3;
  --_motif---motif-glass-blur-amount: 12px;
  --_colors--motif---motif-text-on-glass: var(--_colors--core---neutral-900);
  --_spacing--gap---gap-14: 168px;
  --_motif---motif-strip-height: 6px;
  --_bento---bento-grid-gap: 4px;
  --_bento---bento-outer-radius: 12px;
  --_grid---column-9: 804px;
  --_typography--type-scale---type-metric-text: var(--_typography--type-scale---type-display);
  --_typography--type-scale---type-metric-text-line-height: .8em;
  --_colors--motif---motif-glass-light: #fffc;
  --_colors--motif---motif-glass-dark: #0009;
  --_grid---column-10: 896px;
  --_grid---column-2: 160px;
  --_colors--button---button-hover-element: var(--_colors--core---neutral-500);
  --_spacing--title---title-gap-small: 24px;
  --_spacing--title---title-gap-medium: 48px;
  --_grid---column-1: 68px;
  --_colors--brand---brand-primary: var(--_colors--core---neutral-950);
  --_colors--core---neutral-50: #f6f6f3;
  --_spacing--title---title-gap-large: 72px;
  --_typography--type-scale---type-scale-factor: 1.19;
  --_colors--badge---badge-background: #0000001a;
  --_colors--brand---brand-accent-1: white;
  --_colors--core---neutral-100: #edede8;
  --_tiles--color---tile-button-border-color: var(--_colors--core---neutral-950);
  --_dropdown---dropdown-wide-padding: var(--_spacing--gap---gap-6);
  --_colors--button---button-background-secondary: white;
  --_typography--typefaces---typeface-badge: Switzer, Arial, sans-serif;
  --_colors--brand---brand-accent-2: white;
  --_bento---bento-item-radius: 0px;
  --_colors--brand---brand-accent-3: white;
  --_colors--button---button-text-secondary: white;
  --_navigation---navbar-buttons-gap: var(--_spacing--gap---gap-4);
  --_border-radius---radius-large: 18px;
  --_tiles--color---tile-text: var(--_colors--core---neutral-900);
  --_colors--core---neutral-150: #dbdbd2;
  --_colors--text---text-on-primary: var(--_colors--core---neutral-0);
  --_border-radius---radius-extra-large: 24px;
  --_colors--core---neutral-200: #d0d0c8;
  --_icon---icon-boxed-border: 0px;
  --_colors--text---text-on-accent-1: var(--_colors--core---neutral-0);
  --_navigation---navbar-notch-height: var(--_navigation---navbar-height);
  --_form---horizontal-form-gap: var(--_spacing--gap---gap-3);
  --_colors--core---neutral-500: silver;
  --_icon---icon-boxed-padding: 12px;
  --_colors--text---text-on-accent-2: var(--_colors--core---neutral-0);
  --_icon---icon-boxed-radius: var(--_border-radius---radius-small);
  --_colors--core---neutral-550: #949494;
  --_button---button-radius-small: 200px;
  --_colors--core---neutral-600: #747474;
  --_colors--text---text-on-accent-3: var(--_colors--core---neutral-0);
  --_colors--core---neutral-800: #474747;
  --_colors--text---text-on-surface-offset: var(--_colors--core---neutral-0);
  --_icon---icon-stroke-default: 1.5px;
  --_button---button-radius-large: 200px;
  --_colors--core---neutral-850: #353535;
  --_colors--core---neutral-900: #292929;
  --_grid---column-11: 988px;
  --_spacing--gap---gap-13: 144px;
  --_spacing--gap---gap-15: 192px;
  --_button---button-stroke-width: 0px;
  --_button---icon-butotn-size-small: 30px;
  --_button---icon-button-size-medium: 48px;
  --_button---icon-button-size-large: 72px;
  --_button---icon-button-radius: 100px;
  --_button---icon-button-border-size: 0px;
  --_tiles--avatar---tile-avatar-medium: 36px;
  --_tiles--avatar---tile-avatar-large: 42px;
  --_tiles--avatar---tile-avatar-extra-large: 60px;
}

.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 {
  background-color: var(--_colors--surface---surface-1);
  font-family: var(--_typography--typefaces---typeface-body);
  color: var(--_colors--text---text-body);
  font-size: var(--_typography--type-scale---type-body);
  line-height: var(--_typography--type-scale---type-body-line-height);
  font-weight: var(--_typography--typefaces---default-font-weight);
  transition: background-color .2s;
}

h1 {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-h1);
  line-height: var(--_typography--type-scale---type-h1-line-height);
  font-weight: var(--_typography--typefaces---default-font-weight);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-h2);
  line-height: var(--_typography--type-scale---type-h2-line-height);
  font-weight: var(--_typography--typefaces---default-font-weight);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-h3);
  line-height: var(--_typography--type-scale---type-h3-line-height);
  font-weight: var(--_typography--typefaces---default-font-weight);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-h4);
  line-height: var(--_typography--type-scale---type-h4-line-height);
  font-weight: var(--_typography--typefaces---default-font-weight);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-h5);
  line-height: var(--_typography--type-scale---type-h5-line-height);
  font-weight: var(--_typography--typefaces---default-font-weight);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-body);
  line-height: var(--_typography--type-scale---type-body-line-height);
  font-weight: var(--_typography--typefaces---default-font-weight);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--_colors--text---text-body);
  text-decoration: none;
}

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

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

label {
  opacity: .5;
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  font-weight: var(--_typography--typefaces---default-font-weight);
  margin-bottom: 0;
  display: block;
}

strong {
  color: var(--_colors--text---text-body);
  font-weight: 600;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  flex-flow: column;
  margin-bottom: 10px;
  display: flex;
}

figcaption {
  margin-top: var(--_spacing--gap---gap-4);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  text-align: left;
}

.dark-mode {
  --_colors--surface---surface-1: var(--_colors--core---neutral-950);
  --_colors--surface---text-heading\<deleted\|variable-f44b3f07-8efd-6c7b-852b-7fbb3771065b\>: var(--_colors--core---neutral-0);
  --_colors--surface---surface-3: var(--_colors--core---neutral-850);
  --_colors--surface---surface-2: var(--_colors--core---neutral-900);
  --_colors--surface---surface-4: var(--_colors--core---neutral-800);
  --_colors--surface---surface-offset: var(--_colors--core---neutral-850);
  --_colors--surface---surface-flip: var(--_colors--core---neutral-0);
  --_colors--surface---surface-1-transparent: color-mix(in srgb, var(--_colors--core---neutral-950) 0%, transparent);
  --_colors--button---button-background-primary: var(--_colors--core---neutral-0);
  --_colors--button---button-text-primary: var(--_colors--core---neutral-950);
  --_colors--button---button-hover-element: var(--_colors--core---neutral-550);
  --_colors--button---button-background-secondary: white;
  --_colors--button---button-text-secondary: white;
  --_colors--motif---motif-glass: #0009;
  --_colors--motif---motif-text-on-glass: var(--_colors--core---neutral-0);
  --_colors--motif---motif-glass-light: #fffc;
  --_colors--motif---motif-glass-dark: #0009;
  --_colors--text---text-body: var(--_colors--core---neutral-0);
  --_colors--text---text-heading: var(--_colors--core---neutral-0);
  --_colors--text---text-heading-muted: color-mix(in srgb, var(--_colors--core---neutral-0) 50%, transparent);
  --_colors--text---text-body-muted: color-mix(in srgb, var(--_colors--core---neutral-0) 70%, transparent);
  --_colors--text---text-on-primary: var(--_colors--core---neutral-950);
  --_colors--text---text-on-accent-1: var(--_colors--core---neutral-0);
  --_colors--text---text-on-accent-2: var(--_colors--core---neutral-0);
  --_colors--text---text-on-accent-3: var(--_colors--core---neutral-0);
  --_colors--text---text-on-surface-offset: var(--_colors--core---neutral-0);
  --_colors--brand---brand-primary: var(--_colors--core---neutral-0);
  --_colors--brand---brand-accent-1: white;
  --_colors--brand---brand-accent-2: white;
  --_colors--brand---brand-accent-3: white;
  --_tiles--color---tile-button-background: var(--_colors--core---neutral-0);
  --_tiles--color---tile-button-text-color: var(--_colors--core---neutral-950);
  --_tiles--color---tile-text-muted: color-mix(in srgb, var(--_colors--core---neutral-0) 70%, transparent);
  --_tiles--color---tile-button-border-color: var(--_colors--core---neutral-0);
  --_tiles--color---tile-text: var(--_colors--core---neutral-0);
  --_colors--border---border-default: #ffffff26;
  --_colors--status---status-success: #4cc02b;
  --_colors--status---status-failure: #ce1919;
  --_colors--form---text-input-border-color: #ffffff26;
  --_colors--form---text-input-border-color-focused: var(--_colors--core---neutral-0);
  --_colors--icon---icon-color-default: var(--_colors--core---neutral-0);
  --_tiles--surface---tile-surface-2: var(--_colors--core---neutral-850);
  --_tiles--surface---tile-surface-1: var(--_colors--core---neutral-1000);
  --_tiles--surface---tile-surface-offset: var(--_colors--core---neutral-0);
  --_tiles--surface---tile-surface-3: var(--_colors--core---neutral-600);
  --_colors--badge---badge-background: #fff3;
  --_colors--dropdown---dropdown-background: var(--_colors--core---neutral-1000);
}

.utility-page-wrap {
  width: 100vw;
  max-width: 100%;
  height: 70vh;
  max-height: 100%;
  padding-right: var(--_grid---gutter-window);
  padding-left: var(--_grid---gutter-window);
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 100%;
  max-width: var(--_grid---column-6);
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.logo {
  width: 88px;
  height: auto;
  color: var(--_colors--surface---text-heading\<deleted\|variable-f44b3f07-8efd-6c7b-852b-7fbb3771065b\>);
  display: flex;
}

.button {
  height: var(--_button---button-height-medium);
  padding-right: var(--_button---button-padding-medium);
  padding-left: var(--_button---button-padding-medium);
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  border-radius: var(--_button---button-radius-medium);
  background-color: var(--_colors--button---button-background-primary);
  font-family: var(--_typography--typefaces---typeface-button);
  color: var(--_colors--button---button-text-primary);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button:where(.w-variant-f663b26e-de5f-4688-ac6c-b0536a65982f) {
  height: var(--_button---button-height-small);
  padding-right: var(--_button---button-padding-small);
  padding-left: var(--_button---button-padding-small);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
}

.button:where(.w-variant-9cd2faa1-5a80-324d-866c-2cc21441d277) {
  height: var(--_button---button-height-large);
  padding-right: var(--_button---button-padding-large);
  padding-left: var(--_button---button-padding-large);
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
}

.button:where(.w-variant-3f9033b6-e1aa-18e1-1f60-3c73266dd11d) {
  background-color: var(--_colors--surface---surface-3);
  color: var(--_colors--text---text-heading);
}

.button:where(.w-variant-8619d011-4575-f6f5-b546-9bed7e436b30) {
  height: var(--_button---button-height-small);
  padding-right: var(--_button---button-padding-small);
  padding-left: var(--_button---button-padding-small);
  background-color: var(--_colors--surface---surface-3);
  color: var(--_colors--text---text-heading);
  font-size: var(--_tiles--text---tile-small-text-size);
  line-height: var(--_typography--type-scale---type-small-line-height);
}

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

.button.bg-white {
  background-color: var(--_colors--core---neutral-0);
  color: var(--_colors--core---neutral-950);
}

.button.flush-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.button.flush-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button.bg-surface-3 {
  color: var(--_colors--text---text-heading);
}

.main-container {
  width: 100%;
  padding-right: var(--_grid---gutter-window);
  padding-left: var(--_grid---gutter-window);
  max-width: calc(var(--_grid---column-12)  + (2 * var(--_grid---gutter-window)));
  margin-left: auto;
  margin-right: auto;
}

.main-container.contains-nav-island {
  position: relative;
}

.wrap {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  display: flex;
}

.wrap.style-guide {
  grid-column-gap: var(--_spacing--gap---gap-10);
  grid-row-gap: var(--_spacing--gap---gap-10);
}

.wrap.grow {
  flex: 1;
  align-self: stretch;
}

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

.wrap.gap-3 {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
}

.wrap.gap-5 {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
}

.wrap.tight-spacing {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  position: relative;
}

.wrap.gap-7 {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
}

.wrap.feature-item {
  min-height: 476px;
  padding: var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  justify-content: flex-start;
  align-items: center;
}

.wrap.licenses {
  grid-column-gap: var(--_spacing--gap---gap-10);
  grid-row-gap: var(--_spacing--gap---gap-10);
}

.wrap.icon-licenses {
  justify-content: flex-start;
  align-items: flex-start;
}

.wrap.utility-content {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  justify-content: flex-start;
  align-items: center;
}

.wrap.icon-style-guide {
  grid-column-gap: var(--_spacing--gap---gap-10);
  grid-row-gap: var(--_spacing--gap---gap-10);
}

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

.heading-h1 {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-h1);
  line-height: var(--_typography--type-scale---type-h1-line-height);
  letter-spacing: -.01em;
}

.heading-h1.muted-heading {
  color: var(--_colors--text---text-heading-muted);
}

.heading-h1.metric {
  margin-bottom: -9px;
}

.heading-h2 {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-h2);
  line-height: var(--_typography--type-scale---type-h2-line-height);
  letter-spacing: 0;
}

.heading-h3 {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-h3);
  line-height: var(--_typography--type-scale---type-h3-line-height);
}

.heading-h4 {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-h4);
  line-height: var(--_typography--type-scale---type-h4-line-height);
  letter-spacing: 0;
}

.heading-h4.text-white.muted {
  opacity: .75;
}

.heading-h5 {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-h5);
  line-height: var(--_typography--type-scale---type-h5-line-height);
}

.heading-h5.help-subheading {
  margin-top: var(--_spacing--gap---gap-6);
}

.heading-h6 {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-body);
  line-height: var(--_typography--type-scale---type-body-line-height);
}

.heading-display {
  font-family: var(--_typography--typefaces---typeface-heading);
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-display);
  line-height: var(--_typography--type-scale---type-display-line-height);
  letter-spacing: -.01em;
}

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

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

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

.section {
  padding-top: var(--_spacing--section---section-padding-medium);
  padding-bottom: var(--_spacing--section---section-padding-medium);
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: clip;
}

.section.announcement {
  padding-top: var(--_spacing--gap---gap-5);
  padding-bottom: var(--_spacing--gap---gap-5);
}

.section.full-bleed {
  padding: 0px var(--_spacing--gap---gap-3);
}

.section.padding-top-large {
  padding-top: var(--_spacing--section---section-padding-large);
}

.section.padding-bottom-small {
  padding-bottom: var(--_spacing--section---section-pading-small);
}

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

.icon {
  width: var(--_icon---icon-medium);
  height: var(--_icon---icon-medium);
  display: flex;
}

.icon.color-scheme-icon {
  width: 12px;
  height: 12px;
}

.icon.small {
  width: var(--_icon---icon-small);
  height: var(--_icon---icon-small);
}

.icon.submit-button-ghost-icon {
  pointer-events: none;
}

.icon.tile-checkbox-check {
  width: 15px;
  height: 15px;
}

.icon.tile-rounded-icon-svg, .icon.tile-toggle-icon, .icon.tile-dropdown-arrow-icon {
  width: var(--_icon---icon-small);
  height: var(--_icon---icon-small);
}

.icon.tile-check-circle-icon {
  width: 15px;
  height: 15px;
}

.icon.muted-icon {
  opacity: .5;
}

.icon.xlarge {
  width: var(--_icon---icon-extra-large);
  height: var(--_icon---icon-extra-large);
}

.icon.tile-process-arrow {
  width: var(--_icon---icon-extra-small);
  height: var(--_icon---icon-extra-small);
}

.icon.template-navigator-icon {
  display: none;
}

.icon.boxed-icon-svg {
  width: 30px;
  height: 30px;
}

.icon.boxed-icon-svg.large {
  width: 34px;
  height: 34px;
}

.icon.slider-button-icon.prev {
  transform: rotate(180deg);
}

.icon.large {
  width: var(--_icon---icon-large);
  height: var(--_icon---icon-large);
}

.icon.icon-text-row-arrow {
  margin-left: auto;
}

.icon.breadcrumb-icon {
  width: 16px;
  height: 16px;
}

.icon.arrow-link-icon {
  width: var(--_icon---icon-small);
  height: var(--_icon---icon-small);
}

.icon.star-icon {
  width: 14px;
  height: 14px;
}

.muted-text {
  color: var(--_colors--text---text-body-muted);
}

.muted-text.short-bio {
  width: 100%;
  max-width: var(--_grid---column-5);
}

.muted-text.quote-text {
  margin-top: var(--_spacing--gap---gap-7);
  flex: 1;
}

.muted-heading {
  color: var(--_colors--text---text-heading-muted);
}

.nav-layout-1 {
  height: var(--_navigation---navbar-height);
  grid-column-gap: var(--_navigation---navbar-items-gap);
  grid-row-gap: var(--_navigation---navbar-items-gap);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar {
  background-color: var(--_colors--surface---surface-1);
  transition: background-color .2s;
  position: sticky;
  top: 0;
}

.navbar:where(.w-variant-0c107c8a-d464-0666-12ff-6f4681279626) {
  position: sticky;
  top: 0;
}

.navbar:where(.w-variant-29698b84-1d8b-a866-0d81-90f3838c85e1) {
  position: static;
}

.navbar.contains-island {
  padding-top: var(--_spacing--gap---gap-4);
  background-color: #0000;
  position: sticky;
  top: 0;
}

.navbar.contains-island:where(.w-variant-22cc3715-3ca9-b087-d5b7-53ad8cc7db6f) {
  position: static;
  top: 0;
}

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

.nav-menu.align-center {
  justify-content: center;
  align-items: center;
}

.nav-menu.align-right {
  justify-content: flex-end;
  align-items: center;
}

.nav-dropdown-toggle {
  grid-column-gap: var(--_spacing--gap---gap-1);
  grid-row-gap: var(--_spacing--gap---gap-1);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.nav-link {
  color: var(--_colors--text---text-body);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
}

.nav-menu-wrapper {
  background-color: #0000;
  flex: 1;
  position: static;
}

.nav-menu-wrapper.inside-nav-island {
  max-width: var(--_grid---column-12);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.dropdown {
  margin-left: 0;
  margin-right: 0;
  position: static;
}

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

.menu-button {
  margin: -9px;
  padding: 9px;
}

.menu-button.w--open {
  color: var(--_colors--text---text-body);
  background-color: #0000;
}

.menu-button-icons-wrap {
  width: var(--_icon---icon-medium);
  height: var(--_icon---icon-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.nav-action-link {
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
}

.mr-icons-display-wrap {
  padding-top: var(--_spacing--gap---gap-6);
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  display: flex;
}

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

.mr-icons-display-group {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  display: flex;
}

.icons-display-grid {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.customer-logo {
  aspect-ratio: 3 / 2;
  width: 132px;
  height: auto;
  color: var(--_colors--text---text-heading);
  display: flex;
}

.customer-logo.xxs {
  width: 62px;
}

.customer-logo.xs {
  width: 84px;
}

.customer-logo.s {
  width: 108px;
}

.customer-logo.l {
  width: 156px;
}

.customer-logo.xl {
  width: 192px;
}

.customer-logo.xxl {
  width: 240px;
}

.customer-logo.andersen {
  aspect-ratio: 7;
}

.customer-logo.marco-pierre {
  aspect-ratio: 4 / 2;
}

.customer-logo.prospect {
  aspect-ratio: 4;
}

.customer-logo.scion {
  aspect-ratio: 13 / 2;
}

.customer-logo.scion.s {
  aspect-ratio: 14 / 2;
}

.customer-logo.eisner {
  aspect-ratio: 4 / 2;
}

.customer-logo.dunham {
  aspect-ratio: 12 / 2;
}

.customer-logo.continuum {
  aspect-ratio: 15 / 2;
}

.customer-logo.hermosa {
  aspect-ratio: 12 / 2;
}

.customer-logo.chasseur {
  aspect-ratio: 18 / 2;
}

.customer-logo.bailey {
  aspect-ratio: 8 / 2;
}

.customer-logo.artifact {
  aspect-ratio: 10 / 2;
}

.customer-logo.hardware {
  aspect-ratio: 4 / 2;
}

.integration-logo {
  width: 72px;
  height: 72px;
}

.dropdown-links-large {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dropdown-link-large {
  font-size: var(--_typography--type-scale---type-h4);
  line-height: var(--_typography--type-scale---type-h4-line-height);
  transition: opacity .2s;
}

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

.dropdown-links-small {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dropdown-links-small-title {
  opacity: .5;
}

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

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

.dropdown-link-detailed {
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  flex-flow: column;
  display: flex;
}

.dropdown-hover-box {
  padding: var(--_spacing--gap---gap-4);
  border-radius: var(--_border-radius---radius-small);
  transition: background-color .2s;
}

.dropdown-hover-box:hover {
  background-color: var(--_colors--surface---surface-1);
}

.dropdown-link-block {
  width: 100%;
  padding: var(--_spacing--gap---gap-3) var(--_spacing--gap---gap-4);
  border-radius: var(--_border-radius---radium-extra-small);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  transition: background-color .2s, opacity .2s;
  display: flex;
}

.dropdown-link-block:hover {
  background-color: var(--_colors--surface---surface-2);
  opacity: 1;
}

.dropdown-wide-body {
  width: 100%;
  padding: var(--_spacing--gap---gap-6);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--dropdown---dropdown-background);
  box-shadow: 0 2px 12px #0000001a;
}

.dropdown-wide-layout-1 {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hide {
  display: none;
}

.dropdown-wide-rows {
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.dropdown-cta {
  width: 100%;
  padding: var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--core---neutral-1000);
  color: var(--_colors--core---neutral-0);
  text-align: left;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown-menus-grid {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-group {
  width: 100%;
  max-width: var(--_grid---column-6);
  padding: var(--_spacing--gap---gap-4);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--dropdown---dropdown-background);
  box-shadow: 0 2px 12px #0000001a;
}

.dropdown-group-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-small {
  width: 100%;
  max-width: var(--_grid---column-3);
  padding: var(--_spacing--gap---gap-2);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--dropdown---dropdown-background);
  box-shadow: 0 2px 12px #0000001a;
}

.border {
  background-color: var(--_colors--border---border-default);
  width: 100%;
  height: 1px;
}

.border.dropdown-divider {
  margin-top: var(--_spacing--gap---gap-1);
  margin-bottom: var(--_spacing--gap---gap-1);
}

.dropdown-offset {
  position: relative;
  top: 19px;
}

.dropdown-offset.below-island {
  top: 12px;
}

.dropdown-offset.below-bg-nav {
  top: 31px;
}

.dropdown-wrap.w--open {
  background-color: #0000;
}

.dropdown-wrap.right.w--open {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  right: 0;
}

.nav-layout-2 {
  height: var(--_navigation---navbar-height);
  grid-column-gap: var(--_navigation---navbar-items-gap);
  grid-row-gap: var(--_navigation---navbar-items-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
  position: relative;
}

.nav-logo-link-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-logo-link-wrap.align-center {
  justify-content: center;
  align-items: center;
}

.navbars {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  border-radius: var(--_border-radius---radius-small);
  flex-flow: column-reverse;
  display: flex;
  overflow: hidden;
}

.nav-layout-3 {
  height: var(--_navigation---navbar-height);
  grid-column-gap: var(--_navigation---navbar-items-gap);
  grid-row-gap: var(--_navigation---navbar-items-gap);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-layout-4 {
  height: var(--_navigation---navbar-height);
  padding-right: var(--_navigation---navbar-notch-padding);
  padding-left: var(--_navigation---navbar-notch-padding);
  grid-column-gap: var(--_navigation---navbar-items-gap);
  grid-row-gap: var(--_navigation---navbar-items-gap);
  border-bottom-left-radius: var(--_navigation---navbar-notch-radius);
  border-bottom-right-radius: var(--_navigation---navbar-notch-radius);
  background-color: var(--_colors--surface---surface-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  transition: background-color .2s;
  display: grid;
  position: relative;
}

.nav-island {
  height: var(--_navigation---navbar-height);
  max-width: var(--_navigation---navbar-island-width);
  padding-right: var(--_spacing--gap---gap-5);
  padding-left: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_navigation---navbar-items-gap);
  grid-row-gap: var(--_navigation---navbar-items-gap);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--surface---surface-2);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  transition: background-color .2s;
  display: flex;
}

.footer-menu {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-menu-heading {
  opacity: .5;
}

.footer-menu-link {
  transition: opacity .2s;
}

.footer-menu-link:hover {
  opacity: .5;
}

.color-scheme-toggle {
  background-color: var(--_colors--surface---surface-2);
  cursor: pointer;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.color-scheme-item {
  z-index: 1;
  padding: var(--_spacing--gap---gap-3) var(--_spacing--gap---gap-4);
  border-radius: 200px;
  position: relative;
}

.active-toggle {
  transform: translate(100%);
}

.color-scheme-indicator {
  background-color: var(--_colors--surface---surface-4);
  border-radius: 200px;
  width: 50%;
  height: 100%;
  transition: transform .2s;
  position: absolute;
  left: 0;
}

.footer-disclaimer-text {
  color: var(--_colors--text---text-body-muted);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
}

.footer-copyright-area {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.footer-copyright-area.thirds {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-copyright-text {
  color: var(--_colors--text---text-body-muted);
}

.footer-copyright-link {
  color: var(--_colors--text---text-body-muted);
  transition: color .2s;
}

.footer-copyright-link:hover {
  color: var(--_colors--text---text-body);
}

.social-links-horizontal {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-links-horizontal.align-left {
  justify-content: flex-start;
  align-items: center;
}

.social-links-horizontal.tight-spacing {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
}

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

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

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

.social-link.circle:hover {
  background-color: var(--_colors--surface---surface-3);
  opacity: 1;
}

.social-links-labelled-horizontal {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-link-labelled {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.social-link-labelled:hover {
  opacity: .5;
}

.style-guide-section {
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 4fr 8fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.style-guide-section-title {
  font-size: var(--_typography--type-scale---type-lead);
  line-height: var(--_typography--type-scale---type-lead-line-height);
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.form-input-text {
  height: var(--_form---text-input-height);
  padding: 0px var(--_form---text-input-padding);
  border: 1px solid var(--_colors--form---text-input-border-color);
  border-radius: var(--_form---text-input-radius);
  color: var(--_colors--text---text-body);
  font-size: var(--_typography--type-scale---type-body);
  line-height: var(--_typography--type-scale---type-body-line-height);
  background-color: #0000;
  margin-bottom: 0;
  transition: border-color .2s;
}

.form-input-text:focus {
  border-color: var(--_colors--form---text-input-border-color-focused);
}

.form-input-text.text-area {
  min-height: 200px;
  padding-top: var(--_form---text-input-padding);
  padding-bottom: var(--_form---text-input-padding);
}

.form-input-text.search-modal-input {
  background-color: var(--_colors--surface---surface-1);
  box-shadow: 0 2px 12px #0003;
}

.form-labelled-input {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.form-input-select-wrap {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.form-input-select {
  height: var(--_form---text-input-height);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--_form---text-input-padding);
  border: 1px solid var(--_colors--form---text-input-border-color);
  border-radius: var(--_form---text-input-radius);
  color: var(--_colors--text---text-body);
  font-size: var(--_typography--type-scale---type-body);
  line-height: var(--_typography--type-scale---type-body-line-height);
  cursor: pointer;
  background-color: #0000;
  margin-bottom: 0;
  transition: border-color .2s;
}

.form-input-select:focus {
  border-color: var(--_colors--form---text-input-border-color-focused);
}

.form-input-select-icon-wrap {
  padding-right: var(--_form---text-input-padding);
  background-color: var(--_colors--surface---surface-1);
  pointer-events: none;
  transition: background-color .2s;
  position: absolute;
  right: 1px;
}

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

.form-checkbox {
  width: var(--_form---checkbox-input-size);
  height: var(--_form---checkbox-input-size);
  border: 1px solid var(--_colors--form---text-input-border-color);
  border-radius: var(--_border-radius---radium-extra-small);
  margin-top: 0;
  margin-left: 0;
}

.form-checkbox.w--redirected-checked {
  border-color: var(--_colors--form---text-input-border-color);
  background-color: var(--_colors--surface---surface-offset);
  background-image: url('../images/icon-master-checkbox-white.svg');
  background-position: 50%;
  background-size: auto;
  margin-top: 0;
  margin-left: 0;
}

.form-checkbox.w--redirected-focus {
  border-color: var(--_colors--form---text-input-border-color-focused);
}

.form-checkbox-label {
  opacity: 1;
  color: var(--_colors--text---text-body);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
}

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

.form-radio {
  width: var(--_form---radio-input-size);
  height: var(--_form---radio-input-size);
  border: 1px solid var(--_colors--form---text-input-border-color);
  margin-top: 0;
  margin-left: 0;
}

.form-radio.w--redirected-checked {
  border-color: var(--_colors--surface---surface-flip);
  background-color: var(--_colors--surface---surface-1);
}

.form-radio.w--redirected-focus {
  border-color: var(--_colors--form---text-input-border-color-focused);
}

.form {
  position: relative;
}

.form.single-input-form {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.form.horizontal-form {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  display: flex;
}

.submit-button-ghost {
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.submit-button-ghost-wrap {
  padding: var(--_form---text-input-padding);
  position: absolute;
  right: 1px;
}

.form-success {
  padding: var(--_spacing--gap---gap-5) var(--_spacing--gap---gap-4);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--status---status-success);
}

.form-error {
  margin-top: var(--_spacing--gap---gap-5);
  padding: var(--_spacing--gap---gap-5) var(--_spacing--gap---gap-4);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--status---status-failure);
  color: var(--_colors--core---neutral-0);
  text-align: center;
}

.form-with-disclaimer {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  flex-flow: column;
  display: flex;
}

.form-disclaimer-text {
  color: var(--_colors--text---text-body-muted);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
}

.footer-subscribe-title {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
  flex-flow: column;
  display: flex;
}

.changelog-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.license-links {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.license-photos {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.typeface-demo {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  flex-flow: column;
  display: flex;
}

.typeface-demo-item {
  font-size: var(--_typography--type-scale---type-display);
  line-height: var(--_typography--type-scale---type-h1-line-height);
}

.typeface-demo-grid {
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.iconography-demo-grid {
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: flex;
}

.tile-button {
  height: var(--_tiles--button---tile-button-height);
  padding-right: var(--_tiles--button---tile-button-padding);
  padding-left: var(--_tiles--button---tile-button-padding);
  border: var(--_tiles--button---tile-button-border-size) solid var(--_tiles--color---tile-button-background);
  border-radius: var(--_tiles--button---tile-button-radius);
  background-color: var(--_tiles--color---tile-button-background);
  font-family: var(--_tiles--button---tile-button-typeface);
  color: var(--_tiles--color---tile-button-text-color);
  font-size: var(--_tiles--text---tile-button-text-size);
  line-height: var(--_typography--type-scale---type-small-line-height);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.tile-button.pill {
  height: var(--_tiles--button---tile-button-pill-height);
  padding-right: var(--_tiles--button---tile-button-pill-padding);
  padding-left: var(--_tiles--button---tile-button-pill-padding);
  border-radius: var(--_tiles--button---tile-button-pill-radius);
  align-self: auto;
}

.tile-checkbox {
  border: 1px solid var(--_colors--border---border-default);
  border-radius: var(--_border-radius---radius-small);
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.tile-rounded-icon {
  background-color: var(--_tiles--surface---tile-surface-2);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
}

.tile-rounded-icon.bg-success {
  background-color: var(--_colors--status---status-success);
}

.tile-switch {
  background-color: var(--_colors--surface---surface-3);
  border-radius: 200px;
  justify-content: flex-start;
  align-items: center;
  width: 42px;
  height: 20px;
  padding: 3px;
  display: flex;
}

.tile-switch.active {
  background-color: var(--_colors--surface---surface-flip);
  justify-content: flex-end;
  align-items: center;
}

.tile-switch-indicator {
  background-color: var(--_colors--surface---surface-1);
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.tile-toggle-icons {
  border-radius: var(--_tiles---tile-inner-radius);
  background-color: var(--_colors--surface---surface-2);
  padding: 3px;
  display: flex;
}

.toggle-icon-wrap {
  opacity: .5;
  padding: 6px 9px;
}

.toggle-icon-wrap.active {
  border-radius: var(--_border-radius---radium-extra-small);
  background-color: var(--_tiles--surface---tile-surface-1);
  opacity: 1;
}

.tile-dropdown-arrow {
  background-color: var(--_colors--surface---surface-3);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.tile-check-cricle {
  background-color: var(--_tiles--surface---tile-surface-offset);
  width: 22px;
  height: 22px;
  color: var(--_tiles--surface---tile-surface-1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tile-check-cricle.surface-1 {
  background-color: var(--_tiles--surface---tile-surface-1);
}

.tile-check-cricle.surface-3 {
  background-color: var(--_tiles--surface---tile-surface-3);
}

.tile {
  width: var(--_tiles---tile-square-size);
  min-height: var(--_tiles---tile-square-size);
  padding: var(--_tiles---tile-padding-medium);
  border-radius: var(--_tiles---tile-radius);
  background-color: var(--_tiles--surface---tile-surface-1);
  font-family: var(--_tiles--text---tile-typeface);
  font-size: var(--_tiles--text---tile-small-text-size);
  line-height: var(--_tiles--text---tile-small-line-height);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.tile.portion {
  min-height: auto;
  padding-top: var(--_tiles---tile-padding-small);
  padding-bottom: var(--_tiles---tile-padding-small);
}

.tile.portion.default-padding {
  padding-top: var(--_tiles---tile-padding-medium);
  padding-bottom: var(--_tiles---tile-padding-medium);
}

.tile.portion.tile-tabs {
  padding: var(--_spacing--gap---gap-2);
  flex-flow: row;
}

.tile.portion.tile-tabs-nested {
  width: 100%;
  padding: var(--_spacing--gap---gap-2);
  border-radius: var(--_tiles---tile-inner-radius);
  background-color: var(--_tiles--surface---tile-surface-2);
  flex-flow: row;
}

.tile.card {
  min-height: auto;
  padding-top: var(--_tiles---tile-padding-small);
  padding-bottom: var(--_tiles---tile-padding-small);
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  background-color: var(--_tiles--surface---tile-surface-offset);
  color: var(--_tiles--surface---tile-surface-1);
}

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

.tile.tile-charge-bar-wrap {
  min-height: auto;
  padding: 0;
}

.tile-title {
  flex-flow: column;
  display: flex;
}

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

.tile-title-text {
  font-size: var(--_tiles--text---tile-title-text-size);
  line-height: var(--_tiles--text---tile-title-line-height);
}

.tile-title-text.muted-heading {
  color: var(--_tiles--color---tile-text-muted);
}

.tile-company-logo {
  border-radius: var(--_border-radius---radius-small);
  width: 42px;
  height: 42px;
}

.tile-company-logo.small {
  width: 36px;
  height: 36px;
}

.tile-avatar {
  border-radius: var(--_border-radius---radius-small);
  width: 36px;
  height: 36px;
}

.tile-avatar.xlarge {
  width: 60px;
  height: 60px;
}

.tile-avatar.large {
  width: 42px;
  height: 42px;
}

.tile-content {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tile-content.person {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
}

.tile-content.space-between {
  justify-content: space-between;
}

.tile-content.space-between.align-top {
  justify-content: space-between;
  align-items: flex-start;
}

.tile-content.message {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  justify-content: flex-start;
  align-items: flex-start;
}

.tile-content.gap-6 {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
}

.tile-content.gap-3 {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
}

.tile-content.gap-2 {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
}

.tile-content.tile-clock-wrap {
  justify-content: space-between;
  align-items: flex-end;
}

.tile-content.waypoints {
  padding-bottom: var(--_spacing--gap---gap-6);
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
}

.muted-tile-text {
  color: var(--_tiles--color---tile-text-muted);
}

.tile-content-vertical {
  flex-flow: column;
  display: flex;
}

.tile-content-vertical.gap-4 {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
}

.tile-content-vertical.gap-1 {
  grid-column-gap: var(--_spacing--gap---gap-1);
  grid-row-gap: var(--_spacing--gap---gap-1);
}

.tile-content-vertical.gap-3 {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
}

.tile-content-vertical.gap-group {
  grid-column-gap: var(--_tiles---tile-group-gap);
  grid-row-gap: var(--_tiles---tile-group-gap);
}

.tile-content-vertical.gap-2 {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
}

.tile-content-vertical.align-center {
  justify-content: flex-start;
  align-items: center;
}

.tile-content-vertical.gap-6 {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
}

.tile-content-vertical.gap-5 {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
}

.tile-content-vertical.gap-8 {
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
}

.tile-card-muted {
  opacity: .5;
}

.tile-text-body {
  font-size: var(--_tiles--text---tile-body-text-size);
  line-height: var(--_tiles--text---tile-body-line-height);
}

.sidebar-layout {
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 4fr 8fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: flex;
  position: relative;
}

.sidebar {
  max-width: var(--_grid---column-4);
  flex: 1;
}

.sidebar.sticky {
  top: var(--_spacing--gap---gap-6);
  position: sticky;
}

.sidebar.sticky.under-nav {
  top: var(--_spacing--gap---gap-11);
}

.sidebar.sticky-below-nav {
  top: var(--_spacing--gap---gap-12);
  position: sticky;
}

.sidebar.occupy-half {
  max-width: var(--_grid---column-6);
}

.sidebar-layout-content {
  flex: 1;
}

.sidebar-tab-links {
  font-size: var(--_typography--type-scale---type-h5);
  line-height: var(--_typography--type-scale---type-h5-line-height);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sidebar-tab-link {
  opacity: .5;
  transition: opacity .2s;
}

.sidebar-tab-link:hover, .sidebar-tab-link.w--current {
  opacity: 1;
}

.tile-category-wrap {
  padding-top: var(--_spacing--gap---gap-12);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  display: flex;
}

.tile-category-wrap.first {
  padding-top: 0;
}

.tile-category-title {
  max-width: var(--_grid---column-6);
  font-size: var(--_typography--type-scale---type-lead);
  line-height: var(--_typography--type-scale---type-lead-line-height);
}

.tile-collection {
  padding-top: var(--_spacing--gap---gap-8);
  padding-bottom: var(--_spacing--gap---gap-8);
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_tiles--surface---tile-surface-2);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tile-categories {
  flex-flow: column;
  display: flex;
}

.tile-process-small {
  grid-column-gap: var(--_spacing--gap---gap-1);
  grid-row-gap: var(--_spacing--gap---gap-1);
  justify-content: center;
  align-items: center;
  display: flex;
}

.tile-content-boxed {
  padding: var(--_spacing--gap---gap-3);
  border-radius: var(--_tiles---tile-inner-radius);
  background-color: var(--_tiles--surface---tile-surface-2);
}

.tile-tab-item {
  padding-top: var(--_spacing--gap---gap-3);
  padding-bottom: var(--_spacing--gap---gap-3);
  border-radius: var(--_tiles---tile-inner-radius);
  font-family: var(--_tiles--button---tile-button-typeface);
  color: var(--_tiles--color---tile-text-muted);
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tile-tab-item.active {
  background-color: var(--_tiles--surface---tile-surface-offset);
  color: var(--_tiles--surface---tile-surface-1);
}

.tile-tab-item.child {
  border-radius: var(--_tiles---tile-inner-radius-child);
}

.tile-rocker {
  width: 96px;
  padding-top: var(--_spacing--gap---gap-2);
  padding-right: var(--_spacing--gap---gap-2);
  padding-left: var(--_spacing--gap---gap-2);
  border-radius: var(--_tiles---tile-inner-radius);
  background-color: var(--_tiles--surface---tile-surface-2);
  flex-flow: column;
  display: flex;
}

.tile-rocker-half {
  border-radius: var(--_tiles---tile-inner-radius-child);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
}

.tile-rocker-half.active {
  background-color: var(--_tiles--surface---tile-surface-offset);
}

.tile-rocker-on {
  background-color: var(--_tiles--surface---tile-surface-1);
  border-radius: 10px;
  width: 2px;
  height: 12px;
}

.tile-rocker-off {
  border: 2px solid var(--_tiles--surface---tile-surface-offset);
  opacity: .5;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.tile-transport-controls {
  background-color: var(--_tiles--surface---tile-surface-2);
  border-radius: 100px;
  align-self: flex-start;
  display: flex;
}

.tile-transport-item {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.tile-transport-item.active {
  background-color: var(--_tiles--surface---tile-surface-offset);
  color: var(--_tiles--surface---tile-surface-1);
}

.tile-group {
  grid-column-gap: var(--_tiles---tile-group-gap);
  grid-row-gap: var(--_tiles---tile-group-gap);
  flex-flow: column;
  display: flex;
  position: relative;
}

.tile-charge-bar {
  max-width: 80%;
  padding: var(--_tiles---tile-padding-medium) var(--_tiles---tile-padding-small);
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  border-radius: var(--_tiles---tile-radius);
  background-color: var(--_tiles--surface---tile-surface-offset);
  color: var(--_tiles--surface---tile-surface-1);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tile-phases-wrap {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.tile-phase-item {
  border-radius: var(--_border-radius---radium-extra-small);
  background-color: var(--_tiles--surface---tile-surface-2);
  flex: 1;
  max-width: 96px;
  height: 12px;
  min-height: 12px;
  position: relative;
}

.tile-phase-item.full {
  background-color: var(--_colors--surface---surface-offset);
  max-width: 100%;
}

.tile-phase-progress {
  border-radius: var(--_border-radius---radium-extra-small);
  background-color: var(--_tiles--surface---tile-surface-offset);
  width: 50%;
  height: 100%;
  position: absolute;
}

.tile-progress-bar {
  height: var(--_tiles--progress-bar---tile-progress-bar-height);
  border-radius: var(--_tiles--progress-bar---tile-progress-bar-radius);
  background-color: var(--_tiles--surface---tile-surface-2);
  position: relative;
}

.tile-progress-filled {
  border-radius: var(--_tiles--progress-bar---tile-progress-bar-radius);
  background-color: var(--_tiles--surface---tile-surface-offset);
  width: 40%;
  height: 100%;
  position: absolute;
}

.tile-bar-group-wrap {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.tile-bar-item-wrap {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  text-align: center;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.tile-bar-graph {
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_tiles--surface---tile-surface-2);
  width: 100%;
  min-height: 24px;
}

.tile-bar-graph.bar-2 {
  height: 48px;
}

.tile-bar-graph.bar-3 {
  height: 72px;
}

.tile-bar-graph.bar-4 {
  height: 54px;
}

.tile-bar-graph.bar-5 {
  background-color: var(--_tiles--surface---tile-surface-offset);
  height: 96px;
}

.tile-bar-graph.bar-6 {
  height: 84px;
}

.tile-bar-graph-label {
  opacity: .5;
}

.tile-phase-portion {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  flex-flow: column;
  flex: 1;
  display: flex;
}

.tile-phase-portion.first {
  min-width: 120px;
}

.tile-contained-bar {
  padding: var(--_spacing--gap---gap-2);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_tiles--surface---tile-surface-2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tile-contained-bar.bar-1 {
  max-width: 140px;
}

.tile-contained-bar.bar-3 {
  max-width: 90px;
}

.tile-contained-bar.full {
  background-color: var(--_tiles--surface---tile-surface-offset);
  color: var(--_tiles--surface---tile-surface-1);
}

.tile-heatmap {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.tile-heatmap.sparse {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.tile-heatmap-item {
  border-radius: var(--_border-radius---radium-extra-small);
  background-color: var(--_tiles--surface---tile-surface-2);
  width: 100%;
  height: 16px;
}

.tile-heatmap-item.surface-3 {
  background-color: var(--_tiles--surface---tile-surface-3);
}

.tile-heatmap-item.surface-offset {
  background-color: var(--_tiles--surface---tile-surface-offset);
}

.tile-heatmap-item.ghost-item {
  background-color: var(--_tiles--surface---tile-surface-1);
}

.tile-clock {
  background-color: var(--_tiles--surface---tile-surface-2);
  border-radius: 50%;
  width: 96px;
  height: 96px;
  position: relative;
}

.tile-clock-hour-hand {
  background-color: var(--_tiles--surface---tile-surface-offset);
  transform-origin: 50% 0;
  border-radius: 100px;
  width: 4px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(285deg)translate(-50%);
}

.tile-clock-minute-hand {
  z-index: 1;
  background-color: var(--_tiles--surface---tile-surface-3);
  transform-origin: 50% 0;
  border-radius: 100px;
  width: 4px;
  height: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}

.tile-segment-graph {
  justify-content: space-between;
  display: flex;
}

.tile-segment-item {
  background-color: var(--_tiles--surface---tile-surface-2);
  border-radius: 100px;
  width: 3px;
  height: 24px;
}

.tile-segment-item.full {
  background-color: var(--_tiles--surface---tile-surface-offset);
}

.tile-gant-item {
  border-radius: var(--_border-radius---radium-extra-small);
  background-color: var(--_tiles--surface---tile-surface-2);
  height: 18px;
}

.tile-gant-item.item-1 {
  max-width: 48px;
}

.tile-gant-item.item-2 {
  background-color: var(--_tiles--surface---tile-surface-offset);
  max-width: 48px;
  margin-left: 48px;
}

.tile-gant-item.item-3 {
  margin-left: 96px;
}

.tile-waypoint-item {
  background-color: var(--_tiles--surface---tile-surface-3);
  border-radius: 100px;
  flex: 1;
  height: 9px;
}

.tile-waypoint-item.circle {
  max-width: 9px;
}

.tile-waypoint-item.circle.full {
  background-color: var(--_tiles--surface---tile-surface-offset);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.tile-waypoint-item.large {
  background-color: var(--_tiles--surface---tile-surface-offset);
  min-width: 96px;
}

.tile-waypoint-label {
  white-space: nowrap;
  position: absolute;
  top: 100%;
  transform: translate(0, 4px);
}

.tile-location-item {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tile-location-item.align-bottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.tile-location-segment {
  background-color: var(--_tiles--surface---tile-surface-3);
  justify-content: center;
  align-items: flex-start;
  height: 48px;
  padding: 3px;
  display: flex;
}

.tile-location-segment.top {
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
}

.tile-location-segment.align-bottom {
  justify-content: center;
  align-items: flex-end;
  height: 42px;
}

.tile-location-segment.align-bottom.round-bottom {
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
}

.tile-location-segment-circle {
  background-color: var(--_tiles--surface---tile-surface-1);
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.tile-location-segment-circle.full {
  background-color: var(--_tiles--surface---tile-surface-offset);
}

.progress-filled-label {
  opacity: .5;
  text-align: right;
  position: absolute;
  right: 0;
  transform: translate(0, -24px);
}

.tile-process-line {
  background-color: var(--_tiles--surface---tile-surface-3);
  border-radius: 100px;
  flex: 1;
  height: 6px;
}

.tile-process-line.full {
  background-color: var(--_tiles--surface---tile-surface-offset);
}

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

.template-navigator {
  z-index: 99;
  padding: var(--_spacing--gap---gap-1) var(--_spacing--gap---gap-2) var(--_spacing--gap---gap-1) var(--_spacing--gap---gap-1);
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  bottom: 18px;
  left: 18px;
}

.template-navigator-dropdown-toggle {
  color: var(--_colors--text---text-body);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  font-variation-settings: "wght" 420;
  border-radius: calc(var(--_border-radius---radius-medium)  - var(--_spacing--gap---gap-1));
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 9px;
  transition-property: background-color;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
}

.template-navigator-dropdown-toggle:hover {
  background-color: var(--_colors--surface---surface-3);
}

.template-navigator-figma-link {
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--surface---surface-flip);
  justify-content: center;
  align-items: center;
  padding: 6px 9px;
  display: flex;
}

.template-navigator-figma-icon {
  width: 20px;
  height: 20px;
}

.template-navigator-dropdown-list {
  bottom: 100%;
}

.template-navigator-dropdown-list.w--open {
  background-color: #0000;
}

.template-navigator-pages-wrap {
  width: var(--_grid---column-8);
  max-height: 500px;
  padding: var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  position: relative;
  bottom: 18px;
  left: -12px;
  overflow: scroll;
  box-shadow: 0 2px 9px #00000026;
}

.template-navigator-pages-wrap.small {
  width: var(--_grid---column-3);
  background-color: #0000;
  border-radius: 0;
  padding: 0;
}

.template-navigator-pages-grid {
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.template-navigator-page-link {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  flex-flow: column;
  display: flex;
}

.template-navigator-page-image {
  aspect-ratio: 3 / 2;
  border-radius: var(--_border-radius---radium-extra-small);
  object-fit: cover;
  object-position: 50% 0%;
  min-width: 100%;
  height: auto;
}

.form-rows {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  display: flex;
}

.form-pair {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.marquee-left {
  flex-flow: row;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-group {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  flex-flow: row;
  flex: none;
  display: flex;
}

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

.marquee-items.logos {
  padding-right: var(--_spacing--gap---gap-11);
  grid-column-gap: var(--_spacing--gap---gap-11);
  grid-row-gap: var(--_spacing--gap---gap-11);
}

.marquee-items.icons-list {
  padding-right: var(--_spacing--gap---gap-2);
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
}

.scrim {
  background-image: linear-gradient(90deg, var(--_colors--surface---surface-1), var(--_colors--surface---surface-1-transparent) 10%, var(--_colors--surface---surface-1-transparent) 90%, var(--_colors--surface---surface-1));
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.scrim.small {
  background-image: linear-gradient(90deg, var(--_colors--surface---surface-1), var(--_colors--surface---surface-1-transparent) 5%, var(--_colors--surface---surface-1-transparent) 95%, var(--_colors--surface---surface-1));
}

.marquee-right {
  flex-flow: row-reverse;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.link-underline {
  text-decoration: underline;
  transition: opacity .2s;
}

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

.dismiss-announcement-bar {
  cursor: pointer;
  padding: 6px;
  transition: transform .2s;
}

.dismiss-announcement-bar:hover {
  transform: rotate(90deg);
}

.pricing-plan {
  min-height: 476px;
  padding: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.pricing-plan.unboxed {
  background-color: #0000;
  border-radius: 0;
  padding: 0;
}

.pricing-plan.square-borders {
  border-radius: 0;
  flex: 1;
}

.list-item {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bullet {
  background-color: var(--_colors--icon---icon-color-default);
  width: 6px;
  height: 6px;
}

.comparison-table-wrap {
  flex-flow: column;
  display: flex;
}

.comparison-table-row {
  padding-top: var(--_spacing--gap---gap-7);
  padding-bottom: var(--_spacing--gap---gap-7);
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.comparison-table-row.header {
  padding-top: var(--_spacing--gap---gap-5);
  padding-bottom: var(--_spacing--gap---gap-5);
  border-bottom: 1px solid var(--_colors--border---border-default);
}

.comparison-table-row.three {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.comparison-header-description {
  opacity: .5;
}

.comparison-item-description {
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  flex-flow: column;
  display: flex;
}

.plan-indicator-included {
  background-color: var(--_colors--status---status-success);
  width: 9px;
  height: 9px;
}

.plan-indicator-wrap {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-indicator-excluded {
  background-color: var(--_colors--icon---icon-color-default);
  opacity: .25;
  border-radius: 100px;
  width: 24px;
  height: 4px;
}

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

.content-grid-wrap {
  width: 100%;
  max-width: var(--_grid---column-5);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-text-stack {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.icon-text-stack.boxed {
  padding: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  transition: background-color .2s;
}

.boxed-icon {
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--surface---surface-3);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: background-color .2s;
  display: flex;
}

.boxed-icon.large {
  width: 66px;
  height: 66px;
}

.icon-text-row {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-text-row.bordered {
  padding-bottom: var(--_spacing--gap---gap-7);
  border-bottom: 1px solid var(--_colors--border---border-default);
}

.icon-text-row.boxed {
  padding: var(--_spacing--gap---gap-7) var(--_spacing--gap---gap-6);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  transition: background-color .2s;
}

.icon-text-row.boxed:hover {
  background-color: var(--_colors--surface---surface-3);
}

.icon-with-label {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-with-label.boxed {
  padding: var(--_spacing--gap---gap-2) var(--_spacing--gap---gap-4) var(--_spacing--gap---gap-2) var(--_spacing--gap---gap-3);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--surface---surface-3);
  flex: none;
  transition: background-color .2s;
}

.icon-with-label.boxed.glass-bg {
  background-color: var(--_colors--motif---motif-glass);
  -webkit-backdrop-filter: blur(var(--_motif---motif-glass-blur-amount));
  backdrop-filter: blur(var(--_motif---motif-glass-blur-amount));
  color: var(--_colors--motif---motif-text-on-glass);
}

.icon-with-label.nav-link {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
}

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

.article h5 {
  margin-top: var(--_spacing--gap---gap-5);
}

.article ul, .article ol {
  margin-bottom: var(--_spacing--gap---gap-4);
}

.article figure {
  margin-top: var(--_spacing--gap---gap-6);
  margin-bottom: var(--_spacing--gap---gap-6);
}

.article blockquote {
  margin-top: var(--_spacing--gap---gap-6);
  margin-bottom: var(--_spacing--gap---gap-6);
  padding: var(--_spacing--gap---gap-8) 5vw;
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--surface---surface-2);
  font-size: var(--_typography--type-scale---type-lead);
  line-height: var(--_typography--type-scale---type-lead-line-height);
  border-left-style: none;
}

.article.terms h4 {
  font-size: var(--_typography--type-scale---type-h5);
  line-height: var(--_typography--type-scale---type-h5-line-height);
}

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

.accordion-item-wrap {
  border-bottom: 1px solid var(--_colors--border---border-default);
}

.accordion-title-wrap {
  padding-top: var(--_spacing--gap---gap-5);
  padding-bottom: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  opacity: 1;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.accordion-title-wrap:hover {
  opacity: .7;
}

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

.accordion-content {
  padding-top: var(--_spacing--gap---gap-6);
  padding-bottom: var(--_spacing--gap---gap-9);
  color: var(--_colors--text---text-body-muted);
}

.slide-nav {
  bottom: var(--_spacing--gap---gap-5);
  height: 8px;
  padding-top: 0;
  font-size: 8px;
  line-height: 1em;
}

.slider-button {
  right: var(--_spacing--gap---gap-5);
  background-color: var(--_colors--surface---surface-1);
  width: 36px;
  height: 36px;
  color: var(--_colors--icon---icon-color-default);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-button.bottom-left {
  background-color: var(--_colors--surface---surface-2);
  margin-top: 0;
  margin-bottom: 0;
  transition-property: background-color;
  transition-duration: .2s;
  transition-timing-function: ease;
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  right: auto;
}

.slider-button.bottom-left:hover {
  background-color: var(--_colors--surface---surface-3);
}

.slider-button.bottom-left.next {
  left: 42px;
}

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

.tabs-menu {
  margin-bottom: var(--_spacing--gap---gap-4);
  display: flex;
}

.tabs-menu.boxed {
  padding: var(--_spacing--gap---gap-2);
  background-color: var(--_colors--surface---surface-2);
  border-radius: 200px;
  align-self: flex-start;
}

.tabs-menu.boxed.inside-bento {
  z-index: 3;
  margin-bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.tabs-menu.boxed.centered {
  margin-left: auto;
  margin-right: auto;
}

.tab-link {
  padding: var(--_spacing--gap---gap-2) var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
  color: var(--_colors--text---text-body);
  background-color: #0000;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  transition: background-color .2s;
  display: flex;
}

.tab-link.w--current {
  background-color: var(--_colors--surface---surface-4);
}

.tabs-content {
  flex: 1;
  align-self: stretch;
}

.search-results-wrap {
  max-width: var(--_grid---column-8);
  grid-column-gap: var(--_spacing--gap---gap-11);
  grid-row-gap: var(--_spacing--gap---gap-11);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.search-form {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  margin-bottom: 0;
  display: flex;
}

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

.search-result-url {
  opacity: .5;
}

.search-result-item {
  margin-bottom: var(--_spacing--gap---gap-6);
  padding-bottom: var(--_spacing--gap---gap-6);
  border-bottom: 1px solid var(--_colors--border---border-default);
}

.trigger-search-modal {
  cursor: pointer;
}

.search-modal-wrap {
  z-index: 9999;
  width: 100%;
  height: 100%;
  padding-top: var(--_spacing--gap---gap-10);
  padding-right: var(--_grid---gutter-window);
  padding-left: var(--_grid---gutter-window);
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

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

.search-modal-content-wrap {
  width: 100%;
  max-width: var(--_grid---column-8);
  position: relative;
}

.search-form-wrap {
  width: 100%;
  max-width: var(--_grid---column-8);
  border-radius: var(--_form---text-input-radius);
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 2px 12px #0003;
}

.footer-1 {
  padding-top: var(--_spacing--section---section-padding-medium);
  padding-bottom: var(--_spacing--section---section-padding-medium);
}

.footer-1-wrap {
  grid-column-gap: var(--_spacing--gap---gap-11);
  grid-row-gap: var(--_spacing--gap---gap-11);
  flex-flow: column;
  display: flex;
}

.footer-1-main-wrap {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  display: flex;
}

.motif-strip-box {
  border-radius: var(--_border-radius---radius-medium);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.footer-1-box {
  padding: var(--_spacing--gap---gap-7) var(--_spacing--gap---gap-7) var(--_spacing--gap---gap-14);
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_spacing--gap---gap-8);
  background-color: var(--_colors--surface---surface-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  transition: background-color .2s;
  display: grid;
}

.footer-logomark {
  width: 72px;
  height: 72px;
}

.motif-strip {
  width: 100%;
  height: var(--_motif---motif-strip-height);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.motif-strip:where(.w-variant-5b8b6c4a-0230-40a4-bb30-6e3939dd5b05) {
  justify-content: flex-start;
  align-items: center;
}

.motif-strip:where(.w-variant-4467ec6f-c6de-d782-03d3-d910e4bedb56) {
  justify-content: flex-start;
  align-items: flex-end;
}

.motif-strip-image {
  min-width: var(--_grid---column-8);
}

.section-content {
  grid-column-gap: var(--_spacing--gap---gap-10);
  grid-row-gap: var(--_spacing--gap---gap-10);
  flex-flow: column;
  display: flex;
}

.section-content.tight-spacing {
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
}

.section-content.tight-spacing.text-center {
  justify-content: flex-start;
  align-items: center;
}

.section-content.feature-snapshot {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
}

.section-content.customer-intro {
  justify-content: flex-start;
  align-items: center;
}

.hero-stack {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  display: flex;
}

.hero-stack.align-center {
  justify-content: flex-start;
  align-items: center;
}

.hero-stack.align-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.hero-stack.narrow {
  width: 100%;
  max-width: var(--_grid---column-6);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.title {
  flex-flow: column;
  display: flex;
  position: relative;
}

.title.centered {
  width: 100%;
  max-width: var(--_grid---column-8);
}

.title.narrow {
  width: 100%;
  max-width: var(--_grid---column-6);
}

.title.adjacent {
  flex-flow: row;
  justify-content: space-between;
}

.title.about-3-title {
  justify-content: flex-start;
  align-items: center;
}

.bento-layout {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  border-radius: var(--_bento---bento-outer-radius);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.bento-layout._1 {
  grid-template-columns: 1fr .75fr;
}

.bento-layout._2 {
  grid-template-columns: 1fr 1fr 1fr;
}

.bento-layout._3 {
  border-radius: 12px;
  grid-template-columns: 2fr 1fr;
  min-height: 450px;
}

.bento-layout.square-edges {
  border-radius: 0;
}

.bento-layout.square-edges._3 {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  height: 450px;
  display: grid;
}

.bento-layout._4 {
  border-radius: 0;
  grid-template-columns: 1fr .75fr;
}

.bento-layout._5 {
  grid-template-columns: 1fr 2fr;
  height: 460px;
}

.bento-layout._6 {
  border-radius: 0;
  flex-flow: column;
  display: flex;
}

.bento-layout._8 {
  grid-template-columns: 1fr 1fr 1fr;
}

.bento-portrait {
  aspect-ratio: 1 / 1.333;
}

.bento-tabs {
  padding-bottom: var(--_spacing--gap---gap-4);
  background-color: var(--_colors--surface---surface-4);
  flex-flow: column-reverse;
  display: flex;
}

.bento-tabs-content {
  flex: 1;
  display: flex;
  position: static;
}

.tab-pane {
  flex: 1;
  position: static;
}

.tab-pane-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.motif-bg {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.motif-bg:where(.w-variant-6d80fc8f-ea9b-cf38-53ff-f4a20b0143b6) {
  justify-content: center;
  align-items: flex-start;
}

.motif-bg:where(.w-variant-858be324-1021-6ce9-4d82-6ee6d51769eb) {
  justify-content: flex-end;
  align-items: flex-start;
}

.motif-bg:where(.w-variant-8dd36e13-1d81-69e0-0dfd-117fdadd88ff) {
  justify-content: flex-start;
  align-items: center;
}

.motif-bg:where(.w-variant-6715d1ad-f227-3ac0-ef3e-db5399ae78a7) {
  justify-content: center;
  align-items: center;
}

.motif-bg:where(.w-variant-fcae8172-64d0-8255-14ec-643f41abe5ed) {
  justify-content: flex-end;
  align-items: center;
}

.motif-bg:where(.w-variant-65109aba-71dc-9ab5-749a-2d8626be57e5) {
  justify-content: flex-start;
  align-items: flex-end;
}

.motif-bg:where(.w-variant-7a963f12-2bc9-1f77-3bbd-85f571576953) {
  justify-content: center;
  align-items: flex-end;
}

.motif-bg:where(.w-variant-5a4631aa-71ec-e25a-2454-b47e7abf995e) {
  justify-content: flex-end;
  align-items: flex-end;
}

.motif-image {
  min-width: 1080px;
}

.motif-image:where(.w-variant-5ecaa624-7d58-4955-47e5-1cf374ef84db) {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 100%;
}

.logo-section-1 {
  grid-column-gap: var(--_spacing--gap---gap-11);
  grid-row-gap: var(--_spacing--gap---gap-11);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-row-label {
  flex: none;
}

.intro-text {
  width: 100%;
  max-width: var(--_grid---column-9);
  margin-left: auto;
  margin-right: auto;
}

.feature-box-horizontal {
  width: 100%;
  padding: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feature-box-square {
  aspect-ratio: 1;
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-3);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-box-square.inside-bento {
  border-radius: 0;
}

.feature-box-square.inside-feature-wide-box {
  width: auto;
  padding: var(--_spacing--gap---gap-6);
  aspect-ratio: auto;
  margin-left: auto;
  margin-right: auto;
}

.feature-bg-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.feature-box-wrap {
  align-self: stretch;
  width: 100%;
  position: relative;
}

.feature-link-area {
  pointer-events: none;
  width: 100%;
  position: absolute;
  top: -10vh;
}

.metric-box {
  width: 100%;
  height: auto;
  padding: var(--_spacing--gap---gap-3);
  aspect-ratio: 16 / 9;
  border-radius: var(--_border-radius---radius-medium);
  display: flex;
  position: relative;
  overflow: hidden;
}

.metric-box.wide {
  max-height: 297px;
}

.metric-slide-wrap {
  padding-right: var(--_bento---bento-grid-gap);
}

.metric-box-content-wrap {
  padding: var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--motif---motif-glass);
  -webkit-backdrop-filter: blur(var(--_motif---motif-glass-blur-amount));
  backdrop-filter: blur(var(--_motif---motif-glass-blur-amount));
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.metric-box-text {
  width: 100%;
  max-width: var(--_grid---column-4);
}

.metric-box-text.wide {
  max-width: var(--_grid---column-5);
}

.metric-box-bottom {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.metric-number-with-icon {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.metric-text {
  font-size: var(--_typography--type-scale---type-metric-text);
  line-height: var(--_typography--type-scale---type-metric-text-line-height);
  letter-spacing: -.01em;
}

.scrim-right {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--_colors--surface---surface-1-transparent), var(--_colors--surface---surface-1));
  pointer-events: none;
  width: 10vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.metric-slide-mask {
  width: var(--_grid---column-6);
  overflow: visible;
}

.slider-controls-below-wrap {
  padding-bottom: 48px;
}

.feature-grid-thirds {
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_spacing--gap---gap-8);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feature-grid-thirds.tight-gaps {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  grid-template-rows: auto;
}

.bento-item-square {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bento-item-square.align-top-left {
  padding: var(--_spacing--gap---gap-6) var(--_spacing--gap---gap-7);
  background-color: var(--_colors--surface---surface-3);
  justify-content: flex-start;
  align-items: flex-start;
}

.bento-item-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.text-white {
  color: var(--_colors--core---neutral-0);
}

.text-white.muted-opacity {
  opacity: .7;
}

.metric-atop-bento {
  max-width: var(--_grid---column-3);
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  color: var(--_colors--core---neutral-0);
  flex-flow: column;
  display: flex;
  position: relative;
}

.pricing-grid {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end stretch;
  display: grid;
}

.pricing-grid.halves {
  grid-template-columns: 1fr 1fr;
}

.pricing-list {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  flex-flow: column;
  flex: 1;
  display: flex;
}

.pricing-plan-wrap {
  border-radius: var(--_border-radius---radius-medium);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.pricing-plan-wrap.square-edges {
  border-radius: 0;
}

.badge {
  padding: var(--_spacing--gap---gap-1) var(--_spacing--gap---gap-3);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--surface---surface-3);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  transition: background-color .2s;
}

.badge:hover {
  background-color: var(--_colors--surface---surface-4);
}

.badge.pricing-badge {
  position: absolute;
  top: 12px;
  right: 12px;
}

.customer-story-wide {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.customer-story-wide.alternate-layout {
  grid-template-columns: 1fr 2fr;
}

.customer-story-square-image {
  aspect-ratio: 1;
  width: 100%;
}

.customer-wide-body {
  padding: var(--_spacing--gap---gap-6);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.customer-wide-quote {
  width: 100%;
  max-width: var(--_grid---column-5);
  flex-flow: column;
  display: flex;
}

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

.large-cta {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-2 {
  padding-top: var(--_spacing--section---section-padding-medium);
  padding-bottom: var(--_spacing--section---section-padding-medium);
}

.footer-2-wrap {
  grid-column-gap: var(--_spacing--gap---gap-11);
  grid-row-gap: var(--_spacing--gap---gap-11);
  flex-flow: column;
  display: flex;
}

.footer-2-grid {
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-2-menus {
  width: var(--_grid---column-8);
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-box-1 {
  height: 240px;
  padding: var(--_spacing--gap---gap-6) var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--core---neutral-1000);
  color: var(--_colors--core---neutral-0);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-box-text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.cta-box-button-wrap {
  align-self: flex-end;
  position: relative;
}

.cta-box-2 {
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.cta-box-2.inside-bento {
  border-radius: 0;
}

.cta-2-body {
  width: 100%;
  min-height: 300px;
  padding: var(--_spacing--gap---gap-5);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.cta-box-2-title {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.cta-box-3 {
  border-radius: var(--_border-radius---radius-medium);
  overflow: hidden;
}

.cta-box-3-body {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-box-3-image {
  aspect-ratio: 1;
  width: 100%;
}

.cta-box-3-content {
  padding: var(--_spacing--gap---gap-6);
  background-color: var(--_colors--surface---surface-2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bento-square {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
}

.bento-square.video {
  aspect-ratio: 1;
  background-color: var(--_colors--surface---surface-3);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown-cta-bg {
  opacity: .6;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.dropdown-cta-button-wrap {
  position: relative;
}

.bento-layout-wrap {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  border-radius: var(--_bento---bento-outer-radius);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

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

.bento-image-fill.portrait {
  aspect-ratio: 4 / 5.5;
}

.bento-tile-area {
  background-color: var(--_colors--surface---surface-3);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bento-tile-area.square {
  aspect-ratio: 1;
  width: 100%;
}

.bento-tile-area-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.logo-collection {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logo-collection.quarters {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.logo-collection-item {
  height: 96px;
  padding: var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--surface---surface-2);
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-list-horizontal {
  grid-column-gap: var(--_spacing--gap---gap-11);
  grid-row-gap: var(--_spacing--gap---gap-11);
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-list-horizontal.tight-spacing {
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  justify-content: flex-start;
  align-items: flex-start;
}

.tile-pair-box {
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  justify-content: center;
  align-items: center;
  height: 464px;
  display: flex;
}

.tile-connector-wrap {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  justify-content: center;
  align-items: center;
  display: flex;
}

.tile-connector-blip {
  background-color: var(--_colors--surface---surface-4);
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.quote-left {
  width: 100%;
  max-width: var(--_grid---column-9);
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  display: flex;
}

.quote-author {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.avatar {
  border-radius: var(--_border-radius---radius-small);
  width: 48px;
  height: 48px;
}

.avatar.xs, .avatar.small {
  width: 36px;
  height: 36px;
}

.avatar.team-horizontal-avatar {
  width: 72px;
  height: 72px;
}

.video-wrapper {
  padding: var(--_spacing--gap---gap-6);
  aspect-ratio: 2;
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--core---neutral-1000);
  color: var(--_colors--core---neutral-0);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-wrapper.about-3-video {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  aspect-ratio: 1;
  border-radius: 0;
  justify-content: center;
  align-items: center;
}

.video-wrapper-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.video-wrapper-bg.faded {
  opacity: .6;
}

.video-wrapper-title {
  flex-flow: column;
  display: flex;
  position: relative;
}

.lightbox-link {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.lightbox-link.overlay {
  position: absolute;
}

.button-round {
  background-color: var(--_colors--button---button-background-primary);
  width: 48px;
  height: 48px;
  color: var(--_colors--button---button-text-primary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-round.bg-white {
  background-color: var(--_colors--core---neutral-0);
  color: var(--_colors--core---neutral-950);
}

.button-round.large {
  width: 72px;
  height: 72px;
}

.icon-list-vertical {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  display: flex;
}

.quote-grid-thirds {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.quote-box {
  min-height: 275px;
  padding: var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.quote-box-text {
  flex-flow: column;
  display: flex;
}

.bento-with-logos {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  display: flex;
}

.tile-box-square {
  aspect-ratio: 1;
  background-color: var(--_colors--surface---surface-3);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tile-box-landscape {
  aspect-ratio: 1.251;
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-3);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-group-wrap {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.icon-box-grid {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.quote-wide {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  min-height: 405px;
  display: grid;
  overflow: hidden;
}

.quote-wide-content-wrap {
  width: 100%;
  padding: var(--_spacing--gap---gap-6);
  justify-content: center;
  align-items: center;
  display: flex;
}

.quote-author-name {
  flex-flow: column;
  display: flex;
}

.quote-wide-content {
  width: 100%;
  max-width: var(--_grid---column-5);
}

.pricing-grid-halves, .customer-grid-halves {
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.customer-card {
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  text-align: left;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.customer-card-image {
  aspect-ratio: 16 / 9;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.customer-card-image-link {
  width: 100%;
  height: auto;
  padding: var(--_spacing--gap---gap-5);
  aspect-ratio: 16 / 9;
  display: flex;
  position: relative;
  overflow: hidden;
}

.customer-card-glass-top {
  z-index: 1;
  padding: var(--_spacing--gap---gap-5) var(--_spacing--gap---gap-6);
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--motif---motif-glass-light);
  -webkit-backdrop-filter: blur(var(--_motif---motif-glass-blur-amount));
  backdrop-filter: blur(var(--_motif---motif-glass-blur-amount));
  color: var(--_colors--core---neutral-950);
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
}

.customer-card-logo {
  flex: none;
}

.customer-card-body {
  padding: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-9);
  grid-row-gap: var(--_spacing--gap---gap-9);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.customer-card-quote {
  font-size: var(--_typography--type-scale---type-lead);
  line-height: var(--_typography--type-scale---type-lead-line-height);
  flex-flow: column;
  display: flex;
}

.metric-grid-thirds {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.metrix-box-small {
  min-height: 170px;
  padding: var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.bg-section-wrap {
  width: 100%;
  min-height: 558px;
  padding: var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-3);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bg-section-wrap.large {
  background-color: var(--_colors--core---neutral-1000);
  min-height: 70vh;
}

.bg-section-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-section-content {
  flex-flow: column;
  display: flex;
  position: relative;
}

.download-link-pill {
  padding: var(--_spacing--gap---gap-3) var(--_spacing--gap---gap-5) var(--_spacing--gap---gap-3) var(--_spacing--gap---gap-3);
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--motif---motif-glass-dark);
  -webkit-backdrop-filter: blur(var(--_motif---motif-glass-blur-amount));
  backdrop-filter: blur(var(--_motif---motif-glass-blur-amount));
  color: var(--_colors--core---neutral-0);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 18px;
  left: 18px;
}

.download-link-image {
  border-radius: var(--_border-radius---radius-small);
  width: 48px;
  height: 48px;
}

.muted-text-opacity {
  opacity: .7;
}

.text-heading {
  color: var(--_colors--text---text-heading);
}

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

.feature-area {
  aspect-ratio: 3 / 2;
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.bento-small-left, .bento-small-right {
  width: 100%;
  height: 290px;
}

.metric-box-2 {
  padding: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-10);
  grid-row-gap: var(--_spacing--gap---gap-10);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  display: flex;
}

.quote-list-wide {
  width: 100%;
  max-width: var(--_grid---column-10);
  grid-column-gap: var(--_spacing--gap---gap-11);
  grid-row-gap: var(--_spacing--gap---gap-11);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.quote-list-item {
  padding-top: var(--_spacing--gap---gap-6);
  grid-column-gap: var(--_grid---gutter-default);
  grid-row-gap: var(--_grid---gutter-default);
  border-top: 1px solid var(--_colors--border---border-default);
  display: flex;
}

.quote-list-logo-wrap {
  max-width: var(--_grid---column-3);
  flex: 1;
}

.quote-list-content {
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  flex: 1;
  display: flex;
}

.subheading-wrap {
  width: 100%;
  max-width: var(--_grid---column-7);
}

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

.quote-centered {
  width: 100%;
  max-width: var(--_grid---column-7);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tile-wrap-grow {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bg-surface-3 {
  background-color: var(--_colors--surface---surface-3);
  overflow: hidden;
}

.bento-pricing-section {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.bento-pricing-section-body {
  padding: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  background-color: var(--_colors--surface---surface-3);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.bento-pricing-section-image-wrap {
  flex: 1;
  min-height: 50%;
  position: relative;
}

.image-fill {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.icon-grid-thirds {
  grid-column-gap: var(--_spacing--gap---gap-11);
  grid-row-gap: var(--_spacing--gap---gap-11);
  font-size: var(--_typography--type-scale---type-lead);
  line-height: var(--_typography--type-scale---type-lead-line-height);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-box-4 {
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  text-align: center;
  flex-flow: column;
  height: 430px;
  display: flex;
  overflow: hidden;
}

.cta-box-4-body {
  padding: var(--_spacing--gap---gap-10) var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  display: flex;
}

.grid-fill {
  background-color: var(--_colors--surface---surface-3);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.bento-tile-box {
  background-color: var(--_colors--surface---surface-3);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bento-tile-box.portrait {
  aspect-ratio: 2 / 2.5;
}

.mini-cta {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  justify-content: center;
  align-items: center;
  display: flex;
}

.mini-cta.integration-bottom {
  padding-top: var(--_spacing--gap---gap-6);
  border-top: 1px solid var(--_colors--border---border-default);
  justify-content: flex-start;
  align-items: center;
}

.status-blip {
  background-color: var(--_colors--status---status-success);
  width: 6px;
  height: 6px;
}

.blip-with-text {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wide-feature-box {
  padding: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-10);
  grid-row-gap: var(--_spacing--gap---gap-10);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 100px;
}

.feature-box-wide-bottom {
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.feature-box-wide-text {
  width: 100%;
  max-width: var(--_grid---column-6);
  flex-flow: column;
  display: flex;
}

.wide-features {
  grid-column-gap: var(--_spacing--gap---gap-11);
  grid-row-gap: var(--_spacing--gap---gap-11);
  flex-flow: column;
  display: flex;
  position: relative;
}

.integration-list {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  flex-flow: column;
  display: flex;
}

.integration-box {
  padding: var(--_spacing--gap---gap-6);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.integration-box-text {
  flex-flow: column;
  display: flex;
}

.integration-box-bottom {
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  display: flex;
}

.integration-category-group {
  grid-column-gap: var(--_spacing--gap---gap-1);
  grid-row-gap: var(--_spacing--gap---gap-1);
  display: flex;
}

.integration-title {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-sidebar {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  display: flex;
}

.links-breadcrumb {
  grid-column-gap: var(--_spacing--gap---gap-1);
  grid-row-gap: var(--_spacing--gap---gap-1);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-wrap {
  width: 100%;
  max-width: var(--_grid---column-7);
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  display: flex;
}

.integration-head {
  padding-bottom: var(--_spacing--gap---gap-8);
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  border-bottom: 1px solid var(--_colors--border---border-default);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.integration-related-wrap {
  padding-top: var(--_spacing--gap---gap-10);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  display: flex;
}

.bento-marquee-wrap {
  background-color: var(--_colors--surface---surface-3);
  justify-content: center;
  align-items: center;
  height: 150px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bento-fill {
  padding: var(--_spacing--gap---gap-6);
  grid-column-gap: var(--_spacing--gap---gap-10);
  grid-row-gap: var(--_spacing--gap---gap-10);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.bento-fill.no-padding {
  background-color: var(--_colors--surface---surface-3);
  padding: 0;
  overflow: hidden;
}

.pricing-wrap {
  grid-column-gap: var(--_spacing--gap---gap-10);
  grid-row-gap: var(--_spacing--gap---gap-10);
  flex-flow: column;
  display: flex;
}

.pricing-tabs {
  flex-flow: column;
  display: flex;
}

.pricing-tabs-content {
  margin-top: var(--_spacing--gap---gap-7);
}

.faq-centered-wrap {
  width: 100%;
  max-width: var(--_grid---column-8);
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.quote-large {
  width: 100%;
  max-width: var(--_grid---column-9);
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  display: flex;
}

.quote-large.centered {
  margin-left: auto;
  margin-right: auto;
}

.customer-list {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  display: flex;
}

.customer-sidebar {
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  display: flex;
}

.customer-meta {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  display: flex;
}

.customer-meta-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.arrow-link {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.customer-story-wrap {
  max-width: var(--_grid---column-7);
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  display: flex;
}

.customer-story-title {
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  display: flex;
}

.customer-story-metric {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  flex-flow: column;
  display: flex;
}

.article-image-wrap {
  padding: var(--_spacing--gap---gap-8) var(--_spacing--gap---gap-6);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  justify-content: center;
  align-items: center;
  display: flex;
}

.article-main-image {
  width: 100%;
  max-width: var(--_grid---column-4);
  aspect-ratio: 1;
  border-radius: var(--_border-radius---radius-medium);
}

.customer-story-quote {
  width: 100%;
  padding-bottom: var(--_spacing--gap---gap-8);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  border-bottom: 1px solid var(--_colors--border---border-default);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.customer-logo-wrap {
  padding: var(--_spacing--gap---gap-3) var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-small);
  background-color: var(--_colors--core---neutral-0);
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.customer-story-cta {
  margin-top: var(--_spacing--gap---gap-8);
  padding-top: var(--_spacing--gap---gap-6);
  border-top: 1px solid var(--_colors--border---border-default);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.subscribe-wrap {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.subscribe-form-wrap {
  width: 100%;
  max-width: var(--_grid---column-6);
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.preamble-text-wrap {
  width: 100%;
  max-width: var(--_grid---column-6);
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.signature-wrap {
  flex-flow: column;
  align-self: flex-end;
  display: flex;
}

.timeline-wrap {
  position: relative;
  overflow: hidden;
}

.history-slide-mask {
  width: var(--_grid---column-4);
  overflow: visible;
}

.timeline-slide-content {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  flex-flow: column;
  display: flex;
}

.timeline-lines-wrap {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.timeline-line {
  background-color: var(--_colors--surface---surface-flip);
  opacity: .2;
  width: 1px;
  height: 24px;
}

.timeline-line.first {
  opacity: 1;
  height: 96px;
  position: relative;
}

.timeline-line.alternate {
  height: 48px;
}

.timeline-line.second {
  height: 72px;
}

.timeline-line.last {
  position: relative;
  left: 1px;
}

.slider-motif-strip {
  z-index: 2;
  position: absolute;
  bottom: 48px;
}

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

.values-box {
  padding: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-11);
  grid-row-gap: var(--_spacing--gap---gap-11);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  display: flex;
}

.values-circle {
  background-color: var(--_colors--surface---surface-4);
  border-radius: 50%;
  align-self: center;
  width: 120px;
  height: 120px;
  position: relative;
  overflow: hidden;
}

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

.team-member {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  flex-flow: column;
  display: flex;
}

.team-member-image {
  aspect-ratio: 1;
  border-radius: var(--_border-radius---radius-medium);
  object-position: 50% 25%;
}

.team-member-details, .team-member-description {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  display: flex;
}

.team-vertical {
  flex-flow: column;
  display: flex;
}

.team-vertical-item {
  padding-top: var(--_spacing--gap---gap-6);
  padding-bottom: var(--_spacing--gap---gap-6);
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  border-bottom: 1px solid var(--_colors--border---border-default);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.team-vertical-item.first {
  padding-top: 0;
}

.team-horizontal-avatar-wrap {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-horizontal-details-wrap {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-section-title {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.values-wrap {
  width: 100%;
  max-width: var(--_grid---column-7);
  margin-left: auto;
  margin-right: auto;
}

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

.values-list-item {
  padding-top: var(--_spacing--gap---gap-8);
  padding-bottom: var(--_spacing--gap---gap-8);
  border-bottom: 1px solid var(--_colors--border---border-default);
  font-size: var(--_typography--type-scale---type-lead);
  line-height: var(--_typography--type-scale---type-lead-line-height);
  flex-flow: column;
  display: flex;
}

.values-list-item.first {
  padding-top: 0;
}

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

.career-list-wrap {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  display: flex;
}

.career-cta {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.career-list {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  flex-flow: column;
  display: flex;
}

.career-link {
  width: 100%;
  padding: var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  transition: background-color .2s;
}

.career-link:hover {
  background-color: var(--_colors--surface---surface-3);
}

.career-wrap {
  width: 100%;
  max-width: var(--_grid---column-7);
  grid-column-gap: var(--_spacing--gap---gap-10);
  grid-row-gap: var(--_spacing--gap---gap-10);
  flex-flow: column;
  display: flex;
}

.career-title {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bento-half-pair {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.bento-half-pair-image-wrap {
  flex: 1;
  min-height: 50%;
  position: relative;
}

.bento-half-pair-content {
  padding: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.vertical-timeline-wrap {
  flex-flow: column;
  display: flex;
}

.vertical-timeline-left {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.vertical-timeline-time {
  text-align: right;
  width: 48px;
}

.vertical-timeline-item {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  min-height: 168px;
  margin-bottom: -1px;
  display: flex;
}

.vertical-timeline-ticker {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 72px;
  display: flex;
}

.timeline-ticker-line {
  background-color: var(--_colors--surface---surface-flip);
  opacity: .25;
  width: 12px;
  height: 1px;
}

.timeline-ticker-line.secondary {
  width: 70%;
}

.timeline-ticker-line.secondary.last {
  background-color: var(--_colors--surface---surface-1);
}

.timeline-ticker-line.primary {
  opacity: 1;
  width: 100%;
}

.timeline-ticker-line.fade-1 {
  opacity: .22;
}

.timeline-ticker-line.fade-2 {
  opacity: .2;
}

.timeline-ticker-line.fade-3 {
  opacity: .15;
}

.timeline-ticker-line.fade-4 {
  opacity: .1;
}

.timeline-ticker-line.fade-5 {
  opacity: .05;
}

.timeline-ticker-line.faded {
  opacity: 0;
}

.vertical-timeline-text {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.logo-box-grid {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  border-radius: var(--_border-radius---radius-medium);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.logo-box {
  height: 334px;
  padding: var(--_spacing--gap---gap-5);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.logo-box-wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.label {
  grid-column-gap: var(--_spacing--gap---gap-3);
  grid-row-gap: var(--_spacing--gap---gap-3);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  justify-content: center;
  align-items: center;
  display: flex;
}

.label-blip {
  background-color: var(--_colors--icon---icon-color-default);
  width: 6px;
  height: 6px;
}

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

.contact-item {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-image {
  aspect-ratio: 1.1618;
  border-radius: var(--_border-radius---radius-medium);
}

.contact-details-grid {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-8);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.contact-details-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.muted-link {
  color: var(--_colors--text---text-body-muted);
  transition: color .2s;
}

.muted-link:hover {
  color: var(--_colors--text---text-body);
}

.blog-wrap {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  display: flex;
}

.blog-categories {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  font-size: var(--_typography--type-scale---type-h5);
  line-height: var(--_typography--type-scale---type-h5-line-height);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-category-link {
  opacity: .5;
  transition: opacity .2s;
}

.blog-category-link.w--current {
  opacity: 1;
}

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

.blog-item {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  display: flex;
}

.blog-item-link {
  border-radius: var(--_border-radius---radius-medium);
  overflow: hidden;
}

.blog-item-content {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  flex-flow: column;
  display: flex;
}

.blog-item-meta {
  grid-column-gap: var(--_spacing--gap---gap-5);
  grid-row-gap: var(--_spacing--gap---gap-5);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag {
  padding: 1px var(--_spacing--gap---gap-3) var(--_spacing--gap---gap-1);
  background-color: var(--_colors--surface---surface-3);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  transition: background-color .2s;
  display: flex;
}

.blog-sidebar {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-article-wrap {
  width: 100%;
  max-width: var(--_grid---column-7);
  grid-column-gap: var(--_spacing--gap---gap-8);
  grid-row-gap: var(--_spacing--gap---gap-8);
  flex-flow: column;
  display: flex;
}

.blog-author {
  grid-column-gap: var(--_spacing--gap---gap-4);
  grid-row-gap: var(--_spacing--gap---gap-4);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-author-name {
  grid-column-gap: var(--_spacing--gap---gap-1);
  grid-row-gap: var(--_spacing--gap---gap-1);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-articel-footer {
  margin-top: var(--_spacing--gap---gap-8);
  padding-top: var(--_spacing--gap---gap-6);
  border-top: 1px solid var(--_colors--border---border-default);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.cms-combined-title {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  display: flex;
}

.empty-state {
  padding: var(--_spacing--gap---gap-5);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-3);
  text-align: center;
}

.team-member-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.team-member-box-body {
  padding: var(--_spacing--gap---gap-6);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.team-member-box-title {
  flex-flow: column;
  display: flex;
}

.team-member-box-content {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  display: flex;
}

.team-member-box-bio {
  width: 100%;
  max-width: var(--_grid---column-7);
}

.team-member-box-social-wrap {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demo-form-wrap {
  width: 100%;
  max-width: var(--_grid---column-7);
  margin-left: auto;
  margin-right: auto;
}

.star-rating {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  display: flex;
}

.article-wrap {
  width: 100%;
  max-width: var(--_grid---column-7);
  grid-column-gap: var(--_spacing--gap---gap-11);
  grid-row-gap: var(--_spacing--gap---gap-11);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.article-intro {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  display: flex;
}

.tabs-sidebar-layout {
  display: flex;
}

.sidebar-tabs {
  width: var(--_grid---column-4);
  margin-right: var(--_grid---gutter-default);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sidebar-tabs-content {
  flex: 1;
}

.sidebar-tab {
  opacity: .5;
  color: var(--_colors--text---text-heading);
  font-size: var(--_typography--type-scale---type-h5);
  line-height: var(--_typography--type-scale---type-h5-line-height);
  background-color: #0000;
  padding: 0;
  transition: opacity .2s;
}

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

.sidebar-tab.w--current {
  opacity: 1;
  background-color: #0000;
}

.button-hover-element-wrap {
  pointer-events: none;
  width: 100%;
  height: auto;
  position: absolute;
  top: 100%;
}

.button-text {
  z-index: 1;
  position: relative;
}

.button-hover-element {
  aspect-ratio: 1;
  background-color: var(--_colors--button---button-hover-element);
  filter: blur(3px);
  border-radius: 50%;
  width: 100%;
  height: auto;
  position: relative;
  top: 5px;
}

.license-photo {
  aspect-ratio: 1;
}

.notice {
  width: 100%;
  max-width: var(--_grid---column-7);
  padding: var(--_spacing--gap---gap-6);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  margin-left: auto;
  margin-right: auto;
}

.navbar-demos, .footer-demos {
  padding: var(--_spacing--gap---gap-6) var(--_spacing--gap---gap-6) var(--_spacing--gap---gap-8);
  background-color: var(--_colors--surface---surface-3);
}

.wide-icon-grid {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.wide-features-list {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  flex-flow: column;
  display: flex;
}

.wide-feature-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.wide-feature-grid-body {
  padding: var(--_spacing--gap---gap-5);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wide-feature-grid-content {
  width: 100%;
  max-width: var(--_grid---column-7);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.metric-box-grid {
  grid-column-gap: var(--_bento---bento-grid-gap);
  grid-row-gap: var(--_bento---bento-grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.metric-box-3 {
  min-height: 360px;
  padding: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-10);
  grid-row-gap: var(--_spacing--gap---gap-10);
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.wide-feature-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_border-radius---radius-medium);
  background-color: var(--_colors--surface---surface-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.wide-feature-grid-body-2 {
  padding: var(--_spacing--gap---gap-5);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wide-feature-2-content {
  width: 100%;
  max-width: var(--_grid---column-4);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  display: flex;
}

.button-pair {
  display: flex;
}

.rating-summary-wrap {
  grid-column-gap: var(--_spacing--gap---gap-2);
  grid-row-gap: var(--_spacing--gap---gap-2);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  justify-content: center;
  align-items: center;
  display: flex;
}

.muted-heading-opacity {
  opacity: .61;
}

.tile-ai-orb {
  background-color: var(--_tiles--surface---tile-surface-2);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ai-orb-logo {
  z-index: 1;
  position: relative;
}

.tile-ai-orb-bg {
  z-index: 0;
  width: 300%;
  max-width: none;
  height: 300%;
  position: absolute;
}

.template-navigator-page-image-wrap {
  aspect-ratio: 3 / 2;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.template-navigator-page-image-wrap.dark-mode {
  flex-flow: column-reverse;
  justify-content: flex-end;
  align-items: center;
}

.help-article {
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.code {
  color: #e91f1f;
  font-family: Inconsolata, monospace;
}

.code.html-tag {
  color: #4b66ff;
}

.code.box {
  background-color: var(--_colors--surface---surface-3);
  text-overflow: clip;
  white-space: nowrap;
  overflow-wrap: normal;
  flex: none;
  padding: 18px;
  overflow: scroll;
}

.help-class-grid {
  padding: var(--_spacing--gap---gap-5);
  grid-column-gap: var(--_spacing--gap---gap-6);
  grid-row-gap: var(--_spacing--gap---gap-6);
  border-bottom: 1px solid var(--_colors--border---border-default);
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.help-section-wrap {
  padding-top: var(--_spacing--gap---gap-12);
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: column;
  display: flex;
}

.help-section-wrap.first {
  padding-top: 0;
}

.help-class-group {
  margin-bottom: var(--_spacing--gap---gap-6);
  border-style: solid solid none;
  border-width: 1px;
  border-color: var(--_colors--border---border-default);
  color: var(--_colors--text---text-body-muted);
  flex-flow: column;
  display: flex;
}

.help-list-item-text {
  padding-left: var(--_spacing--gap---gap-3);
}

.webflow-class {
  color: #fff;
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  background-color: #026bcd;
  border-radius: 2px;
  margin-right: 2px;
  padding: 2px 7px;
  display: inline-block;
}

.persistant-color-scheme-script {
  display: none;
}

.webflow-component {
  color: #79e09c;
  font-size: var(--_typography--type-scale---type-small);
  line-height: var(--_typography--type-scale---type-small-line-height);
  background-color: #292929;
  border-radius: 2px;
  padding: 2px 7px;
  display: inline-block;
}

.code-box-wrap {
  width: 100%;
  max-width: var(--_grid---column-8);
  flex-flow: column;
  display: flex;
  overflow: scroll;
}

.video-wrapper-bg-wrap {
  opacity: .6;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.template-navigator-dropdowns {
  display: flex;
}

.team-member-box-contact-wrap {
  grid-column-gap: var(--_spacing--gap---gap-7);
  grid-row-gap: var(--_spacing--gap---gap-7);
  flex-flow: wrap;
  display: flex;
}

@media screen and (max-width: 991px) {
  body {
    --_spacing--gap---gap-3: 9px;
    --_spacing--gap---gap-4: 12px;
    --_spacing--gap---gap-2: 6px;
    --_spacing--gap---gap-6: 24px;
    --_spacing--gap---gap-10: 72px;
    --_spacing--gap---gap-5: 18px;
    --_spacing--gap---gap-7: 36px;
    --_spacing--gap---gap-8: 48px;
    --_spacing--gap---gap-9: 60px;
    --_spacing--gap---gap-1: 3px;
    --_spacing--gap---gap-11: 96px;
    --_spacing--gap---gap-12: 120px;
    --_spacing--gap---gap-14: 168px;
    --_spacing--gap---gap-13: 144px;
    --_spacing--gap---gap-15: 192px;
    --_button---button-height-medium: 48px;
    --_button---button-padding-medium: 24px;
    --_button---button-radius-medium: 200px;
    --_button---button-height-small: 36px;
    --_button---button-padding-small: 18px;
    --_button---button-height-large: 60px;
    --_button---button-padding-large: 36px;
    --_button---button-radius-small: 200px;
    --_button---button-radius-large: 200px;
    --_button---button-stroke-width: 0px;
    --_button---icon-butotn-size-small: 30px;
    --_button---icon-button-size-medium: 48px;
    --_button---icon-button-size-large: 72px;
    --_button---icon-button-radius: 100px;
    --_button---icon-button-border-size: 0px;
    --_spacing--section---section-padding-medium: 72px;
    --_spacing--section---section-padding-large: 168px;
    --_spacing--section---section-pading-small: 42px;
    --_motif---motif-glass-blur-amount: 12px;
    --_motif---motif-strip-height: 6px;
    --_spacing--title---title-gap-small: 24px;
    --_spacing--title---title-gap-medium: 48px;
    --_spacing--title---title-gap-large: 72px;
    --_tiles--button---tile-button-height: 36px;
    --_tiles--button---tile-button-padding: 18px;
    --_tiles--button---tile-button-border-size: 1px;
    --_tiles--button---tile-button-radius: 200px;
    --_tiles--button---tile-button-typeface: var(--_typography--typefaces---typeface-button);
    --_tiles--button---tile-button-pill-height: 26px;
    --_tiles--button---tile-button-pill-padding: 12px;
    --_tiles--button---tile-button-pill-radius: 100px;
    --_border-radius---radius-medium: 12px;
    --_border-radius---radius-small: 6px;
    --_border-radius---radium-extra-small: 3px;
    --_border-radius---radius-large: 18px;
    --_border-radius---radius-extra-large: 24px;
    --_typography--type-scale---type-body: 16px;
    --_typography--type-scale---type-body-line-height: 1.5em;
    --_typography--type-scale---type-h1: calc(var(--_typography--type-scale---type-h2) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h1-line-height: 1.2em;
    --_typography--type-scale---type-h2: calc(var(--_typography--type-scale---type-h3) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h2-line-height: 1.3em;
    --_typography--type-scale---type-h3: calc(var(--_typography--type-scale---type-h4) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h3-line-height: 1.3em;
    --_typography--type-scale---type-h4: calc(var(--_typography--type-scale---type-h5) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h4-line-height: 1.3em;
    --_typography--type-scale---type-h5: calc(var(--_typography--type-scale---type-lead) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h5-line-height: 1.35em;
    --_typography--type-scale---type-small: 14px;
    --_typography--type-scale---type-small-line-height: 1.5em;
    --_typography--type-scale---type-display: calc((var(--_typography--type-scale---type-h1) * var(--_typography--type-scale---type-scale-factor)) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-display-line-height: 1.1em;
    --_typography--type-scale---type-lead: calc(var(--_typography--type-scale---type-body) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-lead-line-height: 1.4em;
    --_typography--type-scale---type-metric-text: var(--_typography--type-scale---type-display);
    --_typography--type-scale---type-metric-text-line-height: .8em;
    --_typography--type-scale---type-scale-factor: 1.19;
    --_bento---bento-grid-gap: 4px;
    --_bento---bento-outer-radius: 12px;
    --_bento---bento-item-radius: 0px;
    --_navigation---navbar-height: 60px;
    --_navigation---navbar-items-gap: var(--_spacing--gap---gap-6);
    --_navigation---navbar-links-gap: var(--_spacing--gap---gap-6);
    --_navigation---navbar-notch-padding: var(--_spacing--gap---gap-5);
    --_navigation---navbar-notch-radius: var(--_border-radius---radius-medium);
    --_navigation---navbar-island-width: var(--_grid---column-8);
    --_navigation---navbar-buttons-gap: var(--_spacing--gap---gap-4);
    --_navigation---navbar-notch-height: var(--_navigation---navbar-height);
    --_form---text-input-height: 48px;
    --_form---text-input-padding: 12px;
    --_form---text-input-radius: var(--_border-radius---radius-small);
    --_form---checkbox-input-size: 20px;
    --_form---radio-input-size: 20px;
    --_form---horizontal-form-gap: var(--_spacing--gap---gap-3);
    --_tiles--text---tile-small-text-size: var(--_typography--type-scale---type-small);
    --_tiles--text---tile-button-text-size: var(--_typography--type-scale---type-small);
    --_tiles--text---tile-typeface: var(--_typography--typefaces---typeface-body);
    --_tiles--text---tile-small-line-height: 1.4em;
    --_tiles--text---tile-title-text-size: var(--_typography--type-scale---type-lead);
    --_tiles--text---tile-title-line-height: 1.4em;
    --_tiles--text---tile-body-text-size: var(--_typography--type-scale---type-body);
    --_tiles--text---tile-body-line-height: 1.4em;
    --_icon---icon-medium: 24px;
    --_icon---icon-small: 18px;
    --_icon---icon-extra-large: 72px;
    --_icon---icon-extra-small: 12px;
    --_icon---icon-large: 36px;
    --_icon---icon-boxed-border: 0px;
    --_icon---icon-boxed-padding: 12px;
    --_icon---icon-boxed-radius: var(--_border-radius---radius-small);
    --_icon---icon-stroke-default: 1.5px;
    --_dropdown---dropdown-wide-padding: var(--_spacing--gap---gap-6);
    --_grid---gutter-window: 24px;
    --_grid---column-6: 528px;
    --_grid---column-12: 1080px;
    --_grid---column-4: 344px;
    --_grid---column-5: 436px;
    --_grid---column-3: 252px;
    --_grid---gutter-default: 24px;
    --_grid---column-7: 620px;
    --_grid---column-8: 712px;
    --_grid---column-9: 804px;
    --_grid---column-10: 896px;
    --_grid---column-2: 160px;
    --_grid---column-1: 68px;
    --_grid---column-11: 988px;
    --_tiles---tile-inner-radius: 6px;
    --_tiles---tile-square-size: 260px;
    --_tiles---tile-padding-medium: 18px;
    --_tiles---tile-radius: 12px;
    --_tiles---tile-padding-small: 12px;
    --_tiles---tile-group-gap: 4px;
    --_tiles---tile-inner-radius-child: 3px;
  }

  .wrap.feature-item {
    min-height: auto;
    padding-right: var(--_spacing--gap---gap-8);
    grid-column-gap: var(--_spacing--gap---gap-7);
    grid-row-gap: var(--_spacing--gap---gap-7);
    flex-flow: row;
  }

  .wrap.metric-box-3-text {
    max-width: var(--_grid---column-4);
    grid-column-gap: var(--_spacing--gap---gap-9);
    grid-row-gap: var(--_spacing--gap---gap-9);
  }

  .heading-h2.text-center-tablet {
    text-align: center;
  }

  .section.padding-top-large {
    padding-top: var(--_spacing--section---section-padding-medium);
  }

  .section.customer-intro-section {
    padding-top: var(--_spacing--section---section-pading-small);
  }

  .icon {
    flex: none;
  }

  .muted-text.quote-text {
    margin-top: var(--_spacing--gap---gap-5);
  }

  .nav-layout-1 {
    justify-content: space-between;
  }

  .nav-menu {
    padding: var(--_spacing--gap---gap-6) var(--_grid---gutter-window) var(--_spacing--gap---gap-8);
    grid-column-gap: var(--_spacing--gap---gap-4);
    grid-row-gap: var(--_spacing--gap---gap-4);
    background-color: #0000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-menu.align-right {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-dropdown-toggle, .nav-dropdown-toggle.w--open {
    justify-content: flex-start;
    align-items: center;
  }

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

  .nav-menu-wrapper {
    background-color: var(--_colors--surface---surface-1);
    position: absolute;
  }

  .nav-menu-wrapper.inside-nav-island {
    margin-right: var(--_grid---gutter-window);
    margin-left: var(--_grid---gutter-window);
  }

  .dropdown {
    width: 100%;
  }

  .menu-button {
    margin: -9px;
    padding: 9px;
  }

  .menu-button.w--open {
    color: var(--_colors--text---text-body);
    background-color: #0000;
  }

  .menu-button-icons-wrap {
    width: var(--_icon---icon-medium);
    height: var(--_icon---icon-medium);
    justify-content: flex-start;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .dropdown-wide-wrap.w--open {
    position: static;
  }

  .dropdown-wide-body {
    border-radius: var(--_border-radius---radius-small);
  }

  .dropdown-wide-layout-1 {
    grid-template-columns: 1fr 1fr;
  }

  .dropdown-group, .dropdown-small {
    max-width: 100%;
  }

  .dropdown-offset {
    padding-top: var(--_spacing--gap---gap-3);
    position: static;
  }

  .nav-layout-2 {
    justify-content: space-between;
    display: flex;
  }

  .nav-layout-3 {
    justify-content: space-between;
  }

  .nav-layout-4 {
    justify-content: space-between;
    display: flex;
  }

  .nav-island {
    justify-content: space-between;
    max-width: 100%;
  }

  .tile {
    flex: none;
  }

  .sidebar-layout {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
    flex-flow: column;
  }

  .sidebar-layout.integration {
    max-width: var(--_grid---column-7);
    flex-flow: column-reverse;
    margin-left: auto;
    margin-right: auto;
  }

  .sidebar {
    width: 100%;
    max-width: 100%;
  }

  .sidebar.sticky, .sidebar.sticky-below-nav {
    width: 100%;
    max-width: 100%;
    position: static;
  }

  .sidebar.hide-on-tablet {
    display: none;
  }

  .sidebar-layout-content {
    align-self: stretch;
  }

  .sidebar-tab-links {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
    flex-flow: wrap;
  }

  .tile-categories {
    grid-column-gap: var(--_spacing--section---section-padding-medium);
    grid-row-gap: var(--_spacing--section---section-padding-medium);
  }

  .content-grid {
    max-width: var(--_grid---column-6);
    grid-column-gap: var(--_spacing--gap---gap-9);
    grid-row-gap: var(--_spacing--gap---gap-9);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .section-content.customer-intro {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .bento-layout._1 {
    margin-left: auto;
    margin-right: auto;
  }

  .bento-layout._2 {
    grid-template-columns: 1fr 1fr;
  }

  .bento-layout._3 {
    min-height: 370px;
  }

  .bento-layout.square-edges._3 {
    height: 370px;
  }

  .bento-layout._5 {
    grid-template-columns: 1fr 1fr;
  }

  .bento-layout._7 {
    max-width: var(--_grid---column-7);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .bento-layout._9 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .bento-portrait {
    aspect-ratio: 3 / 2;
    object-position: 50% 40%;
  }

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

  .bento-tabs-content {
    aspect-ratio: 5 / 4;
    width: 100%;
  }

  .feature-box-square.inside-bento.hide-on-tablet {
    display: none;
  }

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

  .feature-grid-thirds.tight-gaps {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
    grid-template-columns: 1fr;
  }

  .pricing-grid {
    width: 100%;
    max-width: var(--_grid---column-6);
    flex-flow: column;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .pricing-grid.halves {
    grid-column-gap: var(--_bento---bento-grid-gap);
    grid-row-gap: var(--_bento---bento-grid-gap);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    display: grid;
  }

  .customer-story-wide {
    flex-flow: column;
    display: flex;
  }

  .customer-story-square-image {
    aspect-ratio: 16 / 9;
  }

  .customer-wide-body {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .footer-2-grid {
    grid-column-gap: var(--_spacing--gap---gap-10);
    grid-row-gap: var(--_spacing--gap---gap-10);
    flex-flow: column;
  }

  .footer-2-menus {
    width: 100%;
  }

  .bento-square.video {
    aspect-ratio: 3 / 2;
  }

  .bento-square.video.inside-pricing-hero {
    aspect-ratio: 2;
  }

  .bento-layout-wrap {
    align-self: stretch;
  }

  .bento-image-fill.portrait {
    aspect-ratio: auto;
  }

  .bento-tile-area.square {
    padding-top: var(--_spacing--gap---gap-8);
    padding-bottom: var(--_spacing--gap---gap-8);
    aspect-ratio: auto;
  }

  .logo-collection {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .icon-list-horizontal {
    grid-column-gap: var(--_spacing--gap---gap-9);
    grid-row-gap: var(--_spacing--gap---gap-9);
  }

  .tile-pair-box {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
    overflow: hidden;
  }

  .tile-connector-wrap {
    max-width: 72px;
    overflow: hidden;
  }

  .video-wrapper {
    aspect-ratio: 16 / 9;
  }

  .quote-grid-thirds {
    max-width: var(--_grid---column-6);
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .quote-box {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
    min-height: auto;
  }

  .quote-box.with-rating {
    min-height: 240px;
  }

  .tile-box-landscape.inside-halves {
    padding-top: var(--_spacing--gap---gap-6);
    padding-bottom: var(--_spacing--gap---gap-6);
    aspect-ratio: auto;
  }

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

  .quote-wide {
    width: 100%;
    max-width: var(--_grid---column-7);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .quote-wide-content-wrap {
    padding-top: var(--_spacing--gap---gap-8);
    padding-bottom: var(--_spacing--gap---gap-8);
  }

  .customer-card-glass-top {
    padding: var(--_spacing--gap---gap-4);
    flex: none;
    position: absolute;
    bottom: 12px;
    left: 12px;
  }

  .customer-card-logo {
    max-width: 96px;
  }

  .metric-grid-thirds {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .metrix-box-small {
    min-width: var(--_grid---column-4);
  }

  .bg-section-wrap {
    min-height: 456px;
  }

  .bg-section-wrap.large {
    min-height: 50vh;
  }

  .bg-section-image.fade-on-tablet {
    opacity: .8;
  }

  .feature-area {
    aspect-ratio: 1;
  }

  .quote-list-wide {
    max-width: var(--_grid---column-7);
  }

  .quote-list-logo-wrap {
    max-width: var(--_grid---column-2);
  }

  .icon-features-grid {
    grid-row-gap: var(--_spacing--gap---gap-8);
    grid-template-columns: 1fr 1fr;
  }

  .icon-grid-thirds {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .cta-box-4 {
    height: 370px;
  }

  .bento-tile-box.portrait {
    padding-top: var(--_spacing--gap---gap-8);
    padding-bottom: var(--_spacing--gap---gap-8);
    aspect-ratio: auto;
  }

  .feature-box-wide-text {
    max-width: var(--_grid---column-5);
  }

  .integration-list {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .integration-wrap {
    max-width: var(--_grid---column-6);
    margin-left: auto;
    margin-right: auto;
  }

  .customer-sidebar {
    width: 100%;
    max-width: var(--_grid---column-7);
    margin-left: auto;
    margin-right: auto;
  }

  .customer-meta {
    grid-column-gap: var(--_grid---gutter-default);
    grid-row-gap: var(--_grid---gutter-default);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .customer-story-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .values-box {
    grid-column-gap: var(--_spacing--gap---gap-10);
    grid-row-gap: var(--_spacing--gap---gap-10);
  }

  .values-wrap {
    max-width: var(--_grid---column-6);
  }

  .values-list {
    max-width: var(--_grid---column-7);
  }

  .values-list-item {
    padding-top: var(--_spacing--gap---gap-7);
    padding-bottom: var(--_spacing--gap---gap-7);
  }

  .bento-half-pair-image-wrap {
    aspect-ratio: 2.39;
    display: none;
  }

  .logo-box-grid, .blog-grid {
    grid-template-columns: 1fr 1fr;
  }

  .blog-sidebar {
    max-width: var(--_grid---column-7);
    margin-left: auto;
    margin-right: auto;
  }

  .blog-article-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .team-member-box {
    grid-template-columns: 1fr 1.75fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .team-member-box-social-wrap {
    grid-column-gap: var(--_spacing--gap---gap-5);
    grid-row-gap: var(--_spacing--gap---gap-5);
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .team-member-box-image {
    aspect-ratio: 1;
    object-position: 50% 30%;
  }

  .tabs-sidebar-layout {
    flex-flow: column;
  }

  .sidebar-tabs {
    width: 100%;
    margin-right: 0;
    margin-bottom: var(--_spacing--gap---gap-8);
    flex-flow: row;
  }

  .sidebar-tab {
    margin-right: var(--_spacing--gap---gap-5);
  }

  .wide-features-list {
    width: 100%;
    max-width: var(--_grid---column-7);
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
    margin-left: auto;
    margin-right: auto;
  }

  .wide-feature-grid {
    flex-flow: column;
    display: flex;
  }

  .wide-feature-grid-body {
    padding-top: var(--_spacing--gap---gap-8);
    padding-bottom: var(--_spacing--gap---gap-8);
  }

  .wide-feature-grid-content {
    max-width: var(--_grid---column-6);
  }

  .metric-box-grid {
    width: 100%;
    max-width: var(--_grid---column-7);
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .metric-box-3 {
    flex-flow: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    min-height: auto;
  }

  .wide-feature-grid-2 {
    max-width: var(--_grid---column-7);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .wide-feature-grid-body-2 {
    padding-top: var(--_spacing--gap---gap-8);
    padding-bottom: var(--_spacing--gap---gap-8);
  }

  .wide-feature-2-content {
    max-width: var(--_grid---column-5);
  }

  .customer-card-industry {
    display: none;
  }

  .team-member-box-contact-wrap {
    grid-column-gap: var(--_spacing--gap---gap-5);
    grid-row-gap: var(--_spacing--gap---gap-5);
  }
}

@media screen and (max-width: 767px) {
  body {
    --_spacing--gap---gap-3: 9px;
    --_spacing--gap---gap-4: 12px;
    --_spacing--gap---gap-2: 6px;
    --_spacing--gap---gap-6: 24px;
    --_spacing--gap---gap-10: 72px;
    --_spacing--gap---gap-5: 18px;
    --_spacing--gap---gap-7: 36px;
    --_spacing--gap---gap-8: 48px;
    --_spacing--gap---gap-9: 60px;
    --_spacing--gap---gap-1: 3px;
    --_spacing--gap---gap-11: 96px;
    --_spacing--gap---gap-12: 120px;
    --_spacing--gap---gap-14: 168px;
    --_spacing--gap---gap-13: 144px;
    --_spacing--gap---gap-15: 192px;
    --_button---button-height-medium: 48px;
    --_button---button-padding-medium: 24px;
    --_button---button-radius-medium: 200px;
    --_button---button-height-small: 36px;
    --_button---button-padding-small: 18px;
    --_button---button-height-large: 60px;
    --_button---button-padding-large: 36px;
    --_button---button-radius-small: 200px;
    --_button---button-radius-large: 200px;
    --_button---button-stroke-width: 0px;
    --_button---icon-butotn-size-small: 30px;
    --_button---icon-button-size-medium: 48px;
    --_button---icon-button-size-large: 72px;
    --_button---icon-button-radius: 100px;
    --_button---icon-button-border-size: 0px;
    --_spacing--section---section-padding-medium: 72px;
    --_spacing--section---section-padding-large: 168px;
    --_spacing--section---section-pading-small: 42px;
    --_motif---motif-glass-blur-amount: 12px;
    --_motif---motif-strip-height: 6px;
    --_spacing--title---title-gap-small: 24px;
    --_spacing--title---title-gap-medium: 48px;
    --_spacing--title---title-gap-large: 72px;
    --_tiles--button---tile-button-height: 36px;
    --_tiles--button---tile-button-padding: 18px;
    --_tiles--button---tile-button-border-size: 1px;
    --_tiles--button---tile-button-radius: 200px;
    --_tiles--button---tile-button-typeface: var(--_typography--typefaces---typeface-button);
    --_tiles--button---tile-button-pill-height: 26px;
    --_tiles--button---tile-button-pill-padding: 12px;
    --_tiles--button---tile-button-pill-radius: 100px;
    --_border-radius---radius-medium: 9px;
    --_border-radius---radius-small: 4px;
    --_border-radius---radium-extra-small: 3px;
    --_border-radius---radius-large: 18px;
    --_border-radius---radius-extra-large: 24px;
    --_typography--type-scale---type-body: 16px;
    --_typography--type-scale---type-body-line-height: 1.5em;
    --_typography--type-scale---type-h1: calc(var(--_typography--type-scale---type-h2) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h1-line-height: 1.2em;
    --_typography--type-scale---type-h2: calc(var(--_typography--type-scale---type-h3) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h2-line-height: 1.3em;
    --_typography--type-scale---type-h3: calc(var(--_typography--type-scale---type-h4) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h3-line-height: 1.3em;
    --_typography--type-scale---type-h4: calc(var(--_typography--type-scale---type-h5) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h4-line-height: 1.3em;
    --_typography--type-scale---type-h5: calc(var(--_typography--type-scale---type-lead) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h5-line-height: 1.35em;
    --_typography--type-scale---type-small: 13px;
    --_typography--type-scale---type-small-line-height: 1.5em;
    --_typography--type-scale---type-display: calc((var(--_typography--type-scale---type-h1) * var(--_typography--type-scale---type-scale-factor)) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-display-line-height: 1.1em;
    --_typography--type-scale---type-lead: calc(var(--_typography--type-scale---type-body) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-lead-line-height: 1.4em;
    --_typography--type-scale---type-metric-text: 45px;
    --_typography--type-scale---type-metric-text-line-height: .8em;
    --_typography--type-scale---type-scale-factor: 1.12;
    --_bento---bento-grid-gap: 4px;
    --_bento---bento-outer-radius: 12px;
    --_bento---bento-item-radius: 0px;
    --_navigation---navbar-height: 60px;
    --_navigation---navbar-items-gap: var(--_spacing--gap---gap-6);
    --_navigation---navbar-links-gap: var(--_spacing--gap---gap-6);
    --_navigation---navbar-notch-padding: var(--_spacing--gap---gap-4);
    --_navigation---navbar-notch-radius: var(--_border-radius---radius-small);
    --_navigation---navbar-island-width: var(--_grid---column-8);
    --_navigation---navbar-buttons-gap: var(--_spacing--gap---gap-4);
    --_navigation---navbar-notch-height: var(--_navigation---navbar-height);
    --_form---text-input-height: 48px;
    --_form---text-input-padding: 12px;
    --_form---text-input-radius: var(--_border-radius---radius-small);
    --_form---checkbox-input-size: 20px;
    --_form---radio-input-size: 20px;
    --_form---horizontal-form-gap: var(--_spacing--gap---gap-3);
    --_tiles--text---tile-small-text-size: var(--_typography--type-scale---type-small);
    --_tiles--text---tile-button-text-size: var(--_typography--type-scale---type-small);
    --_tiles--text---tile-typeface: var(--_typography--typefaces---typeface-body);
    --_tiles--text---tile-small-line-height: 1.4em;
    --_tiles--text---tile-title-text-size: var(--_typography--type-scale---type-h5);
    --_tiles--text---tile-title-line-height: 1.4em;
    --_tiles--text---tile-body-text-size: var(--_typography--type-scale---type-body);
    --_tiles--text---tile-body-line-height: 1.4em;
    --_icon---icon-medium: 24px;
    --_icon---icon-small: 18px;
    --_icon---icon-extra-large: 72px;
    --_icon---icon-extra-small: 12px;
    --_icon---icon-large: 36px;
    --_icon---icon-boxed-border: 0px;
    --_icon---icon-boxed-padding: 12px;
    --_icon---icon-boxed-radius: var(--_border-radius---radius-small);
    --_icon---icon-stroke-default: 1.5px;
    --_dropdown---dropdown-wide-padding: var(--_spacing--gap---gap-6);
    --_grid---gutter-window: 24px;
    --_grid---column-6: 528px;
    --_grid---column-12: 1080px;
    --_grid---column-4: 344px;
    --_grid---column-5: 436px;
    --_grid---column-3: 252px;
    --_grid---gutter-default: 18px;
    --_grid---column-7: 620px;
    --_grid---column-8: 712px;
    --_grid---column-9: 804px;
    --_grid---column-10: 896px;
    --_grid---column-2: 160px;
    --_grid---column-1: 68px;
    --_grid---column-11: 988px;
    --_tiles---tile-inner-radius: 4px;
    --_tiles---tile-square-size: 230px;
    --_tiles---tile-padding-medium: 16px;
    --_tiles---tile-radius: 9px;
    --_tiles---tile-padding-small: 10px;
    --_tiles---tile-group-gap: 4px;
    --_tiles---tile-inner-radius-child: 2px;
  }

  h1 {
    letter-spacing: 0;
  }

  .wrap.gap-7 {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .wrap.feature-item {
    padding-right: var(--_spacing--gap---gap-5);
  }

  .wrap.metric-box-3-text {
    grid-column-gap: var(--_spacing--gap---gap-7);
    grid-row-gap: var(--_spacing--gap---gap-7);
  }

  .heading-h1, .heading-display {
    letter-spacing: 0;
  }

  .section.blog-section {
    padding-top: var(--_spacing--section---section-pading-small);
  }

  .section.customer-intro-section, .section.request-demo-section {
    padding-top: 0;
  }

  .dropdown-link-large {
    font-size: var(--_typography--type-scale---type-h5);
    line-height: var(--_typography--type-scale---type-h5-line-height);
  }

  .dropdown-wide-layout-1 {
    flex-flow: column;
    display: flex;
  }

  .dropdown-cta {
    display: none;
  }

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

  .template-navigator {
    display: none;
  }

  .marquee-items.logos {
    padding-right: var(--_spacing--gap---gap-9);
    grid-column-gap: var(--_spacing--gap---gap-9);
    grid-row-gap: var(--_spacing--gap---gap-9);
  }

  .pricing-plan {
    min-height: auto;
  }

  .plan-indicator-included {
    flex: none;
  }

  .plan-indicator-wrap {
    font-size: var(--_typography--type-scale---type-small);
    line-height: var(--_typography--type-scale---type-small-line-height);
    word-break: break-all;
  }

  .content-grid {
    max-width: var(--_grid---column-5);
  }

  .icon-text-row {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .icon-text-row.bordered {
    padding-bottom: var(--_spacing--gap---gap-6);
  }

  .icon-text-row.boxed {
    padding-top: var(--_spacing--gap---gap-6);
    padding-bottom: var(--_spacing--gap---gap-6);
  }

  .icon-text-row.heading {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-1-box {
    padding-bottom: var(--_spacing--gap---gap-11);
    grid-template-columns: 1fr 1fr 1fr;
  }

  .hero-stack.align-center {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .title.about-3-title {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bento-layout {
    flex-flow: column;
    display: flex;
  }

  .bento-layout._2 {
    grid-column-gap: var(--_bento---bento-grid-gap);
    grid-row-gap: var(--_bento---bento-grid-gap);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bento-layout._3 {
    min-height: 320px;
  }

  .bento-layout.square-edges._3 {
    height: 320px;
  }

  .bento-layout._4 {
    grid-column-gap: var(--_bento---bento-grid-gap);
    grid-row-gap: var(--_bento---bento-grid-gap);
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bento-layout._5 {
    height: auto;
  }

  .bento-layout._8 {
    grid-column-gap: var(--_bento---bento-grid-gap);
    grid-row-gap: var(--_bento---bento-grid-gap);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bento-tabs-content, .tab-pane, .tab-pane-content {
    position: static;
  }

  .motif-image:where(.w-variant-5ecaa624-7d58-4955-47e5-1cf374ef84db) {
    min-height: auto;
  }

  .logo-section-1 {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
    flex-flow: column;
  }

  .feature-box-horizontal {
    flex-flow: column-reverse;
    display: flex;
  }

  .feature-box-square {
    aspect-ratio: 3 / 2;
  }

  .metric-box.wide {
    aspect-ratio: auto;
  }

  .metric-box-content-wrap {
    grid-column-gap: var(--_spacing--gap---gap-10);
    grid-row-gap: var(--_spacing--gap---gap-10);
  }

  .metric-slide-mask {
    width: var(--_grid---column-5);
  }

  .feature-grid-thirds.tight-gaps {
    grid-template-columns: 1fr;
  }

  .footer-2-grid {
    grid-column-gap: var(--_spacing--gap---gap-10);
    grid-row-gap: var(--_spacing--gap---gap-10);
    flex-flow: column;
  }

  .footer-2-menus {
    grid-template-columns: 1fr 1fr;
  }

  .cta-2-body {
    min-height: 240px;
  }

  .cta-box-3-body {
    flex-flow: column-reverse;
  }

  .cta-box-3-image {
    object-position: 50% 40%;
  }

  .cta-box-3-content {
    grid-column-gap: var(--_spacing--gap---gap-10);
    grid-row-gap: var(--_spacing--gap---gap-10);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .bento-image-fill.portrait {
    aspect-ratio: 1;
  }

  .bento-tile-area {
    padding-top: var(--_spacing--gap---gap-8);
    padding-bottom: var(--_spacing--gap---gap-8);
  }

  .logo-collection.quarters {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .icon-list-horizontal {
    grid-row-gap: var(--_spacing--gap---gap-6);
    flex-flow: wrap;
  }

  .tile-pair-box {
    height: auto;
    padding-top: var(--_spacing--gap---gap-8);
    padding-bottom: var(--_spacing--gap---gap-8);
    flex-flow: column;
  }

  .tile-connector-wrap {
    flex-flow: column;
    max-width: none;
    height: 72px;
  }

  .avatar.team-horizontal-avatar {
    width: 60px;
    height: 60px;
  }

  .video-wrapper {
    padding: var(--_spacing--gap---gap-5);
  }

  .video-wrapper.about-3-video {
    aspect-ratio: 16 / 9;
    justify-content: space-between;
    align-items: flex-start;
  }

  .video-wrapper-bg.focus-top {
    object-position: 50% 25%;
  }

  .icon-list-vertical {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .quote-grid-thirds {
    max-width: var(--_grid---column-4);
  }

  .quote-box {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
    min-height: auto;
  }

  .metrix-box-small {
    min-height: auto;
    min-width: var(--_grid---column-3);
    grid-column-gap: var(--_spacing--gap---gap-7);
    grid-row-gap: var(--_spacing--gap---gap-7);
  }

  .bg-section-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 360px;
  }

  .bg-section-wrap.large {
    min-height: 360px;
  }

  .download-link-pill {
    position: static;
  }

  .feature-grid-halves {
    grid-column-gap: var(--_spacing--gap---gap-10);
    grid-row-gap: var(--_spacing--gap---gap-10);
    flex-flow: column;
    display: flex;
  }

  .feature-area {
    aspect-ratio: 3 / 2;
  }

  .bento-small-left, .bento-small-right {
    height: 240px;
  }

  .quote-list-wide {
    grid-column-gap: var(--_spacing--gap---gap-10);
    grid-row-gap: var(--_spacing--gap---gap-10);
  }

  .quote-list-item {
    grid-column-gap: var(--_spacing--gap---gap-7);
    grid-row-gap: var(--_spacing--gap---gap-7);
    flex-flow: column-reverse;
    position: relative;
  }

  .quote-list-logo-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .bg-surface-3.hide-on-mobile, .bento-pricing-section-image-wrap {
    display: none;
  }

  .image-fill.bento-image {
    position: static;
  }

  .icon-grid-thirds {
    font-size: var(--_typography--type-scale---type-body);
    line-height: var(--_typography--type-scale---type-body-line-height);
  }

  .cta-box-4 {
    height: 320px;
  }

  .bento-tile-box {
    padding-top: var(--_spacing--gap---gap-6);
    padding-bottom: var(--_spacing--gap---gap-6);
  }

  .feature-box-wide-bottom {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .pricing-wrap {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .pricing-tabs-content {
    margin-top: var(--_spacing--gap---gap-4);
  }

  .customer-story-title {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .customer-story-quote {
    padding-bottom: var(--_spacing--gap---gap-6);
  }

  .preamble-text-wrap {
    max-width: var(--_grid---column-4);
  }

  .history-slide-mask {
    width: var(--_grid---column-4);
  }

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

  .values-box {
    grid-column-gap: var(--_spacing--gap---gap-5);
    grid-row-gap: var(--_spacing--gap---gap-5);
  }

  .values-circle {
    width: 96px;
    height: 96px;
    margin-bottom: var(--_spacing--gap---gap-7);
    order: -9999;
    align-self: flex-start;
  }

  .values-wrap {
    max-width: var(--_grid---column-4);
  }

  .values-list-item {
    padding-top: var(--_spacing--gap---gap-7);
    padding-bottom: var(--_spacing--gap---gap-7);
  }

  .values-list-item.first {
    padding-bottom: var(--_spacing--gap---gap-7);
  }

  .career-wrap {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .career-title {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .bento-half-pair-image-wrap {
    display: none;
  }

  .logo-box {
    height: 240px;
  }

  .contact-grid {
    grid-column-gap: var(--_spacing--gap---gap-10);
    grid-row-gap: var(--_spacing--gap---gap-10);
    flex-flow: column;
    display: flex;
  }

  .contact-item {
    grid-column-gap: var(--_spacing--gap---gap-7);
    grid-row-gap: var(--_spacing--gap---gap-7);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .contact-details-grid {
    grid-row-gap: var(--_spacing--gap---gap-6);
    flex-flow: column;
    display: flex;
  }

  .blog-categories {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .team-member-box-social-wrap {
    flex-flow: wrap;
  }

  .article-wrap {
    grid-column-gap: var(--_spacing--gap---gap-9);
    grid-row-gap: var(--_spacing--gap---gap-9);
  }

  .wide-icon-grid {
    flex-flow: column;
    display: flex;
  }

  .metric-box-grid {
    grid-column-gap: var(--_spacing--gap---gap-4);
    grid-row-gap: var(--_spacing--gap---gap-4);
  }

  .wide-feature-2-content {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }
}

@media screen and (max-width: 479px) {
  body {
    --_spacing--gap---gap-3: 9px;
    --_spacing--gap---gap-4: 12px;
    --_spacing--gap---gap-2: 6px;
    --_spacing--gap---gap-6: 24px;
    --_spacing--gap---gap-10: 72px;
    --_spacing--gap---gap-5: 18px;
    --_spacing--gap---gap-7: 36px;
    --_spacing--gap---gap-8: 48px;
    --_spacing--gap---gap-9: 60px;
    --_spacing--gap---gap-1: 3px;
    --_spacing--gap---gap-11: 96px;
    --_spacing--gap---gap-12: 120px;
    --_spacing--gap---gap-14: 168px;
    --_spacing--gap---gap-13: 144px;
    --_spacing--gap---gap-15: 192px;
    --_button---button-height-medium: 48px;
    --_button---button-padding-medium: 24px;
    --_button---button-radius-medium: 200px;
    --_button---button-height-small: 36px;
    --_button---button-padding-small: 18px;
    --_button---button-height-large: 60px;
    --_button---button-padding-large: 36px;
    --_button---button-radius-small: 200px;
    --_button---button-radius-large: 200px;
    --_button---button-stroke-width: 0px;
    --_button---icon-butotn-size-small: 30px;
    --_button---icon-button-size-medium: 48px;
    --_button---icon-button-size-large: 72px;
    --_button---icon-button-radius: 100px;
    --_button---icon-button-border-size: 0px;
    --_spacing--section---section-padding-medium: 60px;
    --_spacing--section---section-padding-large: 96px;
    --_spacing--section---section-pading-small: 42px;
    --_motif---motif-glass-blur-amount: 12px;
    --_motif---motif-strip-height: 6px;
    --_spacing--title---title-gap-small: 24px;
    --_spacing--title---title-gap-medium: 48px;
    --_spacing--title---title-gap-large: 72px;
    --_tiles--button---tile-button-height: 36px;
    --_tiles--button---tile-button-padding: 18px;
    --_tiles--button---tile-button-border-size: 1px;
    --_tiles--button---tile-button-radius: 200px;
    --_tiles--button---tile-button-typeface: var(--_typography--typefaces---typeface-button);
    --_tiles--button---tile-button-pill-height: 26px;
    --_tiles--button---tile-button-pill-padding: 12px;
    --_tiles--button---tile-button-pill-radius: 100px;
    --_border-radius---radius-medium: 9px;
    --_border-radius---radius-small: 4px;
    --_border-radius---radium-extra-small: 3px;
    --_border-radius---radius-large: 18px;
    --_border-radius---radius-extra-large: 24px;
    --_typography--type-scale---type-body: 14px;
    --_typography--type-scale---type-body-line-height: 1.5em;
    --_typography--type-scale---type-h1: calc(var(--_typography--type-scale---type-h2) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h1-line-height: 1.2em;
    --_typography--type-scale---type-h2: calc(var(--_typography--type-scale---type-h3) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h2-line-height: 1.3em;
    --_typography--type-scale---type-h3: calc(var(--_typography--type-scale---type-h4) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h3-line-height: 1.3em;
    --_typography--type-scale---type-h4: calc(var(--_typography--type-scale---type-h5) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h4-line-height: 1.3em;
    --_typography--type-scale---type-h5: calc(var(--_typography--type-scale---type-lead) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-h5-line-height: 1.35em;
    --_typography--type-scale---type-small: 13px;
    --_typography--type-scale---type-small-line-height: 1.5em;
    --_typography--type-scale---type-display: calc((var(--_typography--type-scale---type-h1) * var(--_typography--type-scale---type-scale-factor)) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-display-line-height: 1.1em;
    --_typography--type-scale---type-lead: calc(var(--_typography--type-scale---type-body) * var(--_typography--type-scale---type-scale-factor));
    --_typography--type-scale---type-lead-line-height: 1.4em;
    --_typography--type-scale---type-metric-text: 45px;
    --_typography--type-scale---type-metric-text-line-height: .8em;
    --_typography--type-scale---type-scale-factor: 1.12;
    --_bento---bento-grid-gap: 4px;
    --_bento---bento-outer-radius: 12px;
    --_bento---bento-item-radius: 0px;
    --_navigation---navbar-height: 54px;
    --_navigation---navbar-items-gap: var(--_spacing--gap---gap-6);
    --_navigation---navbar-links-gap: var(--_spacing--gap---gap-6);
    --_navigation---navbar-notch-padding: var(--_spacing--gap---gap-4);
    --_navigation---navbar-notch-radius: var(--_border-radius---radius-small);
    --_navigation---navbar-island-width: var(--_grid---column-8);
    --_navigation---navbar-buttons-gap: var(--_spacing--gap---gap-4);
    --_navigation---navbar-notch-height: var(--_navigation---navbar-height);
    --_form---text-input-height: 48px;
    --_form---text-input-padding: 12px;
    --_form---text-input-radius: var(--_border-radius---radius-small);
    --_form---checkbox-input-size: 20px;
    --_form---radio-input-size: 20px;
    --_form---horizontal-form-gap: var(--_spacing--gap---gap-3);
    --_tiles--text---tile-small-text-size: var(--_typography--type-scale---type-small);
    --_tiles--text---tile-button-text-size: var(--_typography--type-scale---type-small);
    --_tiles--text---tile-typeface: var(--_typography--typefaces---typeface-body);
    --_tiles--text---tile-small-line-height: 1.4em;
    --_tiles--text---tile-title-text-size: var(--_typography--type-scale---type-h5);
    --_tiles--text---tile-title-line-height: 1.4em;
    --_tiles--text---tile-body-text-size: var(--_typography--type-scale---type-body);
    --_tiles--text---tile-body-line-height: 1.4em;
    --_icon---icon-medium: 24px;
    --_icon---icon-small: 18px;
    --_icon---icon-extra-large: 72px;
    --_icon---icon-extra-small: 12px;
    --_icon---icon-large: 36px;
    --_icon---icon-boxed-border: 0px;
    --_icon---icon-boxed-padding: 12px;
    --_icon---icon-boxed-radius: var(--_border-radius---radius-small);
    --_icon---icon-stroke-default: 1.5px;
    --_dropdown---dropdown-wide-padding: var(--_spacing--gap---gap-6);
    --_grid---gutter-window: 18px;
    --_grid---column-6: 528px;
    --_grid---column-12: 1080px;
    --_grid---column-4: 344px;
    --_grid---column-5: 436px;
    --_grid---column-3: 252px;
    --_grid---gutter-default: 18px;
    --_grid---column-7: 620px;
    --_grid---column-8: 712px;
    --_grid---column-9: 804px;
    --_grid---column-10: 896px;
    --_grid---column-2: 160px;
    --_grid---column-1: 68px;
    --_grid---column-11: 988px;
    --_tiles---tile-inner-radius: 4px;
    --_tiles---tile-square-size: 230px;
    --_tiles---tile-padding-medium: 16px;
    --_tiles---tile-radius: 9px;
    --_tiles---tile-padding-small: 10px;
    --_tiles---tile-group-gap: 4px;
    --_tiles---tile-inner-radius-child: 2px;
  }

  .button.flush-right, .button.flush-left {
    border-radius: var(--_button---button-radius-medium);
  }

  .wrap.feature-item {
    flex-flow: column;
    min-height: auto;
  }

  .wrap.icon-item {
    grid-column-gap: var(--_spacing--gap---gap-5);
    grid-row-gap: var(--_spacing--gap---gap-5);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .wrap.metric-box-3-text {
    grid-column-gap: var(--_spacing--gap---gap-5);
    grid-row-gap: var(--_spacing--gap---gap-5);
  }

  .heading-h3.long-text {
    font-size: var(--_typography--type-scale---type-h4);
    line-height: var(--_typography--type-scale---type-h4-line-height);
  }

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

  .icon.boxed-icon-svg.large {
    width: 28px;
    height: 28px;
  }

  .icon.icon-text-row-arrow {
    width: var(--_icon---icon-small);
    height: var(--_icon---icon-small);
    align-self: flex-end;
  }

  .icon.integration-title-arrow {
    transform: rotate(90deg);
  }

  .muted-text.quote-text {
    margin-top: 0;
  }

  .nav-action-link, .nav-action-button {
    display: none;
  }

  .dropdown-links-large {
    grid-column-gap: var(--_spacing--gap---gap-1);
    grid-row-gap: var(--_spacing--gap---gap-1);
  }

  .dropdown-wrap.w--open {
    position: static;
  }

  .footer-copyright-area {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright-area.thirds {
    flex-flow: column-reverse;
    grid-template-columns: 1fr 1fr;
  }

  .social-links-labelled-horizontal {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-5);
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .style-guide-section {
    flex-flow: column;
    display: flex;
  }

  .form.horizontal-form {
    flex-flow: column;
  }

  .sidebar-layout {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .sidebar-layout.integration {
    flex-flow: column wrap;
  }

  .sidebar.sticky-below-nav.hide-on-mobile {
    display: none;
  }

  .sidebar-tab-links {
    grid-row-gap: var(--_spacing--gap---gap-3);
  }

  .marquee-items.logos {
    padding-right: var(--_spacing--gap---gap-9);
    grid-column-gap: var(--_spacing--gap---gap-9);
    grid-row-gap: var(--_spacing--gap---gap-9);
  }

  .comparison-table-row {
    grid-template-columns: 1fr 1fr;
  }

  .comparison-table-row.three {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .content-grid {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .boxed-icon.large {
    width: 54px;
    height: 54px;
  }

  .icon-text-row.bordered {
    padding-bottom: var(--_spacing--gap---gap-6);
  }

  .tabs-menu.boxed.inside-bento {
    margin-bottom: calc(-1 * var(--_spacing--gap---gap-8));
  }

  .tabs-menu.boxed.centered {
    border-radius: var(--_border-radius---radius-medium);
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .tab-link {
    padding-right: var(--_spacing--gap---gap-4);
    padding-left: var(--_spacing--gap---gap-4);
    border-radius: var(--_border-radius---radius-small);
    font-size: var(--_typography--type-scale---type-small);
    line-height: var(--_typography--type-scale---type-small-line-height);
  }

  .tab-link.grow-on-mobile {
    flex: 1;
  }

  .footer-1-box {
    padding-right: var(--_spacing--gap---gap-6);
    padding-left: var(--_spacing--gap---gap-6);
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
    flex-flow: wrap;
    display: flex;
  }

  .footer-home-link-wrap {
    width: 100%;
  }

  .hero-stack {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .bento-layout._2 {
    display: flex;
  }

  .bento-layout._3 {
    min-height: auto;
  }

  .bento-layout.square-edges._3 {
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .bento-layout._4 {
    display: flex;
  }

  .bento-portrait {
    aspect-ratio: 1;
  }

  .bento-tabs {
    padding-top: var(--_spacing--gap---gap-8);
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
    margin-top: calc(-1 * var(--_spacing--gap---gap-8));
  }

  .bento-tabs-content {
    aspect-ratio: auto;
  }

  .motif-image:where(.w-variant-65109aba-71dc-9ab5-749a-2d8626be57e5) {
    min-width: 720px;
  }

  .logo-section-1 {
    grid-column-gap: var(--_spacing--gap---gap-7);
    grid-row-gap: var(--_spacing--gap---gap-7);
  }

  .feature-box-square {
    max-width: 100%;
    padding: var(--_spacing--gap---gap-6) var(--_spacing--gap---gap-4);
    aspect-ratio: auto;
  }

  .feature-box-square.inside-feature-wide-box {
    padding-right: var(--_spacing--gap---gap-5);
    padding-left: var(--_spacing--gap---gap-5);
  }

  .metric-box {
    aspect-ratio: auto;
  }

  .metric-box-content-wrap {
    grid-column-gap: var(--_spacing--gap---gap-5);
    grid-row-gap: var(--_spacing--gap---gap-5);
  }

  .metric-box-bottom {
    grid-column-gap: var(--_spacing--gap---gap-7);
    grid-row-gap: var(--_spacing--gap---gap-7);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .metric-slide-mask {
    width: 100%;
  }

  .feature-grid-thirds {
    grid-row-gap: var(--_grid---gutter-default);
    flex-flow: column;
    display: flex;
  }

  .pricing-grid.halves {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
    flex-flow: column;
    display: flex;
  }

  .customer-story-square-image {
    aspect-ratio: 3 / 2;
  }

  .customer-wide-body {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .customer-story-bottom {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-2-menus {
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .cta-box-1 {
    padding-top: var(--_spacing--gap---gap-5);
    padding-bottom: var(--_spacing--gap---gap-4);
  }

  .cta-box-button-wrap {
    align-self: flex-start;
  }

  .cta-2-body {
    min-height: 240px;
  }

  .cta-box-2-title {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cta-box-3-body {
    display: flex;
  }

  .cta-box-3-image, .bento-square.video.inside-pricing-hero {
    aspect-ratio: 3 / 2;
  }

  .bento-image-fill.square-on-mobile {
    aspect-ratio: 1;
    object-position: 50% 10%;
  }

  .bento-tile-area {
    padding-top: var(--_spacing--gap---gap-7);
    padding-bottom: var(--_spacing--gap---gap-7);
  }

  .logo-collection {
    grid-template-columns: 1fr 1fr;
  }

  .logo-collection.quarters {
    grid-column-gap: var(--_spacing--gap---gap-7);
    grid-row-gap: var(--_spacing--gap---gap-7);
    flex-flow: wrap;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .logo-collection-item.collapse-on-mobile {
    background-color: #0000;
    border-radius: 0;
    height: auto;
    padding: 0;
  }

  .logo-collection-item.hide-on-mobile {
    display: none;
  }

  .icon-list-horizontal.tight-spacing {
    grid-column-gap: var(--_spacing--gap---gap-5);
    grid-row-gap: var(--_spacing--gap---gap-5);
  }

  .avatar.team-horizontal-avatar {
    width: 120px;
    height: 120px;
  }

  .video-wrapper {
    padding: var(--_spacing--gap---gap-5);
    aspect-ratio: 1;
  }

  .video-wrapper.about-3-video {
    aspect-ratio: 1;
  }

  .icon-list-vertical {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .quote-grid-thirds {
    grid-column-gap: var(--_spacing--gap---gap-4);
    grid-row-gap: var(--_spacing--gap---gap-4);
  }

  .quote-box {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
    min-height: auto;
  }

  .quote-box.with-rating {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .tile-box-landscape {
    padding-top: var(--_spacing--gap---gap-6);
    padding-bottom: var(--_spacing--gap---gap-6);
    aspect-ratio: auto;
  }

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

  .customer-card-body {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .metrix-box-small {
    width: 100%;
  }

  .bg-section-image {
    width: 200%;
    max-width: none;
    left: auto;
    right: 0;
  }

  .feature-grid-halves {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .feature-area {
    padding-top: var(--_spacing--gap---gap-6);
    padding-bottom: var(--_spacing--gap---gap-6);
    aspect-ratio: auto;
  }

  .feature-area.image {
    padding-top: 0;
    padding-bottom: 0;
  }

  .bento-small-right {
    display: none;
  }

  .metric-box-2 {
    grid-column-gap: var(--_spacing--gap---gap-5);
    grid-row-gap: var(--_spacing--gap---gap-5);
  }

  .quote-list-wide {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .quote-list-logo-wrap {
    display: none;
  }

  .quote-list-content {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .tile-wrap-grow {
    padding-top: 0;
    padding-bottom: 0;
  }

  .icon-grid-thirds {
    grid-column-gap: var(--_spacing--gap---gap-7);
    grid-row-gap: var(--_spacing--gap---gap-7);
    flex-flow: column;
    display: flex;
  }

  .bento-tile-box {
    padding-top: var(--_spacing--gap---gap-6);
    padding-bottom: var(--_spacing--gap---gap-6);
    aspect-ratio: auto;
  }

  .mini-cta {
    flex-flow: column;
  }

  .mini-cta.integration-bottom {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .wide-feature-box {
    grid-column-gap: var(--_spacing--gap---gap-7);
    grid-row-gap: var(--_spacing--gap---gap-7);
    position: static;
  }

  .wide-features {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
  }

  .integration-box-bottom {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .integration-title {
    grid-column-gap: var(--_spacing--gap---gap-2);
    grid-row-gap: var(--_spacing--gap---gap-2);
    flex-flow: column;
  }

  .pricing-tabs-content {
    margin-top: var(--_spacing--gap---gap-2);
  }

  .quote-large.centered {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

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

  .article-image-wrap {
    padding-top: var(--_spacing--gap---gap-6);
    padding-bottom: var(--_spacing--gap---gap-6);
  }

  .customer-story-cta {
    grid-column-gap: var(--_spacing--gap---gap-3);
    grid-row-gap: var(--_spacing--gap---gap-3);
    flex-flow: column;
  }

  .history-slide-mask {
    width: var(--_grid---column-3);
  }

  .values-grid {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
    grid-template-columns: 1fr;
  }

  .team-grid {
    grid-column-gap: var(--_spacing--gap---gap-8);
    grid-row-gap: var(--_spacing--gap---gap-8);
    flex-flow: column;
    display: flex;
  }

  .team-vertical-item, .team-vertical-item.first {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .team-horizontal-avatar-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .team-horizontal-details-wrap {
    grid-column-gap: var(--_spacing--gap---gap-5);
    grid-row-gap: var(--_spacing--gap---gap-5);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .values-list-item {
    padding-top: var(--_spacing--gap---gap-7);
    padding-bottom: var(--_spacing--gap---gap-7);
  }

  .career-cta {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .career-wrap {
    grid-column-gap: var(--_spacing--gap---gap-9);
    grid-row-gap: var(--_spacing--gap---gap-9);
  }

  .career-title {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .vertical-timeline-wrap {
    grid-column-gap: var(--_spacing--gap---gap-4);
    grid-row-gap: var(--_spacing--gap---gap-4);
  }

  .vertical-timeline-left {
    grid-column-gap: var(--_spacing--gap---gap-4);
    grid-row-gap: var(--_spacing--gap---gap-4);
    flex-flow: column;
  }

  .vertical-timeline-time {
    text-align: left;
  }

  .vertical-timeline-ticker {
    flex: 1;
    width: 48px;
  }

  .logo-box-grid {
    flex-flow: column;
    display: flex;
  }

  .logo-box {
    height: 180px;
  }

  .contact-item, .blog-categories {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .blog-grid {
    grid-row-gap: var(--_spacing--gap---gap-8);
    grid-template-columns: 1fr;
  }

  .blog-item-image {
    aspect-ratio: 16 / 9;
  }

  .blog-articel-footer {
    margin-top: var(--_spacing--gap---gap-4);
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .team-member-box {
    flex-flow: column;
    display: flex;
  }

  .team-member-box-social-wrap {
    grid-row-gap: var(--_spacing--gap---gap-5);
  }

  .sidebar-tabs {
    flex-flow: column;
  }

  .wide-feature-grid-body {
    padding-right: var(--_spacing--gap---gap-6);
    padding-left: var(--_spacing--gap---gap-6);
  }

  .metric-box-3 {
    flex-flow: column;
  }

  .wide-feature-grid-body-2 {
    padding: var(--_spacing--gap---gap-7) var(--_spacing--gap---gap-6);
  }

  .wide-feature-2-content {
    grid-column-gap: var(--_spacing--gap---gap-6);
    grid-row-gap: var(--_spacing--gap---gap-6);
  }

  .button-pair {
    grid-column-gap: var(--_spacing--gap---gap-4);
    grid-row-gap: var(--_spacing--gap---gap-4);
    flex-flow: column;
  }
}

#w-node-_309610f9-d0bf-e26e-1f79-6d5657df277c-fd8f14e0 {
  align-self: stretch;
}

#w-node-_33a2c042-6b21-86f9-db35-3ed05a55403b-5a553fe2 {
  justify-self: end;
}

#w-node-_79e2fccc-6129-cd3e-6f87-bbc79afff228-2bf145ae {
  justify-self: start;
}

#w-node-_6c4cbe70-1d91-ef97-ff40-296cd5402fea-2bf145ae {
  justify-self: end;
}

#w-node-aabc23f8-32ea-0b64-302f-53b1cac59f3c-fd8f1567, #w-node-eff0dfaf-07d0-8c53-0b16-38065ea53bbd-fd8f15b1, #w-node-_597b386d-afc7-c3e0-2a47-4efc22944644-fd8f15d6, #w-node-_812527dd-78b5-194d-de87-536efed62560-fd8f15d6, #w-node-fa74f5fc-01b0-baea-ead9-10d6daa41a2f-fd8f15d6 {
  justify-self: stretch;
}

#w-node-ab7aa6cf-a924-285d-a487-b0ee6920fa8f-fd8f16c0, #w-node-f75989a8-3c57-4c8b-3919-8f9344df5f36-fd8f16c1 {
  place-self: stretch stretch;
}

#w-node-_26f7aeb1-f155-b263-8d74-3894d516bac1-fd8f16c1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e32f446c-256b-dbae-4ad3-b33fcb0dbfbf-fd8f16c1 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-_1d902b1a-acab-6c56-23a4-0868701fe058-fd8f16c1 {
  place-self: stretch stretch;
}

#w-node-fd40e597-3c7b-c029-8720-7d70c0b115c7-fd8f16c5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d30e4669-e9c0-561a-07aa-fbc2dfe18621-fd8f16c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6266ecda-440e-e368-9e39-705aa7f1c2aa-fd8f16c5 {
  justify-self: stretch;
}

#w-node-_31658d3b-5ac2-bf12-e1da-f165824bcc66-fd8f16c7, #w-node-_1db6d857-0fb4-68fb-041e-b07c8244af49-fd8f16c7, #w-node-_0d7f28e4-a713-2b2e-601c-d8f7f0b3f0cf-fd8f16c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_4b62ec50-3fd7-1229-c5f6-26ba00a46dbf-fd8f16d0, #w-node-dba8ff86-4ddf-a17b-e2ca-7235d62946eb-fd8f16d0, #w-node-cf7468a2-8b21-05f8-3209-c9f303eec15c-fd8f16eb {
  align-self: stretch;
}

#w-node-_631b6a3e-5fd7-7175-93a8-45f743b877c0-fd8f16eb {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-_32e3a7b9-a644-3df6-98b0-81ce66686d6a-fd8f165c {
    align-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a3895465-f062-f96f-97ff-64f4a1ab6197-fd8f14e0 {
    align-self: stretch;
  }

  #w-node-_79e2fccc-6129-cd3e-6f87-bbc79afff228-2bf145ae {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-dc4f665b-c580-6f97-ca51-34eb45353851-4535384e {
    align-self: stretch;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_33a2c042-6b21-86f9-db35-3ed05a55402a-5a553fe2, #w-node-_817006de-3982-62b1-af04-991407f309d6-2bf145ae {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b88fa1d5-acc4-5b2e-f086-ffb2f4713e65-fd8f16c1, #w-node-b88fa1d5-acc4-5b2e-f086-ffb2f4713e76-fd8f16c1, #w-node-af2ad566-345d-ff2a-2413-4fb76fae93c4-fd8f16c1, #w-node-b88fa1d5-acc4-5b2e-f086-ffb2f4713e6c-fd8f16c1, #w-node-b88fa1d5-acc4-5b2e-f086-ffb2f4713e81-fd8f16c1, #w-node-acd04f00-08b7-601f-aa04-1e4c36c1095e-fd8f16c1, #w-node-_3b3e560c-caef-76b7-36dc-7cba3e7b6a44-fd8f16c1, #w-node-d6d03a38-e979-73f6-494e-3f7a543dbeaa-fd8f16c8, #w-node-d6d03a38-e979-73f6-494e-3f7a543dbeb1-fd8f16c8, #w-node-d6d03a38-e979-73f6-494e-3f7a543dbebc-fd8f16c8, #w-node-d6d03a38-e979-73f6-494e-3f7a543dbec5-fd8f16c8, #w-node-d6d03a38-e979-73f6-494e-3f7a543dbecf-fd8f16c8, #w-node-d6d03a38-e979-73f6-494e-3f7a543dbed7-fd8f16c8, #w-node-d6d03a38-e979-73f6-494e-3f7a543dbedf-fd8f16c8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_037fad37-0316-3bf4-f5a6-77a22d75b5ba-fd8f16d0, #w-node-_037fad37-0316-3bf4-f5a6-77a22d75b5cf-fd8f16d0, #w-node-_037fad37-0316-3bf4-f5a6-77a22d75b5db-fd8f16d0, #w-node-_037fad37-0316-3bf4-f5a6-77a22d75b5c3-fd8f16d0, #w-node-_7bc50160-7716-cac5-a89f-2db748f658e4-fd8f16d0, #w-node-ca772aa6-6466-6ee6-1d5b-da991506e548-fd8f16d0, #w-node-d11e2af5-40a2-e8fa-3d72-2ea9bd019336-fd8f16d0 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}


@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: block;
}