:root {
  --_colors---bg-color--bg-default-light: #f8faff;
  --_typography---font-family--body: "DM Sans", sans-serif;
  --_colors---text-color--text-primary-dark: #001124;
  --padding--regular: var(--sizes--size-7);
  --_typography---base--line-height: 1.5;
  --_typography---font-weight--regular: 400;
  --padding--none: var(--sizes--size-0);
  --_typography---h1--font-family: var(--_typography---font-family--headers);
  --_typography---h1--font-size: 3rem;
  --_typography---h1--line-height: 1.2;
  --_typography---h1--font-weight: var(--_typography---font-weight--medium);
  --_typography---h1--letter-spacing: -.07625rem;
  --_typography---h2--font-family: var(--_typography---font-family--headers);
  --_typography---h2--font-size: 2rem;
  --_typography---h2--line-height: 1.2;
  --_typography---h2--font-weight: var(--_typography---font-weight--medium);
  --_typography---h2--letter-spacing: -.06125rem;
  --_typography---h3--font-family: var(--_typography---font-family--headers);
  --_typography---h3--font-size: 1.625rem;
  --_typography---h3--line-height: 1.2;
  --_typography---h3--font-weight: var(--_typography---font-weight--medium);
  --_typography---h3--letter-spacing: -.04875rem;
  --_typography---h4--font-family: var(--_typography---font-family--headers);
  --_typography---h4--line-height: 1.2;
  --_typography---h4--font-weight: var(--_typography---font-weight--medium);
  --_typography---h4--letter-spacing: -.03875rem;
  --_typography---h5--font-family: var(--_typography---font-family--headers);
  --_typography---h5--font-size: 1.25rem;
  --_typography---h5--line-height: 1.2;
  --_typography---h5--font-weight: var(--_typography---font-weight--medium);
  --_typography---h6--letter-spacing: 0rem;
  --_typography---h6--font-family: var(--_typography---font-family--headers);
  --_typography---h6--font-size: 1.125rem;
  --_typography---h6--line-height: 1.2;
  --_typography---h6--font-weight: var(--_typography---font-weight--regular);
  --padding--large: var(--sizes--size-9);
  --_colors---bg-color--bg-elevated\<deleted\|variable-cc106552-900d-93ce-c23e-7703ae176cf8\>: var(--_colors---white-shades--white-4\<deleted\|variable-eb960054-486e-6805-c8bd-2d9aac185126\>);
  --padding-section--large: var(--sizes--size-17);
  --padding--xlarge: var(--sizes--size-10);
  --padding-section--medium: var(--sizes--size-16);
  --padding-section--small: var(--sizes--size-14);
  --_colors---base--border-dark: #ffffff29;
  --_colors---base--border-light: #dbe6eeb3;
  --padding--xhuge: var(--sizes--size-12);
  --padding--xxsmall: var(--sizes--size-2);
  --padding--small: var(--sizes--size-6);
  --sizes--size-6: .75rem;
  --_colors---text-color--text-primary-light: var(--_colors---base--white);
  --_colors---base--primary-blue: #319afb;
  --_colors---base--white: white;
  --padding--xsmall: var(--sizes--size-4);
  --_typography---h4--font-size: 1.375rem;
  --_typography---h5--letter-spacing: 0rem;
  --_typography---body-s--font-size: .8125rem;
  --_typography---body-s--line-height: 1.5;
  --_typography---body-s--letter-spacing: 0rem;
  --_typography---body-l--font-size: 1.125rem;
  --_typography---body-l--line-height: 1.5;
  --_typography---body-l--letter-spacing: 0rem;
  --_colors---grey--grey-500: #333;
  --_typography---body-m--font-size: 1rem;
  --_typography---body-m--line-height: 1.5;
  --_typography---body-m--letter-spacing: 0rem;
  --green: #02b190;
  --_typography---body-xl--font-size: 1.5rem;
  --_typography---body-xl--line-height: 1.5;
  --_typography---body-xl--letter-spacing: 0rem;
  --_typography---font-weight--light: 300;
  --_typography---font-weight--medium: 500;
  --_typography---font-weight--semibold: 600;
  --_typography---font-weight--bold: 700;
  --roundness--box-s: var(--sizes--size-2);
  --_colors---base--gradient-blue: #3299fb;
  --_colors---base--gradient-purple: #544ee0;
  --_typography---button--font-family: var(--_typography---font-family--body);
  --_typography---button--font-size: var(--padding--regular);
  --_typography---button--line-height: 1.5;
  --_typography---button--font-weight: var(--_typography---font-weight--regular);
  --_typography---button--letter-spacing: 0rem;
  --_colors---bg-color--bg-white: var(--_colors---base--white);
  --sizes--size-8: 1.25rem;
  --padding--huge: var(--sizes--size-11);
  --sizes--size-0: 0rem;
  --_colors---white-shades--white-8\<deleted\|variable-274b5128-080b-7d56-90b8-3dcea623f8bd\>: #ffffff14;
  --_colors---base--primary-dark: #00070e;
  --sizes--size-17: 6.25rem;
  --_colors---text-color--text-secondary-dark: #43536e;
  --_colors---text-color--text-muted: grey;
  --_colors---bg-color--bg-default-dark: #00070e;
  --roundness--box-m: var(--sizes--size-4);
  --sizes--size-7: 1rem;
  --roundness--box-l: var(--sizes--size-6);
  --_colors---white-shades--white-4\<deleted\|variable-eb960054-486e-6805-c8bd-2d9aac185126\>: #ffffff0a;
  --_colors---white-shades--white-2\<deleted\|variable-0240012b-cced-784a-fdb4-65fd76e65706\>: #ffffff05;
  --_colors---text-color--text-secondary-light: #bfbfbf;
  --sizes--size-3: .375rem;
  --sizes--size-4: .5rem;
  --sizes--size-10: 2rem;
  --padding-section--xlarge: var(--sizes--size-19);
  --_typography---tagline--font-family: var(--_typography---font-family--body);
  --_typography---tagline--font-size: var(--sizes--size-7);
  --_typography---tagline--line-height: 1.5;
  --_typography---tagline--font-weight: var(--_typography---font-weight--regular);
  --_typography---tagline--letter-spacing: .05rem;
  --sizes--size-2: .25rem;
  --_colors---base--black: black;
  --sizes--size-14: 4rem;
  --sizes--size-9: 1.5rem;
  --sizes--size-12: 3rem;
  --sizes--size-11: 2.5rem;
  --sizes--size-5: .625rem;
  --_typography---body-xl--font-family: var(--_typography---font-family--body);
  --_typography---body-xl--font-weight: var(--_typography---font-weight--regular);
  --_typography---body-l--font-family: var(--_typography---font-family--body);
  --_typography---body-l--font-weight: var(--_typography---font-weight--regular);
  --_typography---body-m--font-family: var(--_typography---font-family--body);
  --_typography---body-m--font-weight: var(--_typography---font-weight--regular);
  --_typography---body-s--font-family: var(--_typography---font-family--body);
  --_typography---body-s--font-weight: var(--_typography---font-weight--regular);
  --_colors---base--grey: #c3c3c3;
  --_colors---base--secondary-purple: #6c1ccf;
  --_colors---base--primary-dark-hover: #1f1f1f;
  --_typography---base--font-size: var(--padding--regular);
  --_typography---base--letter-spacing: 0rem;
  --sizes--size-1: .125rem;
  --sizes--size-13: 3.5rem;
  --sizes--size-15: 4.5rem;
  --sizes--size-16: 5rem;
  --sizes--size-18: 7.5rem;
  --sizes--size-19: 9.5rem;
  --sizes--size-20: 12.5rem;
  --_typography---font-weight--thin: 100;
  --_typography---font-weight--extra-light: 200;
  --_typography---font-weight--extra-bold: 800;
  --_typography---font-weight--black: 900;
  --roundness--box-xl: var(--sizes--size-7);
  --_colors---grey--grey-100: #ddd;
  --_colors---grey--grey-200: #b6b6b6;
  --_colors---grey--grey-300: grey;
  --_colors---grey--grey-400: #474747;
  --_typography---font-family--headers: "DM Sans", sans-serif;
  --_colors---grey--grey-600: #292929;
  --_colors---grey--grey-700: #171717;
  --_colors---grey--grey-800: #0f0f0f;
  --_colors---grey--grey-900: #0a0a0a;
}

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

body {
  background-color: var(--_colors---bg-color--bg-default-light);
  font-family: var(--_typography---font-family--body);
  color: var(--_colors---text-color--text-primary-dark);
  font-size: var(--padding--regular);
  line-height: var(--_typography---base--line-height);
  font-weight: var(--_typography---font-weight--regular);
  --padding--regular: var(--sizes--size-7);
  --padding--none: var(--sizes--size-0);
  --padding--large: var(--sizes--size-9);
  --padding-section--large: var(--sizes--size-17);
  --padding--xlarge: var(--sizes--size-10);
  --padding-section--medium: var(--sizes--size-16);
  --padding-section--small: var(--sizes--size-14);
  --padding--xhuge: var(--sizes--size-12);
  --padding--xxsmall: var(--sizes--size-2);
  --padding--small: var(--sizes--size-6);
  --sizes--size-6: .75rem;
  --padding--xsmall: var(--sizes--size-4);
  --green: #02b190;
  --roundness--box-s: var(--sizes--size-2);
  --sizes--size-8: 1.25rem;
  --padding--huge: var(--sizes--size-11);
  --sizes--size-0: 0rem;
  --sizes--size-17: 6.25rem;
  --roundness--box-m: var(--sizes--size-4);
  --sizes--size-7: 1rem;
  --roundness--box-l: var(--sizes--size-6);
  --sizes--size-3: .375rem;
  --sizes--size-4: .5rem;
  --sizes--size-10: 2rem;
  --padding-section--xlarge: var(--sizes--size-19);
  --sizes--size-2: .25rem;
  --sizes--size-14: 4rem;
  --sizes--size-9: 1.5rem;
  --sizes--size-12: 3rem;
  --sizes--size-11: 2.5rem;
  --sizes--size-5: .625rem;
  --sizes--size-1: .125rem;
  --sizes--size-13: 3.5rem;
  --sizes--size-15: 4.5rem;
  --sizes--size-16: 5rem;
  --sizes--size-18: 7.5rem;
  --sizes--size-19: 9.5rem;
  --sizes--size-20: 12.5rem;
  --roundness--box-xl: var(--sizes--size-7);
  --_typography---font-family--body: "DM Sans", sans-serif;
  --_typography---base--line-height: 1.5;
  --_typography---font-weight--regular: 400;
  --_typography---h1--font-family: var(--_typography---font-family--headers);
  --_typography---h1--font-size: 3rem;
  --_typography---h1--line-height: 1.2;
  --_typography---h1--font-weight: var(--_typography---font-weight--medium);
  --_typography---h1--letter-spacing: -.07625rem;
  --_typography---h2--font-family: var(--_typography---font-family--headers);
  --_typography---h2--font-size: 2rem;
  --_typography---h2--line-height: 1.2;
  --_typography---h2--font-weight: var(--_typography---font-weight--medium);
  --_typography---h2--letter-spacing: -.06125rem;
  --_typography---h3--font-family: var(--_typography---font-family--headers);
  --_typography---h3--font-size: 1.625rem;
  --_typography---h3--line-height: 1.2;
  --_typography---h3--font-weight: var(--_typography---font-weight--medium);
  --_typography---h3--letter-spacing: -.04875rem;
  --_typography---h4--font-family: var(--_typography---font-family--headers);
  --_typography---h4--line-height: 1.2;
  --_typography---h4--font-weight: var(--_typography---font-weight--medium);
  --_typography---h4--letter-spacing: -.03875rem;
  --_typography---h5--font-family: var(--_typography---font-family--headers);
  --_typography---h5--font-size: 1.25rem;
  --_typography---h5--line-height: 1.2;
  --_typography---h5--font-weight: var(--_typography---font-weight--medium);
  --_typography---h6--letter-spacing: 0rem;
  --_typography---h6--font-family: var(--_typography---font-family--headers);
  --_typography---h6--font-size: 1.125rem;
  --_typography---h6--line-height: 1.2;
  --_typography---h6--font-weight: var(--_typography---font-weight--regular);
  --_typography---h4--font-size: 1.375rem;
  --_typography---h5--letter-spacing: 0rem;
  --_typography---body-s--font-size: .8125rem;
  --_typography---body-s--line-height: 1.5;
  --_typography---body-s--letter-spacing: 0rem;
  --_typography---body-l--font-size: 1.125rem;
  --_typography---body-l--line-height: 1.5;
  --_typography---body-l--letter-spacing: 0rem;
  --_typography---body-m--font-size: 1rem;
  --_typography---body-m--line-height: 1.5;
  --_typography---body-m--letter-spacing: 0rem;
  --_typography---body-xl--font-size: 1.5rem;
  --_typography---body-xl--line-height: 1.5;
  --_typography---body-xl--letter-spacing: 0rem;
  --_typography---font-weight--light: 300;
  --_typography---font-weight--medium: 500;
  --_typography---font-weight--semibold: 600;
  --_typography---font-weight--bold: 700;
  --_typography---button--font-family: var(--_typography---font-family--body);
  --_typography---button--font-size: var(--padding--regular);
  --_typography---button--line-height: 1.5;
  --_typography---button--font-weight: var(--_typography---font-weight--regular);
  --_typography---button--letter-spacing: 0rem;
  --_typography---tagline--font-family: var(--_typography---font-family--body);
  --_typography---tagline--font-size: var(--sizes--size-7);
  --_typography---tagline--line-height: 1.5;
  --_typography---tagline--font-weight: var(--_typography---font-weight--regular);
  --_typography---tagline--letter-spacing: .05rem;
  --_typography---body-xl--font-family: var(--_typography---font-family--body);
  --_typography---body-xl--font-weight: var(--_typography---font-weight--regular);
  --_typography---body-l--font-family: var(--_typography---font-family--body);
  --_typography---body-l--font-weight: var(--_typography---font-weight--regular);
  --_typography---body-m--font-family: var(--_typography---font-family--body);
  --_typography---body-m--font-weight: var(--_typography---font-weight--regular);
  --_typography---body-s--font-family: var(--_typography---font-family--body);
  --_typography---body-s--font-weight: var(--_typography---font-weight--regular);
  --_typography---base--font-size: var(--padding--regular);
  --_typography---base--letter-spacing: 0rem;
  --_typography---font-weight--thin: 100;
  --_typography---font-weight--extra-light: 200;
  --_typography---font-weight--extra-bold: 800;
  --_typography---font-weight--black: 900;
  --_typography---font-family--headers: "DM Sans", sans-serif;
  --_colors---bg-color--bg-default-light: #f8faff;
  --_colors---text-color--text-primary-dark: #001124;
  --_colors---bg-color--bg-elevated\<deleted\|variable-cc106552-900d-93ce-c23e-7703ae176cf8\>: var(--_colors---white-shades--white-4\<deleted\|variable-eb960054-486e-6805-c8bd-2d9aac185126\>);
  --_colors---base--border-dark: #ffffff29;
  --_colors---base--border-light: #dbe6eeb3;
  --_colors---text-color--text-primary-light: var(--_colors---base--white);
  --_colors---base--primary-blue: #319afb;
  --_colors---base--white: white;
  --_colors---grey--grey-500: #333;
  --_colors---base--gradient-blue: #3299fb;
  --_colors---base--gradient-purple: #544ee0;
  --_colors---bg-color--bg-white: var(--_colors---base--white);
  --_colors---white-shades--white-8\<deleted\|variable-274b5128-080b-7d56-90b8-3dcea623f8bd\>: #ffffff14;
  --_colors---base--primary-dark: #00070e;
  --_colors---text-color--text-secondary-dark: #43536e;
  --_colors---text-color--text-muted: grey;
  --_colors---bg-color--bg-default-dark: #00070e;
  --_colors---white-shades--white-4\<deleted\|variable-eb960054-486e-6805-c8bd-2d9aac185126\>: #ffffff0a;
  --_colors---white-shades--white-2\<deleted\|variable-0240012b-cced-784a-fdb4-65fd76e65706\>: #ffffff05;
  --_colors---text-color--text-secondary-light: #bfbfbf;
  --_colors---base--black: black;
  --_colors---base--grey: #c3c3c3;
  --_colors---base--secondary-purple: #6c1ccf;
  --_colors---base--primary-dark-hover: #1f1f1f;
  --_colors---grey--grey-100: #ddd;
  --_colors---grey--grey-200: #b6b6b6;
  --_colors---grey--grey-300: grey;
  --_colors---grey--grey-400: #474747;
  --_colors---grey--grey-600: #292929;
  --_colors---grey--grey-700: #171717;
  --_colors---grey--grey-800: #0f0f0f;
  --_colors---grey--grey-900: #0a0a0a;
  overscroll-behavior: none;
}

h1 {
  margin-top: var(--padding--none);
  margin-bottom: var(--padding--none);
  padding-bottom: var(--padding--none);
  font-family: var(--_typography---h1--font-family);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
}

h2 {
  margin-top: var(--padding--none);
  margin-bottom: var(--padding--none);
  font-family: var(--_typography---h2--font-family);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
}

h3 {
  margin-top: var(--padding--none);
  margin-bottom: var(--padding--none);
  font-family: var(--_typography---h3--font-family);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
}

h4 {
  margin-top: var(--padding--none);
  margin-bottom: var(--padding--none);
  font-family: var(--_typography---h4--font-family);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}

h5 {
  margin-top: var(--padding--none);
  margin-bottom: var(--padding--none);
  font-family: var(--_typography---h5--font-family);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}

h6 {
  margin-top: var(--padding--none);
  margin-bottom: var(--padding--none);
  font-family: var(--_typography---h6--font-family);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}

p {
  margin-bottom: var(--padding--none);
}

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

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

li {
  margin-bottom: .25rem;
}

blockquote {
  margin-bottom: var(--padding--none);
  padding: var(--padding--none) var(--padding--large);
  border-left: 5px solid #e2e2e2;
}

.page-wrapper {
  overflow: clip;
}

.main-wrapper {
  flex-flow: column;
  display: flex;
}

.hm-styleguide {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.hm-styleguide-header {
  background-color: var(--_colors---bg-color--bg-elevated\<deleted\|variable-cc106552-900d-93ce-c23e-7703ae176cf8\>);
}

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

.padding-global {
  z-index: 2;
  padding-right: var(--padding--xlarge);
  padding-left: var(--padding--xlarge);
  position: relative;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.hm-stleguide-header-block {
  padding-top: var(--padding--large);
  padding-bottom: var(--padding--regular);
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start start;
  display: flex;
}

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

.padding-section-small {
  padding-top: 2.5rem;
}

.hm-styleguide-heading-header {
  font-size: 6rem;
  font-weight: var(--_typography---font-weight--regular);
}

.hm-styleguide-classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hm-styleguide-section {
  padding-bottom: var(--padding--xlarge);
  grid-column-gap: var(--padding-section--small);
  grid-row-gap: var(--padding-section--small);
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---base--border-dark);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.hm-styleguide-section-header {
  width: 100%;
  padding-bottom: var(--padding--xlarge);
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  border-bottom: 1px solid var(--_colors---base--border-light);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hm-styleguide-heading-medium {
  font-size: 3rem;
  line-height: 1;
  font-weight: var(--_typography---font-weight--regular);
}

.base-text {
  margin-bottom: var(--padding--none);
}

.hm-styleguide-item-wrapper {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.hm-styleguide-2-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.hm-styleguide-item {
  padding-bottom: var(--padding--regular);
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
  position: relative;
}

.hm-styleguide-item.is-stretch {
  place-items: start stretch;
}

.hm-styleguide-label {
  padding: var(--padding--xxsmall) var(--padding--small) var(--padding--xxsmall) var(--sizes--size-6);
  color: var(--_colors---text-color--text-primary-light);
  background-color: #1e7bfa;
  border-radius: .2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hm-styleguide-label.is-html {
  background-color: #cf4bb3;
}

.hm-styleguide-label.is-tag {
  background-color: #1e7bfa;
}

.hm-styleguide-empty {
  height: var(--padding--xlarge);
  min-width: var(--padding--xhuge);
  border: 1px dashed var(--_colors---base--primary-blue);
  background-color: var(--_colors---base--white);
  position: relative;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium {
  width: 100%;
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
}

.hm-styleguide-label-group {
  grid-column-gap: var(--padding--xsmall);
  grid-row-gap: var(--padding--xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

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

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

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

.h5 {
  font-family: var(--_typography---h5--font-family);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}

.h6 {
  font-family: var(--_typography---h6--font-family);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}

.body-s {
  font-size: var(--_typography---body-s--font-size);
  line-height: var(--_typography---body-s--line-height);
  letter-spacing: var(--_typography---body-s--letter-spacing);
}

.body-l {
  font-size: var(--_typography---body-l--font-size);
  line-height: var(--_typography---body-l--line-height);
  letter-spacing: var(--_typography---body-l--letter-spacing);
}

.body-l.text-color-primary-light {
  flex-flow: column;
  display: flex;
}

.body-l.is-link {
  color: var(--_colors---grey--grey-500);
  flex-flow: row;
}

.body-l.is-link:hover {
  text-decoration: underline;
}

.body-m {
  font-size: var(--_typography---body-m--font-size);
  line-height: var(--_typography---body-m--line-height);
  letter-spacing: var(--_typography---body-m--letter-spacing);
}

.body-m.text-color-secondary.no-break {
  white-space: nowrap;
}

.body-m.text-weight-medium.position-absolute, .body-m.position-absolute {
  position: absolute;
}

.body-m.text-color-green {
  color: var(--green);
}

.body-xl {
  font-size: var(--_typography---body-xl--font-size);
  line-height: var(--_typography---body-xl--line-height);
  letter-spacing: var(--_typography---body-xl--letter-spacing);
}

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

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

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

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

.text-style-nowrap {
  white-space: normal;
}

.text-style-link {
  text-decoration: underline;
}

.text-style-quote {
  border-left: .25rem solid var(--_colors---text-color--text-primary-light);
  padding: 0 1.25rem;
}

.text-weight-light {
  font-weight: var(--_typography---font-weight--light);
}

.text-weight-normal {
  font-weight: var(--_typography---font-weight--regular);
}

.text-weight-medium {
  font-weight: var(--_typography---font-weight--medium);
}

.text-weight-semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.text-weight-bold {
  font-weight: var(--_typography---font-weight--bold);
}

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

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

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

.button {
  max-height: var(--padding--xhuge);
  min-height: var(--padding--xhuge);
  padding-right: var(--padding--large);
  padding-left: var(--padding--large);
  grid-column-gap: var(--padding--xsmall);
  grid-row-gap: var(--padding--xsmall);
  border-radius: var(--roundness--box-s);
  background-image: linear-gradient(90deg, var(--_colors---base--gradient-blue), var(--_colors---base--gradient-purple));
  font-family: var(--_typography---button--font-family);
  color: var(--_colors---text-color--text-primary-light);
  font-size: var(--_typography---button--font-size);
  line-height: var(--_typography---button--line-height);
  font-weight: var(--_typography---button--font-weight);
  text-align: center;
  letter-spacing: var(--_typography---button--letter-spacing);
  white-space: normal;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button:where(.w-variant-7796a781-a911-051b-9ce3-835095f27174) {
  background-color: var(--_colors---bg-color--bg-white);
  color: var(--_colors---text-color--text-primary-dark);
  background-image: none;
}

.button:where(.w-variant-5a46ce55-4c6d-4c1d-722e-9c9b6b1dd13a) {
  min-height: 2.5rem;
  max-height: 2.5rem;
  padding-right: var(--sizes--size-8);
  padding-left: var(--sizes--size-8);
}

.button:where(.w-variant-aa6af711-3d52-389d-f297-64d1b6b6f76e) {
  max-height: var(--padding--huge);
  min-height: var(--padding--huge);
  padding-right: var(--sizes--size-8);
  padding-left: var(--sizes--size-8);
  background-color: var(--_colors---bg-color--bg-white);
  color: var(--_colors---text-color--text-primary-dark);
  background-image: none;
}

.button:where(.w-variant-b31e43ca-41d6-0a33-c9c8-7ff132921f69) {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-image: linear-gradient(#ffffff1a, #ffffff1a);
}

.button:where(.w-variant-0d2c8fcf-0a8b-80cb-c7c1-5bc9eb95639c) {
  min-height: 0;
  max-height: 2rem;
  padding-right: var(--sizes--size-0);
  padding-left: var(--sizes--size-0);
  color: var(--_colors---text-color--text-primary-dark);
  background-image: none;
}

.button:where(.w-variant-b68ffbf8-eefe-ce61-0ede-a0f1a56e9460) {
  border: 1px solid var(--_colors---base--border-light);
  background-color: var(--_colors---bg-color--bg-white);
  color: var(--_colors---text-color--text-primary-dark);
  background-image: none;
}

.button.is-primary {
  border-left: 1px solid var(--_colors---white-shades--white-8\<deleted\|variable-274b5128-080b-7d56-90b8-3dcea623f8bd\>);
  background-color: var(--_colors---base--primary-dark);
  color: var(--_colors---text-color--text-primary-light);
}

.button.is-primary.is-long {
  padding-right: var(--sizes--size-17);
  padding-left: var(--sizes--size-17);
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.button.is-outline {
  border: 1px solid var(--_colors---base--white);
  color: var(--_colors---text-color--text-primary-light);
  background-color: #fff0;
  transform: translate(0);
}

.button.is-outline:hover {
  color: var(--_colors---text-color--text-primary-light);
  background-color: #ffffff1f;
}

.button.white-border {
  border: 1px solid var(--_colors---base--border-light);
  background-color: var(--_colors---bg-color--bg-white);
  color: var(--_colors---text-color--text-primary-dark);
  background-image: none;
}

.icon-1x1-small {
  width: var(--padding--regular);
  height: var(--padding--regular);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

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

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

.hm-styleguide-background {
  border-style: solid;
  border-width: 1px;
  border-color: var(--_colors---white-shades--white-8\<deleted\|variable-274b5128-080b-7d56-90b8-3dcea623f8bd\>) var(--_colors---white-shades--white-8\<deleted\|variable-274b5128-080b-7d56-90b8-3dcea623f8bd\>) var(--_colors---base--border-light);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.hm-styleguide-background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.bg-default-dark {
  background-color: var(--_colors---bg-color--bg-default-dark);
}

.bg-default-light {
  background-color: var(--_colors---bg-color--bg-default-light);
}

.bg-white {
  background-color: var(--_colors---bg-color--bg-white);
}

.spacer-tiny {
  width: 100%;
  padding-top: var(--padding--none);
}

.hm-styleguide-spacer-box {
  background-color: var(--_colors---white-shades--white-8\<deleted\|variable-274b5128-080b-7d56-90b8-3dcea623f8bd\>);
  border: 1px dashed #1e7bfa;
  width: 100%;
  position: relative;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: var(--padding--xxsmall);
}

.spacer-xsmall {
  width: 100%;
  padding-top: var(--padding--xsmall);
}

.spacer-small {
  width: 100%;
  padding-top: var(--padding--small);
}

.spacer-medium {
  width: 100%;
  padding-top: var(--padding--regular);
}

.spacer-large {
  width: 100%;
  padding-top: var(--padding--large);
}

.spacer-xlarge {
  width: 100%;
  padding-top: var(--padding--xlarge);
}

.spacer-huge {
  width: 100%;
  padding-top: var(--padding--huge);
}

.spacer-xhuge {
  width: 100%;
  padding-top: var(--padding--xhuge);
}

.hm-styleguide-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.icon-1x1-medium {
  width: var(--padding--xlarge);
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-1x1-medium.absolute-left {
  position: absolute;
  inset: auto auto -2rem -2rem;
}

.icon-1x1-large {
  width: var(--padding--huge);
  height: var(--padding--huge);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hm-styleguide-img, .name-img {
  width: 100%;
  position: relative;
  overflow: clip;
}

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

.img.position-absolute {
  z-index: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.img.rounded {
  border-radius: var(--roundness--box-m);
}

.name-img-height {
  padding-top: 25%;
  position: relative;
}

.hm-styleguide-1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.hm-styleguide-4-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.hide {
  display: none;
}

.overflow-visible {
  overflow: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-scroll {
  overflow: scroll;
}

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

.text-rich-text h1 {
  font-size: var(--_typography---h1--font-size);
  letter-spacing: var(--_typography---h1--letter-spacing);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h2 {
  font-size: var(--_typography---h2--font-size);
  letter-spacing: var(--_typography---h2--letter-spacing);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h3 {
  font-size: var(--_typography---h3--font-size);
  letter-spacing: var(--_typography---h3--letter-spacing);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h4 {
  font-size: var(--_typography---h4--font-size);
  letter-spacing: var(--_typography---h4--letter-spacing);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text blockquote {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.button-stack {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.gradient-background {
  z-index: 1;
  background-color: var(--_colors---bg-color--bg-default-light);
  object-fit: cover;
  flex-flow: column;
  min-height: 60rem;
  max-height: 60rem;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.navbar {
  padding-top: var(--padding--xsmall);
  padding-bottom: var(--padding--xsmall);
  background-color: #fff0;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-logo-link {
  padding-left: 0;
}

.navbar-logo {
  height: var(--padding-section--medium);
  object-fit: contain;
  min-width: 10rem;
  max-width: 10rem;
}

.navbar-logo:where(.w-variant-45a0f07b-9aa1-7241-e7f1-f41653680527), .navbar-logo.dark {
  display: none;
}

.navbar-logo.dark:where(.w-variant-45a0f07b-9aa1-7241-e7f1-f41653680527) {
  display: block;
}

.nav-links {
  padding: var(--padding--regular);
  grid-column-gap: var(--padding--xxsmall);
  grid-row-gap: var(--padding--xxsmall);
  color: var(--_colors---text-color--text-primary-light);
  font-size: var(--_typography---body-m--font-size);
  border-bottom: 1px solid #fff0;
  justify-content: center;
  align-items: center;
  transition: border-color .2s, color .2s;
  display: flex;
}

.nav-links:where(.w-variant-45a0f07b-9aa1-7241-e7f1-f41653680527) {
  color: var(--_colors---text-color--text-primary-dark);
}

.nav-links:hover {
  border-bottom-color: #fff0;
}

.nav-links:hover:where(.w-variant-45a0f07b-9aa1-7241-e7f1-f41653680527) {
  border-bottom-color: var(--_colors---base--primary-dark);
  color: var(--_colors---text-color--text-secondary-dark);
}

.nav-links.w--current {
  color: var(--_colors---text-color--text-secondary-dark);
}

.navbar-list {
  grid-column-gap: var(--padding--xsmall);
  grid-row-gap: var(--padding--xsmall);
  display: flex;
}

.nav-button-line {
  background-color: var(--_colors---text-color--text-primary-light);
}

.nav-button-wrap-small.hide-mobile-landscape {
  grid-column-gap: var(--padding--xsmall);
  grid-row-gap: var(--padding--xsmall);
  display: flex;
}

.faq-container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.faq-2-column-grid {
  grid-column-gap: var(--padding-section--small);
  grid-row-gap: var(--padding-section--small);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.faq-column-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.faq-column-right {
  width: 100%;
}

.faq-list {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.faq-item {
  z-index: 10;
  padding-bottom: var(--padding--regular);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-bottom: 1px solid var(--_colors---base--border-light);
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
}

.faq-question {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  pointer-events: auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
}

.faq-question.w--open {
  width: 100%;
  height: 1rem;
  display: flex;
}

.faq-icon {
  aspect-ratio: 1;
  min-width: 1.5rem;
  max-width: 1.5rem;
  display: flex;
}

.faq-answer {
  z-index: 2;
  pointer-events: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
}

.faq-icon-wrapper {
  position: relative;
}

.img-dashboard {
  object-fit: contain;
  width: 100%;
}

.section-footer {
  padding-top: var(--padding--xhuge);
  background-color: var(--_colors---bg-color--bg-default-light);
}

.footer-grid {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-left {
  grid-column-gap: var(--padding--none);
  grid-row-gap: var(--padding--none);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 0;
  display: flex;
}

.footer-links-container {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1rem;
  display: grid;
}

.footer-logo {
  min-width: 10rem;
  max-width: 10rem;
}

.footer-links-list {
  grid-column-gap: var(--padding--small);
  grid-row-gap: var(--padding--small);
  flex-flow: column;
  display: flex;
}

.footer-link {
  color: var(--_colors---text-color--text-secondary-dark);
  font-size: var(--_typography---body-m--font-size);
  transition: color .2s;
}

.footer-link:hover {
  color: var(--_colors---text-color--text-primary-dark);
}

.footer-link.small {
  font-size: var(--_typography---body-s--font-size);
}

.footer-link.medium {
  font-size: var(--_typography---body-m--font-size);
}

.footer-container {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  display: flex;
}

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

.not-found-page {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.utility-page-heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.password-page {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.button-wrap-out {
  overflow: hidden;
}

.button-wrap-in {
  position: relative;
}

.heading-stack-12 {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  flex-flow: column;
  display: flex;
}

.thank-you-page-wrapper {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  display: flex;
}

.thank-you-headline {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-thank-you {
  width: var(--padding-section--medium);
  aspect-ratio: 1;
  border: 1px solid var(--_colors---base--border-dark);
  background-color: var(--_colors---base--primary-dark);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-thank-you-img {
  width: var(--padding--xhuge);
  aspect-ratio: 1;
  object-fit: cover;
  flex-flow: row;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-page-grid {
  grid-column-gap: var(--padding-section--small);
  grid-row-gap: var(--padding-section--small);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-field {
  min-height: 3rem;
  margin-bottom: var(--padding--none);
  padding: var(--padding--regular);
  border: 1px solid var(--_colors---base--white);
  color: var(--_colors---text-color--text-primary-dark);
  font-size: var(--_typography---body-m--font-size);
}

.text-field:active, .text-field:focus {
  border-color: var(--_colors---base--border-light);
}

.field-label {
  font-size: var(--_typography---body-m--font-size);
  line-height: var(--_typography---body-m--line-height);
  letter-spacing: var(--_typography---body-m--letter-spacing);
  font-weight: 400;
}

.field-area-wrapper {
  grid-column-gap: var(--padding--xxsmall);
  grid-row-gap: var(--padding--xxsmall);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.form {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.field-grid-stack {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  width: 100%;
}

.text-area {
  border: 1px solid var(--_colors---base--white);
  min-height: 3rem;
  color: var(--_colors---text-color--text-primary-dark);
  font-size: var(--_typography---body-m--font-size);
  margin-bottom: 0;
  padding: 1rem;
}

.text-area:active, .text-area:focus {
  border-color: var(--_colors---base--border-light);
}

.password-page-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  display: flex;
}

.error-message, .success-message {
  border: 1px solid var(--_colors---base--border-dark);
  border-radius: var(--roundness--box-m);
  background-color: #fff0;
  background-image: linear-gradient(180deg, var(--_colors---white-shades--white-4\<deleted\|variable-eb960054-486e-6805-c8bd-2d9aac185126\>), var(--_colors---white-shades--white-2\<deleted\|variable-0240012b-cced-784a-fdb4-65fd76e65706\>));
  margin-top: 1rem;
  padding: 2rem 1rem;
}

.footer-description {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  flex-flow: column;
  max-width: 24rem;
  display: flex;
}

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

.section-hero-home {
  background-color: var(--_colors---bg-color--bg-default-dark);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  min-height: 72rem;
  overflow: clip;
}

.home-hero {
  margin-top: var(--padding-section--large);
  padding-top: var(--padding-section--large);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.dark-circle {
  z-index: 9;
  min-width: 140vw;
  max-width: 140vw;
  min-height: 80rem;
  max-height: 80rem;
  margin-top: -25rem;
  margin-left: -20vw;
  position: absolute;
}

.primary-circle {
  z-index: 8;
  min-width: 160vw;
  max-width: 160vw;
  min-height: 80rem;
  max-height: 80rem;
  margin-top: -15rem;
  margin-left: -20vw;
  position: absolute;
}

.secondary-circle {
  z-index: 4;
  min-width: 180vw;
  max-width: 180vw;
  min-height: 70rem;
  max-height: 80rem;
  margin-top: -8rem;
  margin-left: -20vw;
  position: absolute;
}

.dots-vector {
  z-index: 7;
  background-image: url('../images/dots-bg.webp');
  background-position: 50%;
  background-size: auto;
  width: 200vw;
  min-height: 2000px;
  margin-left: -50vw;
  position: relative;
}

.text-block {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wrapper-home-hero {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wrapper-home-hero.max-width-60 {
  max-width: 40rem;
}

.stack-trusted-by {
  padding: var(--sizes--size-3) var(--sizes--size-8) var(--sizes--size-3) var(--sizes--size-4);
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  background-image: linear-gradient(#ffffff08, #ffffff0f);
  border: 1px solid #ffffff29;
  border-radius: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.stack-images-trusted-logos {
  justify-content: flex-start;
  align-items: center;
  padding-left: .5rem;
  display: flex;
}

.single-testimonial-image {
  width: var(--sizes--size-10);
  aspect-ratio: 1;
  border-radius: 100%;
  margin-left: -.5rem;
}

.stack-hero {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section-logos {
  z-index: 10;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
  overflow: clip;
}

.section-logos.padding-bottom {
  padding-bottom: var(--padding-section--large);
}

.section-logos.padding-top {
  padding-top: var(--sizes--size-10);
}

.section-logos.padding-services {
  padding-top: var(--padding--xlarge);
}

.logos-container {
  flex: none;
  display: flex;
}

.client-logo {
  opacity: .7;
  filter: saturate(0%);
  width: 16rem;
}

.overlay-light {
  z-index: 11;
  width: 100vw;
  height: var(--padding-section--xlarge);
  background-image: linear-gradient(180deg, #f0f1f300, var(--_colors---bg-color--bg-default-light));
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.section-benefits-home {
  padding-top: var(--padding-section--small);
  padding-bottom: var(--padding-section--large);
}

.image-and-text-wrapper {
  grid-column-gap: var(--padding-section--small);
  grid-row-gap: var(--padding-section--small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-and-text-wrapper.align-center {
  place-items: center stretch;
}

.content-container {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  display: flex;
}

.tagline-heading {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  flex-flow: column;
  display: flex;
}

.tagline-heading.max-width-50 {
  max-width: 50%;
}

.tagline {
  font-family: var(--_typography---tagline--font-family);
  font-size: var(--_typography---tagline--font-size);
  line-height: var(--_typography---tagline--line-height);
  font-weight: var(--_typography---tagline--font-weight);
  letter-spacing: var(--_typography---tagline--letter-spacing);
  text-transform: uppercase;
}

.benefit-wrapper {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  flex-flow: column;
  display: flex;
}

.icon-large {
  width: var(--padding--xhuge);
  aspect-ratio: 1;
}

.stack-headline-small {
  grid-column-gap: var(--padding--xsmall);
  grid-row-gap: var(--padding--xsmall);
  flex-flow: column;
  display: flex;
}

.img-container {
  display: flex;
  overflow: clip;
}

.img-container.ratio-239-1 {
  aspect-ratio: 2.39;
}

.section-services-home {
  padding-top: var(--padding-section--small);
  padding-bottom: var(--padding-section--small);
}

.wrapper-services {
  grid-column-gap: var(--padding--huge);
  grid-row-gap: var(--padding--huge);
  flex-flow: column;
  display: flex;
}

.wrapper-3-boxes-grid {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.service-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.single-service {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  flex-flow: column;
  display: flex;
}

.service-img-wrapper {
  width: 100%;
  min-height: 30rem;
  max-height: 30rem;
  padding: var(--padding-section--medium) var(--padding-section--small);
  background-image: url('../images/bg-services-1.webp');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: clip;
}

.service-img-wrapper._2nd {
  background-image: url('../images/bg-services-2.webp');
}

.service-img-wrapper._3rd {
  background-image: url('../images/bg-services-3.webp');
}

.heading-text {
  grid-column-gap: var(--sizes--size-2);
  grid-row-gap: var(--sizes--size-2);
  flex-flow: column;
  display: flex;
}

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

.section-testimonial {
  padding-top: var(--padding-section--small);
  padding-bottom: var(--padding-section--small);
  background-color: var(--_colors---bg-color--bg-white);
}

.wrapper-testimonials {
  grid-column-gap: var(--padding-section--small);
  grid-row-gap: var(--padding-section--small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-quote {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quote-icon {
  aspect-ratio: 1;
  background-image: url('../images/quote-icon.webp');
  background-position: 50%;
  background-size: cover;
  width: 3rem;
}

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

.section-our-process {
  padding-top: var(--padding-section--small);
  padding-bottom: var(--padding-section--small);
}

.img-process {
  background-image: url('../images/img-bg-process.webp');
  background-position: 50%;
  background-size: cover;
  min-height: 45rem;
  padding: 4rem;
  display: flex;
  overflow: clip;
}

.content-container-wrapper {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.stack-items-process {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.single-process {
  padding-top: var(--padding--xlarge);
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  cursor: pointer;
  flex-flow: column;
  display: flex;
}

.process-headline {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.answer-process {
  overflow: clip;
}

.answer-process.is-first {
  height: auto;
}

.process-content {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  pointer-events: none;
  flex-flow: column;
  display: flex;
}

.line-process {
  background-color: var(--_colors---base--border-light);
  width: 100%;
  height: 1px;
}

.line-process.is-first {
  pointer-events: none;
}

.section-solutions-home {
  padding-top: var(--padding-section--small);
  padding-bottom: var(--padding-section--small);
}

.grid-solutions {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding-section--small);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.single-solution {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section-case-studies {
  padding-top: var(--padding-section--small);
  padding-bottom: var(--padding-section--small);
}

.section-case-studies.padding-bottom {
  padding-bottom: var(--padding-section--large);
}

.single-case-study {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  background-color: var(--_colors---base--black);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 30rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.case-study-content {
  z-index: 5;
  width: 100%;
  padding-right: var(--padding--xlarge);
  padding-bottom: var(--padding--huge);
  padding-left: var(--padding--xlarge);
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  pointer-events: none;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.arrow-case-study {
  z-index: 10;
  aspect-ratio: 1;
  background-color: var(--_colors---base--white);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 5rem;
  margin-top: -1px;
  margin-right: -1px;
  display: flex;
  position: relative;
  overflow: clip;
}

.arrow-link {
  aspect-ratio: 1;
  width: 3rem;
}

.arrow-link.absolute {
  position: absolute;
  inset: auto auto -3rem -3rem;
}

.arrow-link.absolute.nav {
  bottom: -2rem;
  left: -2rem;
}

.arrow-link.nav {
  width: var(--padding--xlarge);
}

.blur-overlay {
  z-index: 3;
  pointer-events: none;
  background-image: linear-gradient(#0000, #000000b3);
  height: 66.6%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.blur-overlay.case-study {
  z-index: 1;
  background-image: linear-gradient(#0000, #000c);
  height: 36rem;
  inset: auto 0% 0%;
}

.image-case-study {
  z-index: 2;
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-faq {
  padding-top: var(--padding-section--large);
  padding-bottom: var(--padding-section--large);
  background-color: var(--_colors---bg-color--bg-white);
}

.heading-width-faq {
  max-width: 23rem;
}

.faq-cta {
  width: 100%;
  padding: 7rem var(--padding--large) var(--padding--large);
  background-color: var(--_colors---bg-color--bg-white);
  flex-flow: column;
  transition: background-color .3s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: relative;
}

.faq-cta:hover {
  background-color: var(--_colors---base--primary-dark);
}

.arrow-cta-faq {
  z-index: 10;
  aspect-ratio: 1;
  pointer-events: none;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  width: 5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: clip;
}

.footer-right {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.footer-cta-section {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 33rem;
  display: flex;
}

.faq-content {
  padding-bottom: var(--padding--regular);
}

.stack-copy-cta {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  pointer-events: none;
  color: var(--_colors---text-color--text-primary-light);
  mix-blend-mode: difference;
  flex-flow: column;
  display: flex;
}

.answer-content {
  padding-top: var(--padding--regular);
}

.section-contact {
  z-index: 2;
  margin-top: var(--padding-section--large);
  padding-top: var(--padding-section--large);
  padding-bottom: var(--padding-section--xlarge);
}

.contact-section {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  display: flex;
}

.contact-info {
  padding: var(--padding--xlarge);
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  background-color: var(--_colors---base--white);
  flex-flow: column;
  display: flex;
}

.link-block {
  grid-column-gap: var(--sizes--size-6);
  grid-row-gap: var(--sizes--size-6);
  flex-flow: column;
  display: flex;
}

.social-links {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.social-link {
  aspect-ratio: 1;
  background-color: var(--_colors---base--primary-dark);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  transition: background-color .2s;
  display: flex;
}

.social-link:hover {
  background-color: var(--_colors---grey--grey-500);
}

.social-icon {
  aspect-ratio: 1;
  width: 1.25rem;
}

.section-certifications {
  z-index: 2;
  margin-top: var(--padding-section--large);
  padding-top: var(--padding-section--large);
  padding-bottom: var(--padding-section--small);
}

.certifications-section-wrapper {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  display: flex;
}

.grid-certifications {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.certification-item {
  min-height: 16rem;
  padding: var(--padding--xlarge);
  background-color: var(--_colors---bg-color--bg-white);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.text-stack-certification {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  flex-flow: column;
  display: flex;
}

.certification-title {
  grid-column-gap: var(--padding--xsmall);
  grid-row-gap: var(--padding--xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-certificate {
  width: var(--sizes--size-8);
  margin-bottom: 1px;
}

.wrapper-heading-footer {
  max-width: 22rem;
}

.section-careers-hero {
  z-index: 2;
  margin-top: var(--padding-section--large);
  padding-top: var(--padding-section--large);
  padding-bottom: var(--padding-section--large);
}

.careers-hero {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.img-careers {
  width: 100%;
  display: flex;
  overflow: clip;
}

.section-listings {
  z-index: 2;
  padding-top: var(--padding-section--large);
  padding-bottom: var(--padding-section--large);
  background-color: var(--_colors---bg-color--bg-white);
}

.wrapper-listings {
  grid-column-gap: var(--padding-section--small);
  grid-row-gap: var(--padding-section--small);
  flex-flow: column;
  display: flex;
}

.listings-3stack-items {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  display: flex;
}

.single-3stack-item {
  padding-bottom: var(--padding--xhuge);
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  border-bottom: 1px solid var(--_colors---base--border-light);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 2fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.stack-w-button {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section-hero-case-study {
  flex: 1;
  margin-top: 6rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}

.logo-client {
  min-width: 16rem;
  max-width: 16rem;
}

.stack-case-study-hero {
  z-index: 30;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  margin-top: 16rem;
  display: flex;
  position: relative;
}

.case-study-hero-wrap {
  z-index: 33;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
}

.stack-items {
  z-index: 2;
  height: 100%;
  position: relative;
}

.section-about-case-study {
  z-index: 2;
  background-color: var(--_colors---bg-color--bg-white);
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.about-case-study-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.steps-case-study {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  cursor: pointer;
  flex-flow: column;
  display: flex;
}

.stack-case-study {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.the-outcome-section {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.empty-state {
  background-color: var(--_colors---bg-color--bg-default-light);
  padding: 2rem 10px 2rem 2rem;
}

.collection-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
}

.collection-list {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-case-study {
  z-index: 2;
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  pointer-events: auto;
  cursor: pointer;
  object-fit: contain;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.menu-open.w--open {
  padding: var(--padding--regular);
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  border-radius: var(--roundness--box-l);
  background-color: var(--_colors---bg-color--bg-white);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.menu-open.horizontal.w--open {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.menu-content-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.wrapper-nav-link {
  width: 100%;
  min-width: 20rem;
  padding: var(--padding--small) var(--padding--regular);
  border-radius: var(--roundness--box-m);
  background-color: var(--_colors---bg-color--bg-white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  transition: background-color .2s;
  display: flex;
  overflow: hidden;
}

.wrapper-nav-link:hover {
  background-color: var(--_colors---bg-color--bg-default-light);
}

.img-nav-icon {
  width: var(--padding--xlarge);
  padding: var(--sizes--size-2);
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-link {
  width: 100%;
  padding-left: var(--padding--regular);
}

.service-hero-wrapper {
  z-index: 10;
  margin-top: var(--padding-section--large);
  padding-top: 10rem;
  padding-bottom: var(--padding-section--large);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.section-service-3-boxes {
  padding-top: var(--padding--xhuge);
  padding-bottom: var(--padding-section--small);
}

.box-service {
  min-height: 20rem;
  padding: var(--padding--xlarge);
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  background-color: var(--_colors---bg-color--bg-white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section-service-description {
  padding-top: var(--padding-section--small);
  padding-bottom: var(--padding-section--medium);
}

.wrapper-service-description {
  grid-column-gap: var(--sizes--size-14);
  grid-row-gap: var(--sizes--size-14);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stack-benefits-benefits {
  grid-column-gap: var(--sizes--size-8);
  grid-row-gap: var(--sizes--size-8);
  flex-flow: column;
  display: flex;
}

.stack-service-description {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  flex-flow: column;
  display: flex;
}

.service-feature-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.single-bullet-point {
  grid-column-gap: var(--sizes--size-7);
  grid-row-gap: var(--sizes--size-7);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-bullet-point {
  max-width: var(--sizes--size-9);
  min-width: var(--sizes--size-9);
  padding: var(--sizes--size-2);
  aspect-ratio: 1;
  background-color: var(--_colors---base--primary-dark);
  display: flex;
}

.form-service-page {
  width: 100%;
}

.navbar-title-wrapper {
  padding-top: var(--padding--xsmall);
  padding-bottom: var(--padding--xsmall);
  padding-left: var(--padding--regular);
  display: flex;
}

.wrapper-img-nav-bar {
  aspect-ratio: 1;
  width: 16rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.arrow-menu {
  z-index: 10;
  width: var(--padding--xhuge);
  aspect-ratio: 1;
  background-color: var(--_colors---base--white);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: clip;
}

.stack-text-nav-cta {
  z-index: 10;
  width: 100%;
  padding-right: var(--padding--large);
  padding-bottom: var(--padding--large);
  padding-left: var(--padding--large);
  grid-column-gap: var(--sizes--size-2);
  grid-row-gap: var(--sizes--size-2);
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.dropdown {
  position: static;
}

.arrow-dropdown {
  width: 1rem;
}

.arrow-dropdown:where(.w-variant-45a0f07b-9aa1-7241-e7f1-f41653680527), .arrow-dropdown.dark {
  display: none;
}

.arrow-dropdown.dark:where(.w-variant-45a0f07b-9aa1-7241-e7f1-f41653680527) {
  display: block;
}

.img-404 {
  min-width: 18rem;
  max-width: 18rem;
}

.section-case-studies-hero {
  z-index: 2;
  margin-top: var(--padding-section--large);
  padding-top: var(--padding-section--large);
  padding-bottom: var(--padding-section--small);
}

.case-studies-hero {
  grid-column-gap: var(--padding-section--small);
  grid-row-gap: var(--padding-section--small);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.about-hero {
  grid-column-gap: var(--padding-section--small);
  grid-row-gap: var(--padding-section--small);
  flex-flow: column;
  display: flex;
}

.section-about-hero {
  z-index: 2;
  margin-top: var(--padding-section--large);
  padding-top: var(--padding-section--large);
  padding-bottom: var(--padding-section--small);
}

.img-service-background {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.section-hero-services {
  position: relative;
  overflow: clip;
}

.service-overlay {
  z-index: 2;
  pointer-events: none;
  object-fit: cover;
  background-image: linear-gradient(#080808b3, #08080800 40%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.single-value-section {
  padding-bottom: var(--padding-section--small);
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  border-bottom: 1px solid var(--_colors---base--border-light);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3.25fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.icon-1x1-xlarge {
  width: var(--padding--xhuge);
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-values {
  z-index: 2;
  padding-top: var(--padding-section--small);
  padding-bottom: var(--padding-section--large);
  background-color: var(--_colors---bg-color--bg-default-light);
}

.about-us-description {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section-our-team {
  z-index: 2;
  padding-top: var(--padding-section--medium);
  padding-bottom: var(--padding-section--large);
  background-color: var(--_colors---bg-color--bg-default-light);
}

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

.team-member-card {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  flex-flow: column;
  display: flex;
}

.section-cta-bottom {
  padding-top: var(--padding-section--small);
  padding-bottom: var(--padding-section--large);
}

.text-block-hero {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.stack-links-footer {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  display: flex;
}

.stack-footer-bottom {
  grid-column-gap: var(--padding--huge);
  grid-row-gap: var(--padding--huge);
  flex-flow: column;
  display: flex;
}

.bottom-line-footer {
  grid-column-gap: var(--padding--none);
  grid-row-gap: var(--padding--none);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 0;
  display: flex;
}

.dark-button:where(.w-variant-45a0f07b-9aa1-7241-e7f1-f41653680527) {
  display: none;
}

.light-button:where(.w-variant-45a0f07b-9aa1-7241-e7f1-f41653680527) {
  display: flex;
}

.heading-text-services {
  grid-column-gap: var(--padding--small);
  grid-row-gap: var(--padding--small);
  flex-flow: column;
  display: flex;
}

.tagline-heading-page {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  flex-flow: column;
  max-width: 55rem;
  display: flex;
}

.tagline-heading-page.max-width-50 {
  max-width: 50%;
}

.text-50-opacity {
  color: #ffffff80;
}

.trusted-by {
  grid-column-gap: var(--sizes--size-7);
  grid-row-gap: var(--sizes--size-7);
  display: flex;
}

.desktop-hero-img {
  padding: var(--sizes--size-4);
  border-radius: var(--sizes--size-6);
  background-color: #ffffff14;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.image-desktop-home {
  min-width: 70rem;
  max-width: 70rem;
}

.wrap-img-hero {
  overflow: hidden;
}

.section-products-homs {
  padding-top: var(--padding-section--small);
  padding-bottom: var(--padding-section--large);
}

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

.product {
  min-height: 15rem;
  padding: var(--padding--xlarge);
  border-radius: var(--sizes--size-4);
  background-color: var(--_colors---bg-color--bg-default-dark);
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product.public-cloud {
  background-image: url('../images/public-cloud.avif');
  background-position: 50%;
  background-size: cover;
  min-height: 20rem;
}

.product.private-cloud {
  background-image: url('../images/private-cloud.avif');
  background-position: 50%;
  background-size: cover;
}

.product.bare-metal {
  background-image: url('../images/BG1.avif');
  background-position: 50% 100%;
  background-size: cover;
}

.product.vps {
  background-image: url('../images/BG2.avif');
  background-position: 50% 100%;
  background-size: cover;
}

.product.colocation {
  background-image: url('../images/BG3.avif');
  background-position: 50% 100%;
  background-size: cover;
}

.product.cap {
  background-image: url('../images/BG4.avif');
  background-position: 50% 100%;
  background-size: cover;
}

.img-product {
  z-index: 20;
  height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.cover-dark {
  background-color: var(--_colors---bg-color--bg-default-dark);
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.top-product {
  z-index: 10;
  max-width: 50%;
  position: relative;
}

.btn-wrap {
  z-index: 10;
  position: relative;
}

.section-more-products {
  padding-top: var(--sizes--size-0);
  padding-bottom: var(--padding-section--large);
}

.secondary-product {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-product {
  width: var(--padding--xhuge);
  aspect-ratio: 1;
  border: 1px solid var(--_colors---base--border-light);
  border-radius: var(--roundness--box-s);
  background-color: var(--_colors---base--white);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.second-product-cards {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--sizes--size-12);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  display: grid;
}

.text-muted {
  color: #00112480;
}

.div-block {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tab {
  border-top: 1px solid var(--_colors---base--border-light);
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.tab.w--current {
  border-top-color: var(--_colors---base--gradient-blue);
  background-color: #fff0;
}

.tabs-menu {
  display: flex;
}

.tabs {
  grid-column-gap: var(--padding-section--medium);
  grid-row-gap: var(--padding-section--medium);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.logo-testimonial {
  max-width: 12rem;
}

.glass-effect {
  opacity: 0;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #ffffff03;
  position: absolute;
  inset: 0%;
}

.column-footer {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  display: flex;
}

.img-testimonial {
  width: var(--padding-section--small);
  aspect-ratio: 1;
}

.section-industries {
  padding-top: var(--sizes--size-0);
  padding-bottom: var(--padding-section--large);
  background-color: var(--_colors---bg-color--bg-white);
}

.industries-wrapper {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.two-column {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.industries {
  grid-column-gap: var(--padding-section--medium);
  grid-row-gap: var(--padding-section--medium);
  flex-flow: column;
  display: flex;
}

.industries-slider {
  background-color: #fff0;
  min-height: 460px;
}

.mask {
  width: 25%;
  overflow: visible;
}

.slide {
  display: none;
}

.industries-single-slide {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  flex-flow: column;
  display: flex;
}

.industry-img {
  aspect-ratio: 4 / 5;
  border-radius: var(--roundness--box-l);
  object-fit: cover;
}

.slider-single {
  padding-right: var(--sizes--size-8);
}

.left-arrow {
  top: -7.5rem;
  left: auto;
  right: var(--sizes--size-12);
  width: var(--sizes--size-11);
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  bottom: auto;
}

.right-arrow {
  inset: 0% 0% auto auto;
}

.right {
  top: -7.5rem;
  left: auto;
  right: var(--sizes--size-0);
  width: var(--sizes--size-11);
  aspect-ratio: 1;
  bottom: auto;
}

.arrow-wrap {
  max-width: var(--sizes--size-11);
  min-width: var(--sizes--size-11);
  aspect-ratio: 1;
  border: 1px solid var(--_colors---base--border-light);
  border-radius: var(--roundness--box-m);
  background-color: var(--_colors---bg-color--bg-white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.box-wrap {
  display: flex;
}

.section-dark {
  padding-top: var(--padding-section--large);
  padding-bottom: var(--padding-section--large);
  background-color: var(--_colors---bg-color--bg-default-dark);
}

.headline-dark {
  max-width: 36rem;
}

.dark-ddos {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  flex-flow: column;
  display: flex;
}

.text-muted-dark {
  color: #ffffff80;
}

.img-ddos {
  width: 100%;
}

.stack-vertical {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  display: flex;
}

.grid-2-col {
  grid-column-gap: var(--sizes--size-8);
  grid-row-gap: var(--sizes--size-8);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dark-box {
  padding: var(--padding--regular) var(--sizes--size-8);
  grid-column-gap: var(--sizes--size-7);
  grid-row-gap: var(--sizes--size-7);
  border-radius: var(--roundness--box-m);
  background-color: #ffffff14;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dark-box.centered {
  min-height: var(--padding-section--small);
  justify-content: center;
  align-items: center;
}

.grid-6 {
  grid-column-gap: var(--sizes--size-8);
  grid-row-gap: var(--sizes--size-8);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-dark {
  width: var(--padding--xlarge);
  height: var(--padding--xlarge);
  object-fit: contain;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.big-number {
  font-family: var(--_typography---h1--font-family);
  color: var(--_colors---base--gradient-blue);
  font-size: 4.5rem;
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
}

.stack-small {
  grid-column-gap: var(--sizes--size-5);
  grid-row-gap: var(--sizes--size-5);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-hero {
  padding-bottom: var(--padding-section--large);
  background-color: var(--_colors---bg-color--bg-default-dark);
  position: relative;
  overflow: clip;
}

.section-hero.bare-metal {
  background-image: linear-gradient(90deg, #00070ecc, #00070e99), url('../images/backgroud-bare-metal.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.max-width-heading._28rem {
  max-width: 28rem;
}

.section-hero-wrap {
  margin-top: var(--padding-section--large);
  padding-top: var(--padding-section--large);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section-pricing {
  padding-top: var(--padding-section--medium);
  padding-bottom: var(--padding-section--large);
  background-color: var(--_colors---bg-color--bg-default-light);
}

.pricing-bare-metal {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.filters-sidebar {
  min-width: 18rem;
  padding: var(--padding--xlarge) var(--padding--large) var(--padding--large);
  grid-column-gap: var(--sizes--size-8);
  grid-row-gap: var(--sizes--size-8);
  border: 1px solid var(--_colors---base--border-light);
  border-radius: var(--roundness--box-l);
  background-color: var(--_colors---bg-color--bg-white);
  flex-flow: column;
  display: flex;
}

.filter-box {
  grid-column-gap: var(--padding--xsmall);
  grid-row-gap: var(--padding--xsmall);
  flex-flow: column;
  display: flex;
}

.server-card {
  padding: var(--padding--xlarge);
  grid-column-gap: var(--roundness--box-l);
  grid-row-gap: var(--roundness--box-l);
  border: 1px solid var(--_colors---base--border-light);
  border-radius: var(--roundness--box-l);
  background-color: var(--_colors---bg-color--bg-white);
  flex-flow: column;
  display: flex;
}

.server-list {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  flex-flow: column;
  display: flex;
}

.dropdown-box {
  height: var(--padding--xhuge);
  padding-right: var(--padding--regular);
  padding-left: var(--padding--regular);
  border: 1px solid var(--_colors---base--border-light);
  border-radius: var(--roundness--box-m);
  background-color: var(--_colors---base--white);
  font-size: var(--_typography---body-m--font-size);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dropdown-box.no-padding {
  margin-bottom: 0;
}

.f-location {
  z-index: 100;
  width: 100%;
  min-height: var(--padding--xhuge);
}

.dropdown-list.w--open {
  z-index: 100;
  border: 1px solid var(--_colors---base--border-light);
  border-radius: var(--roundness--box-m);
  background-color: var(--_colors---base--white);
  -webkit-backdrop-filter: drop-shadow(2px 12px 20px #000000b3);
  backdrop-filter: drop-shadow(2px 12px 20px #000000b3);
}

.filters-list {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  flex-flow: column;
  display: flex;
}

.price-slider {
  width: 100%;
}

.min-max {
  grid-column-gap: var(--padding--small);
  grid-row-gap: var(--padding--small);
  width: 100%;
  display: flex;
}

.filter-num {
  height: var(--padding--xhuge);
  padding-right: var(--padding--regular);
  padding-left: var(--padding--regular);
  border: 1px solid var(--_colors---base--border-light);
  border-radius: var(--roundness--box-m);
  background-color: var(--_colors---base--white);
  font-size: var(--_typography---body-m--font-size);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.all-content-server {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.name-server {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.server-icon {
  width: var(--padding--xlarge);
}

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

.left-side-server {
  grid-column-gap: var(--padding--regular);
  grid-row-gap: var(--padding--regular);
  flex-flow: column;
  display: flex;
}

.right-server {
  height: 100%;
  padding-left: var(--padding--xlarge);
  border-left: 1px solid var(--_colors---base--border-light);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.tag-pricing {
  grid-column-gap: var(--sizes--size-0);
  grid-row-gap: var(--sizes--size-0);
  flex-flow: column;
  display: flex;
}

.pricing-tab {
  grid-column-gap: var(--sizes--size-6);
  grid-row-gap: var(--sizes--size-6);
  flex-flow: column;
  display: flex;
}

.price-wrapper {
  grid-column-gap: var(--sizes--size-2);
  grid-row-gap: var(--sizes--size-2);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.discount {
  height: var(--padding--large);
  padding-right: var(--sizes--size-4);
  padding-left: var(--sizes--size-4);
  border-radius: var(--roundness--box-s);
  background-color: var(--green);
  color: var(--_colors---text-color--text-primary-light);
  justify-content: center;
  align-items: center;
  display: flex;
}

.price-discount {
  grid-column-gap: var(--padding--xsmall);
  grid-row-gap: var(--padding--xsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bosy-s.text-color-white {
  color: var(--_colors---bg-color--bg-default-light);
}

.server-types-wrap {
  grid-column-gap: var(--sizes--size-4);
  grid-row-gap: var(--sizes--size-4);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tag {
  height: var(--sizes--size-10);
  padding-right: var(--sizes--size-6);
  padding-left: var(--sizes--size-6);
  border: 1px solid var(--_colors---base--border-light);
  background-color: var(--_colors---bg-color--bg-default-light);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.code-embed {
  display: flex;
}

.reset {
  height: var(--sizes--size-12);
  padding-right: var(--sizes--size-6);
  padding-left: var(--sizes--size-6);
  grid-column-gap: var(--sizes--size-4);
  grid-row-gap: var(--sizes--size-4);
  border: 1px solid var(--_colors---base--border-light);
  border-radius: var(--roundness--box-m);
  background-color: var(--_colors---bg-color--bg-default-light);
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-price {
  grid-column-gap: var(--sizes--size-6);
  grid-row-gap: var(--sizes--size-6);
  flex-flow: column;
  display: flex;
}

.open-menu-buttons {
  display: none;
}

.open-menu-buttons.hide-mobile-landscape {
  grid-column-gap: var(--padding--xsmall);
  grid-row-gap: var(--padding--xsmall);
  display: flex;
}

.reset-icon {
  aspect-ratio: 1;
  object-fit: cover;
  width: 1rem;
}

.bare-meral-wrap {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  flex-flow: column;
  display: flex;
}

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

.form-block {
  margin-bottom: 0;
  display: flex;
}

.form-sort {
  grid-column-gap: var(--sizes--size-7);
  grid-row-gap: var(--sizes--size-7);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-block-2 {
  margin-bottom: 0;
}

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

.section-cta-bot {
  padding-bottom: var(--sizes--size-0);
}

.two-column-cta {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.btn-cta {
  padding: var(--padding--large);
  border: 1px solid var(--_colors---base--border-light);
  border-radius: var(--roundness--box-l);
  background-color: var(--_colors---bg-color--bg-white);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-btn-cta {
  width: var(--padding-section--small);
  height: var(--padding-section--small);
  aspect-ratio: 1;
  border: 1px solid var(--_colors---base--border-light);
  border-radius: var(--roundness--box-m);
  justify-content: center;
  align-items: center;
  display: flex;
}

.stack-horizontal {
  grid-column-gap: var(--padding--large);
  grid-row-gap: var(--padding--large);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.arrow-btn {
  width: var(--padding-section--small);
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-wrapper {
  grid-column-gap: var(--padding--xhuge);
  grid-row-gap: var(--padding--xhuge);
  flex-flow: column;
  display: flex;
}

@media screen and (max-width: 991px) {
  body {
    --_typography---font-family--body: "DM Sans", sans-serif;
    --_typography---base--line-height: 1.5;
    --_typography---font-weight--regular: 400;
    --_typography---h1--font-family: var(--_typography---font-family--headers);
    --_typography---h1--font-size: 2.5rem;
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--medium);
    --_typography---h1--letter-spacing: -.07625rem;
    --_typography---h2--font-family: var(--_typography---font-family--headers);
    --_typography---h2--font-size: 1.75rem;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--medium);
    --_typography---h2--letter-spacing: -.06125rem;
    --_typography---h3--font-family: var(--_typography---font-family--headers);
    --_typography---h3--font-size: 1.5rem;
    --_typography---h3--line-height: 1.2;
    --_typography---h3--font-weight: var(--_typography---font-weight--medium);
    --_typography---h3--letter-spacing: -.04875rem;
    --_typography---h4--font-family: var(--_typography---font-family--headers);
    --_typography---h4--line-height: 1.2;
    --_typography---h4--font-weight: var(--_typography---font-weight--medium);
    --_typography---h4--letter-spacing: -.03875rem;
    --_typography---h5--font-family: var(--_typography---font-family--headers);
    --_typography---h5--font-size: 1.25rem;
    --_typography---h5--line-height: 1.2;
    --_typography---h5--font-weight: var(--_typography---font-weight--medium);
    --_typography---h6--letter-spacing: 0rem;
    --_typography---h6--font-family: var(--_typography---font-family--headers);
    --_typography---h6--font-size: 1.125rem;
    --_typography---h6--line-height: 1.2;
    --_typography---h6--font-weight: var(--_typography---font-weight--regular);
    --_typography---h4--font-size: 1.25rem;
    --_typography---h5--letter-spacing: 0rem;
    --_typography---body-s--font-size: .8125rem;
    --_typography---body-s--line-height: 1.5;
    --_typography---body-s--letter-spacing: 0rem;
    --_typography---body-l--font-size: 1.125rem;
    --_typography---body-l--line-height: 1.5;
    --_typography---body-l--letter-spacing: 0rem;
    --_typography---body-m--font-size: 1rem;
    --_typography---body-m--line-height: 1.5;
    --_typography---body-m--letter-spacing: 0rem;
    --_typography---body-xl--font-size: 1.25rem;
    --_typography---body-xl--line-height: 1.5;
    --_typography---body-xl--letter-spacing: 0rem;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--medium: 500;
    --_typography---font-weight--semibold: 600;
    --_typography---font-weight--bold: 700;
    --_typography---button--font-family: var(--_typography---font-family--body);
    --_typography---button--font-size: var(--padding--regular);
    --_typography---button--line-height: 1.5;
    --_typography---button--font-weight: var(--_typography---font-weight--regular);
    --_typography---button--letter-spacing: 0rem;
    --_typography---tagline--font-family: var(--_typography---font-family--body);
    --_typography---tagline--font-size: var(--sizes--size-7);
    --_typography---tagline--line-height: 1.5;
    --_typography---tagline--font-weight: var(--_typography---font-weight--regular);
    --_typography---tagline--letter-spacing: .05rem;
    --_typography---body-xl--font-family: var(--_typography---font-family--body);
    --_typography---body-xl--font-weight: var(--_typography---font-weight--regular);
    --_typography---body-l--font-family: var(--_typography---font-family--body);
    --_typography---body-l--font-weight: var(--_typography---font-weight--regular);
    --_typography---body-m--font-family: var(--_typography---font-family--body);
    --_typography---body-m--font-weight: var(--_typography---font-weight--regular);
    --_typography---body-s--font-family: var(--_typography---font-family--body);
    --_typography---body-s--font-weight: var(--_typography---font-weight--regular);
    --_typography---base--font-size: var(--padding--regular);
    --_typography---base--letter-spacing: 0rem;
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--extra-bold: 800;
    --_typography---font-weight--black: 900;
    --_typography---font-family--headers: "DM Sans", sans-serif;
    --padding--regular: var(--sizes--size-7);
    --padding--none: var(--sizes--size-0);
    --padding--large: var(--sizes--size-9);
    --padding-section--large: var(--sizes--size-17);
    --padding--xlarge: var(--sizes--size-10);
    --padding-section--medium: var(--sizes--size-16);
    --padding-section--small: var(--sizes--size-14);
    --padding--xhuge: var(--sizes--size-12);
    --padding--xxsmall: var(--sizes--size-2);
    --padding--small: var(--sizes--size-6);
    --sizes--size-6: .75rem;
    --padding--xsmall: var(--sizes--size-4);
    --green: #02b190;
    --roundness--box-s: var(--sizes--size-2);
    --sizes--size-8: 1.25rem;
    --padding--huge: var(--sizes--size-11);
    --sizes--size-0: 0rem;
    --sizes--size-17: 6.25rem;
    --roundness--box-m: var(--sizes--size-4);
    --sizes--size-7: 1rem;
    --roundness--box-l: var(--sizes--size-6);
    --sizes--size-3: .375rem;
    --sizes--size-4: .5rem;
    --sizes--size-10: 2rem;
    --padding-section--xlarge: var(--sizes--size-19);
    --sizes--size-2: .25rem;
    --sizes--size-14: 4rem;
    --sizes--size-9: 1.5rem;
    --sizes--size-12: 3rem;
    --sizes--size-11: 2.5rem;
    --sizes--size-5: .625rem;
    --sizes--size-1: .125rem;
    --sizes--size-13: 3.5rem;
    --sizes--size-15: 4.5rem;
    --sizes--size-16: 5rem;
    --sizes--size-18: 6.25rem;
    --sizes--size-19: 7.5rem;
    --sizes--size-20: 7.5rem;
    --roundness--box-xl: var(--sizes--size-7);
  }

  .padding-global {
    padding-right: var(--padding--xlarge);
    padding-left: var(--padding--xlarge);
  }

  .hm-styleguide-heading-header {
    font-size: 4rem;
  }

  .body-l.text-color-primary-light.custom-mobile {
    font-size: .875rem;
  }

  .button {
    min-height: 3rem;
    max-height: 3rem;
  }

  .hm-styleguide-4-col {
    grid-template-columns: 1fr 1fr;
  }

  .hide-tablet {
    display: none;
  }

  .navbar {
    z-index: 100;
  }

  .navbar-logo {
    min-width: 10rem;
    max-width: 10rem;
  }

  .nav-links {
    width: 100%;
    color: var(--_colors---text-color--text-primary-dark);
    font-size: var(--_typography---body-xl--font-size);
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: auto;
    padding-top: 1.25rem;
    padding-bottom: .5rem;
  }

  .nav-links:hover {
    border-bottom-color: #fff0;
  }

  .navbar-list {
    z-index: 100;
    padding: var(--sizes--size-7);
    border-radius: var(--roundness--box-l);
    background-color: var(--_colors---base--white);
  }

  .menu-button {
    padding: var(--sizes--size-0) var(--sizes--size-0) var(--sizes--size-0) var(--sizes--size-7);
  }

  .menu-button.w--open {
    background-color: #fff0;
  }

  .nav-button-component {
    width: var(--padding--xhuge);
    height: var(--padding--xhuge);
    padding-right: var(--padding--xsmall);
    padding-left: var(--padding--xsmall);
    justify-content: center;
    align-items: center;
    transition: background-color .2s;
    display: flex;
    position: relative;
  }

  .nav-button-component:where(.w-variant-45a0f07b-9aa1-7241-e7f1-f41653680527) {
    border-color: var(--_colors---base--border-light);
    background-image: none;
  }

  .nav-button-line {
    width: var(--padding--xlarge);
    height: 2px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .nav-button-line:where(.w-variant-45a0f07b-9aa1-7241-e7f1-f41653680527) {
    background-color: var(--_colors---base--primary-dark);
  }

  .nav-button-line.is-first {
    transform: translate(0, -.375rem);
  }

  .nav-button-line.is-third {
    transform: translate(0, .375rem);
  }

  .nav-button-wrap {
    grid-column-gap: var(--padding--xsmall);
    grid-row-gap: var(--padding--xsmall);
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .faq-2-column-grid {
    grid-template-columns: 1fr;
  }

  .section-footer {
    padding-top: var(--padding-section--small);
  }

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

  .footer-left {
    display: none;
  }

  .footer-links-container {
    padding-top: 0;
  }

  .footer-logo {
    min-width: 10rem;
    max-width: 10rem;
  }

  .contact-page-grid {
    grid-column-gap: var(--padding--xlarge);
    grid-row-gap: var(--padding--xlarge);
    grid-template-columns: 2fr;
  }

  .section-hero-home {
    min-height: 50rem;
  }

  .home-hero {
    padding-top: var(--padding-section--small);
  }

  .dark-circle, .primary-circle, .secondary-circle {
    min-height: 100vh;
    max-height: 100vh;
  }

  .wrapper-home-hero {
    grid-column-gap: var(--padding--xlarge);
    grid-row-gap: var(--padding--xlarge);
    width: 100%;
  }

  .wrapper-home-hero.max-width-60 {
    max-width: 32rem;
  }

  .client-logo {
    width: 12rem;
  }

  .image-and-text-wrapper {
    grid-template-columns: 1fr;
  }

  .tagline-heading.max-width-50 {
    max-width: 30rem;
  }

  .img-container.ratio-239-1 {
    aspect-ratio: 2;
  }

  .wrapper-services {
    grid-column-gap: var(--padding--large);
    grid-row-gap: var(--padding--large);
  }

  .wrapper-3-boxes-grid {
    grid-column-gap: var(--padding--xhuge);
    grid-row-gap: var(--padding--xhuge);
    grid-template-columns: 1fr;
  }

  .service-img {
    object-fit: contain;
    height: 100%;
  }

  .service-img-wrapper {
    min-height: 24rem;
    max-height: 24rem;
    padding: 2.5rem;
  }

  .img-process {
    min-height: 32rem;
  }

  .grid-solutions {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .blur-overlay.case-study {
    height: 90%;
  }

  .heading-width-faq {
    max-width: 100%;
  }

  .faq-cta {
    display: none;
  }

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

  .wrapper-heading-footer {
    max-width: 20rem;
  }

  .single-3stack-item {
    grid-template-columns: 1fr;
  }

  .the-outcome-section {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

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

  .menu-open.w--open {
    padding-top: 0;
  }

  .img-nav-icon {
    min-width: 2rem;
  }

  .dropdown-link {
    padding-left: 1rem;
  }

  .navbar-title-wrapper, .wrapper-img-nav-bar {
    display: none;
  }

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

  .arrow-dropdown {
    width: 1.5rem;
    display: none;
  }

  .arrow-dropdown.dark {
    display: block;
  }

  .img-404 {
    min-width: 14rem;
    max-width: 14rem;
  }

  .single-value-section {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .team-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .text-block-hero {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .tagline-heading-page.max-width-50 {
    max-width: 100%;
  }

  .image-desktop-home {
    min-width: 54rem;
  }

  .product {
    min-height: 14rem;
  }

  .second-product-cards {
    grid-template-columns: 1fr 1fr;
  }

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

  .industries-slider {
    min-height: 390px;
  }

  .mask {
    width: 33%;
  }

  .grid-2-col {
    grid-template-columns: 1fr;
  }

  .dark-box.centered {
    padding-top: var(--padding--huge);
    padding-bottom: var(--padding--huge);
  }

  .big-number {
    font-size: 3.5rem;
  }

  .section-hero-wrap {
    padding-top: var(--padding-section--small);
  }

  .section-pricing {
    padding-top: var(--padding-section--small);
    padding-bottom: var(--padding-section--small);
  }

  .pricing-bare-metal {
    grid-column-gap: var(--padding--regular);
    grid-row-gap: var(--padding--regular);
    flex-flow: column;
    grid-template-columns: .5fr 1fr;
    display: flex;
  }

  .filters-sidebar {
    width: 100%;
    min-width: 16rem;
  }

  .filter-num {
    padding-right: var(--padding--small);
    padding-left: var(--padding--small);
  }

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

  .servers-right {
    width: 100%;
  }

  .open-menu-buttons {
    padding-top: var(--sizes--size-7);
    grid-column-gap: var(--sizes--size-4);
    grid-row-gap: var(--sizes--size-4);
    flex-flow: column;
  }

  .results-top {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---font-family--body: "DM Sans", sans-serif;
    --_typography---base--line-height: 1.5;
    --_typography---font-weight--regular: 400;
    --_typography---h1--font-family: var(--_typography---font-family--headers);
    --_typography---h1--font-size: 2.25rem;
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--medium);
    --_typography---h1--letter-spacing: -.07625rem;
    --_typography---h2--font-family: var(--_typography---font-family--headers);
    --_typography---h2--font-size: 1.625rem;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--medium);
    --_typography---h2--letter-spacing: -.06125rem;
    --_typography---h3--font-family: var(--_typography---font-family--headers);
    --_typography---h3--font-size: 1.375rem;
    --_typography---h3--line-height: 1.2;
    --_typography---h3--font-weight: var(--_typography---font-weight--medium);
    --_typography---h3--letter-spacing: -.04875rem;
    --_typography---h4--font-family: var(--_typography---font-family--headers);
    --_typography---h4--line-height: 1.2;
    --_typography---h4--font-weight: var(--_typography---font-weight--medium);
    --_typography---h4--letter-spacing: -.03875rem;
    --_typography---h5--font-family: var(--_typography---font-family--headers);
    --_typography---h5--font-size: 1.125rem;
    --_typography---h5--line-height: 1.2;
    --_typography---h5--font-weight: var(--_typography---font-weight--medium);
    --_typography---h6--letter-spacing: 0rem;
    --_typography---h6--font-family: var(--_typography---font-family--headers);
    --_typography---h6--font-size: 1rem;
    --_typography---h6--line-height: 1.2;
    --_typography---h6--font-weight: var(--_typography---font-weight--regular);
    --_typography---h4--font-size: 1.25rem;
    --_typography---h5--letter-spacing: 0rem;
    --_typography---body-s--font-size: .75rem;
    --_typography---body-s--line-height: 1.5;
    --_typography---body-s--letter-spacing: 0rem;
    --_typography---body-l--font-size: 1rem;
    --_typography---body-l--line-height: 1.5;
    --_typography---body-l--letter-spacing: 0rem;
    --_typography---body-m--font-size: .8125rem;
    --_typography---body-m--line-height: 1.5;
    --_typography---body-m--letter-spacing: 0rem;
    --_typography---body-xl--font-size: 1.125rem;
    --_typography---body-xl--line-height: 1.5;
    --_typography---body-xl--letter-spacing: 0rem;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--medium: 500;
    --_typography---font-weight--semibold: 600;
    --_typography---font-weight--bold: 700;
    --_typography---button--font-family: var(--_typography---font-family--body);
    --_typography---button--font-size: var(--padding--regular);
    --_typography---button--line-height: 1.5;
    --_typography---button--font-weight: var(--_typography---font-weight--regular);
    --_typography---button--letter-spacing: 0rem;
    --_typography---tagline--font-family: var(--_typography---font-family--body);
    --_typography---tagline--font-size: var(--sizes--size-7);
    --_typography---tagline--line-height: 1.5;
    --_typography---tagline--font-weight: var(--_typography---font-weight--regular);
    --_typography---tagline--letter-spacing: .05rem;
    --_typography---body-xl--font-family: var(--_typography---font-family--body);
    --_typography---body-xl--font-weight: var(--_typography---font-weight--regular);
    --_typography---body-l--font-family: var(--_typography---font-family--body);
    --_typography---body-l--font-weight: var(--_typography---font-weight--regular);
    --_typography---body-m--font-family: var(--_typography---font-family--body);
    --_typography---body-m--font-weight: var(--_typography---font-weight--regular);
    --_typography---body-s--font-family: var(--_typography---font-family--body);
    --_typography---body-s--font-weight: var(--_typography---font-weight--regular);
    --_typography---base--font-size: var(--padding--regular);
    --_typography---base--letter-spacing: 0rem;
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--extra-bold: 800;
    --_typography---font-weight--black: 900;
    --_typography---font-family--headers: "DM Sans", sans-serif;
    --padding--regular: var(--sizes--size-7);
    --padding--none: var(--sizes--size-0);
    --padding--large: var(--sizes--size-9);
    --padding-section--large: var(--sizes--size-17);
    --padding--xlarge: var(--sizes--size-10);
    --padding-section--medium: var(--sizes--size-16);
    --padding-section--small: var(--sizes--size-14);
    --padding--xhuge: var(--sizes--size-12);
    --padding--xxsmall: var(--sizes--size-2);
    --padding--small: var(--sizes--size-6);
    --sizes--size-6: .625rem;
    --padding--xsmall: var(--sizes--size-4);
    --green: #02b190;
    --roundness--box-s: var(--sizes--size-2);
    --sizes--size-8: 1.25rem;
    --padding--huge: var(--sizes--size-11);
    --sizes--size-0: 0rem;
    --sizes--size-17: 5rem;
    --roundness--box-m: var(--sizes--size-4);
    --sizes--size-7: .75rem;
    --roundness--box-l: var(--sizes--size-6);
    --sizes--size-3: .375rem;
    --sizes--size-4: .375rem;
    --sizes--size-10: 1.5rem;
    --padding-section--xlarge: var(--sizes--size-19);
    --sizes--size-2: .25rem;
    --sizes--size-14: 3.5rem;
    --sizes--size-9: 1.25rem;
    --sizes--size-12: 2.5rem;
    --sizes--size-11: 2rem;
    --sizes--size-5: .5rem;
    --sizes--size-1: .125rem;
    --sizes--size-13: 3rem;
    --sizes--size-15: 4rem;
    --sizes--size-16: 4.5rem;
    --sizes--size-18: 5rem;
    --sizes--size-19: 6.25rem;
    --sizes--size-20: 6.25rem;
    --roundness--box-xl: var(--sizes--size-7);
  }

  h1 {
    margin-top: var(--padding--none);
    margin-bottom: var(--padding--none);
  }

  .padding-global {
    padding-right: var(--padding--large);
    padding-left: var(--padding--large);
  }

  .hm-styleguide-heading-header {
    font-size: 3rem;
  }

  .hm-styleguide-2-col {
    grid-template-columns: 1fr;
  }

  .h2.no-break {
    white-space: nowrap;
  }

  .button {
    min-height: 2.5rem;
    max-height: 2.5rem;
  }

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

  .button-stack {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .gradient-background {
    min-height: 44rem;
    max-height: 44rem;
  }

  .navbar {
    padding-top: var(--padding--regular);
    padding-bottom: var(--sizes--size-0);
  }

  .menu-button.w--open {
    background-color: #fff0;
  }

  .nav-button-wrap-small.hide-mobile-landscape {
    display: none;
  }

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

  .footer-left {
    grid-column-gap: var(--padding--xhuge);
    grid-row-gap: var(--padding--xhuge);
  }

  .footer-container {
    grid-column-gap: var(--padding--xlarge);
    grid-row-gap: var(--padding--xlarge);
  }

  .field-grid-stack {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .section-hero-home {
    min-height: 40rem;
  }

  .home-hero {
    padding-top: 4rem;
  }

  .dark-circle {
    filter: blur(100px);
    min-width: 200vw;
    max-width: 200vw;
    min-height: 34rem;
    max-height: 34rem;
    margin-top: -10rem;
    margin-left: -40vw;
  }

  .primary-circle {
    filter: blur(130px);
    min-width: 200vw;
    max-width: 200vw;
    min-height: 54rem;
    max-height: 54rem;
    margin-top: -11rem;
    margin-left: -40vw;
  }

  .secondary-circle {
    filter: blur(115px);
    min-width: 240vw;
    max-width: 240vw;
    min-height: 56rem;
    max-height: 56rem;
    margin-top: -20rem;
    margin-left: -40vw;
  }

  .single-testimonial-image {
    margin-left: -.375rem;
  }

  .client-logo {
    width: 10rem;
  }

  .overlay-light {
    inset: auto 0% 0%;
  }

  .img-container.ratio-239-1 {
    aspect-ratio: 3 / 2;
  }

  .service-img-wrapper {
    padding-left: 20%;
    padding-right: 20%;
  }

  .quote-icon {
    width: 2.5rem;
  }

  .img-process {
    min-height: 24rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

  .single-solution {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .single-case-study {
    min-height: 24rem;
  }

  .section-contact {
    padding-bottom: var(--padding-section--large);
  }

  .social-link {
    width: 2rem;
  }

  .social-icon {
    width: 1rem;
  }

  .grid-certifications {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .certification-item {
    min-height: 12rem;
  }

  .wrapper-heading-footer {
    max-width: 16rem;
  }

  .careers-hero {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .single-3stack-item {
    grid-template-columns: 1fr;
  }

  .section-hero-case-study {
    padding-top: 0;
    padding-bottom: 3rem;
  }

  .logo-client {
    min-width: 12rem;
    max-width: 12rem;
  }

  .stack-case-study-hero {
    margin-top: 12rem;
  }

  .section-about-case-study {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .about-case-study-wrapper, .collection-list {
    grid-template-columns: 1fr;
  }

  .menu-open.horizontal.w--open {
    flex-flow: column;
  }

  .service-hero-wrapper {
    padding-top: var(--padding-section--xlarge);
  }

  .box-service {
    min-height: 12rem;
  }

  .wrapper-service-description {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .img-404 {
    min-width: 12rem;
    max-width: 12rem;
  }

  .case-studies-hero {
    grid-template-columns: 1fr;
  }

  .section-hero-services {
    min-height: 20rem;
  }

  .single-value-section {
    grid-template-columns: 1fr;
  }

  .about-us-description {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .team-grid {
    grid-row-gap: var(--padding--xhuge);
  }

  .bottom-line-footer {
    grid-column-gap: var(--padding--xhuge);
    grid-row-gap: var(--padding--xhuge);
  }

  .product-cards {
    grid-column-gap: var(--padding--large);
    grid-row-gap: var(--padding--large);
    grid-template-columns: 1fr;
  }

  .product {
    min-height: 12rem;
  }

  .second-product-cards {
    grid-template-columns: 1fr 1fr;
  }

  .column-footer {
    grid-column-gap: var(--padding--xlarge);
    grid-row-gap: var(--padding--xlarge);
  }

  .two-column {
    grid-template-columns: 1fr;
  }

  .industries {
    grid-column-gap: var(--padding-section--small);
    grid-row-gap: var(--padding-section--small);
  }

  .mask {
    width: 50%;
  }

  .left-arrow, .right {
    top: -5.5rem;
  }

  .wrap-right-side {
    display: none;
  }

  .headline-dark {
    max-width: 32rem;
  }

  .dark-box {
    padding-top: var(--sizes--size-8);
    padding-bottom: var(--sizes--size-8);
  }

  .section-hero-wrap {
    padding-top: 4rem;
  }

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

  .filters-sidebar {
    width: 100%;
  }

  .all-content-server {
    grid-column-gap: var(--sizes--size-8);
    grid-row-gap: var(--sizes--size-8);
    flex-flow: column;
    display: flex;
  }

  .first-row {
    grid-column-gap: var(--sizes--size-7);
    grid-row-gap: var(--sizes--size-7);
    flex-flow: column;
    display: flex;
  }

  .right-server {
    padding-top: var(--sizes--size-10);
    padding-left: var(--sizes--size-0);
    grid-column-gap: var(--padding--large);
    grid-row-gap: var(--padding--large);
    border-top: 1px solid var(--_colors---base--border-light);
    border-left-width: 0;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .servers-right, .btn-price {
    width: 100%;
  }

  .open-menu-buttons {
    display: flex;
  }

  .open-menu-buttons.hide-mobile-landscape {
    display: none;
  }

  .reset-icon {
    width: .8125rem;
  }

  .top-bare-metal {
    justify-content: space-between;
    align-items: center;
  }

  .form-block {
    justify-content: flex-end;
    align-items: center;
  }

  .two-column-cta {
    grid-column-gap: var(--padding--regular);
    grid-row-gap: var(--padding--regular);
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---font-family--body: "DM Sans", sans-serif;
    --_typography---base--line-height: 1.5;
    --_typography---font-weight--regular: 400;
    --_typography---h1--font-family: var(--_typography---font-family--headers);
    --_typography---h1--font-size: 2rem;
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--medium);
    --_typography---h1--letter-spacing: -.07625rem;
    --_typography---h2--font-family: var(--_typography---font-family--headers);
    --_typography---h2--font-size: 1.5rem;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--medium);
    --_typography---h2--letter-spacing: -.06125rem;
    --_typography---h3--font-family: var(--_typography---font-family--headers);
    --_typography---h3--font-size: 1.375rem;
    --_typography---h3--line-height: 1.2;
    --_typography---h3--font-weight: var(--_typography---font-weight--medium);
    --_typography---h3--letter-spacing: -.04875rem;
    --_typography---h4--font-family: var(--_typography---font-family--headers);
    --_typography---h4--line-height: 1.2;
    --_typography---h4--font-weight: var(--_typography---font-weight--medium);
    --_typography---h4--letter-spacing: -.03875rem;
    --_typography---h5--font-family: var(--_typography---font-family--headers);
    --_typography---h5--font-size: 1.125rem;
    --_typography---h5--line-height: 1.2;
    --_typography---h5--font-weight: var(--_typography---font-weight--medium);
    --_typography---h6--letter-spacing: 0rem;
    --_typography---h6--font-family: var(--_typography---font-family--headers);
    --_typography---h6--font-size: 1rem;
    --_typography---h6--line-height: 1.2;
    --_typography---h6--font-weight: var(--_typography---font-weight--regular);
    --_typography---h4--font-size: 1.25rem;
    --_typography---h5--letter-spacing: 0rem;
    --_typography---body-s--font-size: .75rem;
    --_typography---body-s--line-height: 1.5;
    --_typography---body-s--letter-spacing: 0rem;
    --_typography---body-l--font-size: 1rem;
    --_typography---body-l--line-height: 1.5;
    --_typography---body-l--letter-spacing: 0rem;
    --_typography---body-m--font-size: .8125rem;
    --_typography---body-m--line-height: 1.5;
    --_typography---body-m--letter-spacing: 0rem;
    --_typography---body-xl--font-size: 1.125rem;
    --_typography---body-xl--line-height: 1.5;
    --_typography---body-xl--letter-spacing: 0rem;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--medium: 500;
    --_typography---font-weight--semibold: 600;
    --_typography---font-weight--bold: 700;
    --_typography---button--font-family: var(--_typography---font-family--body);
    --_typography---button--font-size: var(--padding--regular);
    --_typography---button--line-height: 1.5;
    --_typography---button--font-weight: var(--_typography---font-weight--regular);
    --_typography---button--letter-spacing: 0rem;
    --_typography---tagline--font-family: var(--_typography---font-family--body);
    --_typography---tagline--font-size: var(--sizes--size-7);
    --_typography---tagline--line-height: 1.5;
    --_typography---tagline--font-weight: var(--_typography---font-weight--regular);
    --_typography---tagline--letter-spacing: .05rem;
    --_typography---body-xl--font-family: var(--_typography---font-family--body);
    --_typography---body-xl--font-weight: var(--_typography---font-weight--regular);
    --_typography---body-l--font-family: var(--_typography---font-family--body);
    --_typography---body-l--font-weight: var(--_typography---font-weight--regular);
    --_typography---body-m--font-family: var(--_typography---font-family--body);
    --_typography---body-m--font-weight: var(--_typography---font-weight--regular);
    --_typography---body-s--font-family: var(--_typography---font-family--body);
    --_typography---body-s--font-weight: var(--_typography---font-weight--regular);
    --_typography---base--font-size: var(--padding--regular);
    --_typography---base--letter-spacing: 0rem;
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--extra-bold: 800;
    --_typography---font-weight--black: 900;
    --_typography---font-family--headers: "DM Sans", sans-serif;
    --padding--regular: var(--sizes--size-7);
    --padding--none: var(--sizes--size-0);
    --padding--large: var(--sizes--size-9);
    --padding-section--large: var(--sizes--size-17);
    --padding--xlarge: var(--sizes--size-10);
    --padding-section--medium: var(--sizes--size-16);
    --padding-section--small: var(--sizes--size-14);
    --padding--xhuge: var(--sizes--size-12);
    --padding--xxsmall: var(--sizes--size-2);
    --padding--small: var(--sizes--size-6);
    --sizes--size-6: .625rem;
    --padding--xsmall: var(--sizes--size-4);
    --green: #02b190;
    --roundness--box-s: var(--sizes--size-2);
    --sizes--size-8: 1rem;
    --padding--huge: var(--sizes--size-11);
    --sizes--size-0: 0rem;
    --sizes--size-17: 4rem;
    --roundness--box-m: var(--sizes--size-4);
    --sizes--size-7: .75rem;
    --roundness--box-l: var(--sizes--size-6);
    --sizes--size-3: .375rem;
    --sizes--size-4: .375rem;
    --sizes--size-10: 1.25rem;
    --padding-section--xlarge: var(--sizes--size-19);
    --sizes--size-2: .25rem;
    --sizes--size-14: 3rem;
    --sizes--size-9: 1.25rem;
    --sizes--size-12: 2.5rem;
    --sizes--size-11: 2rem;
    --sizes--size-5: .5rem;
    --sizes--size-1: .125rem;
    --sizes--size-13: 3rem;
    --sizes--size-15: 3.5rem;
    --sizes--size-16: 4rem;
    --sizes--size-18: 4rem;
    --sizes--size-19: 5rem;
    --sizes--size-20: 5rem;
    --roundness--box-xl: var(--sizes--size-7);
  }

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

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

  .img-process {
    min-height: 10rem;
  }

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

  .about-case-study-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

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

  .image-desktop-home {
    min-width: 28rem;
  }

  .second-product-cards {
    grid-template-columns: 1fr;
  }

  .tabs-menu {
    width: 100%;
  }

  .logo-testimonial {
    max-width: 100%;
  }

  .mask {
    width: 66%;
  }

  .dark-box {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .icon-dark {
    width: var(--padding--huge);
    height: var(--padding--huge);
  }

  .top-bare-metal {
    grid-column-gap: var(--sizes--size-6);
    grid-row-gap: var(--sizes--size-6);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .form-block {
    justify-content: flex-start;
    align-items: center;
  }
}

#w-node-d74cceff-de99-9588-46c7-35c6ddc391d4-8f0be571, #w-node-ed174413-ccd1-f0d2-8f34-5b569acdb87b-8f0be571, #w-node-_4ddec350-772c-b4f4-4ce4-97686d2fa51e-8f0be571, #w-node-_4799e624-58f9-a21d-85ec-efd8da880614-8f0be571, #w-node-aeabe400-7b62-b71f-11ef-3a65a9aedaa3-8f0be571, #w-node-_01da763a-38cd-4ad9-6dac-57e37316c43c-8f0be571, #w-node-_8a9cde34-a8eb-3adc-bf0e-8f4169f96d03-8f0be571, #w-node-_5a0dafd2-1f60-ac4c-5778-1f048ad411e2-8f0be571, #w-node-_2294f31c-bd21-e629-a9dc-7f7921be295d-8f0be571, #w-node-_8eda94d7-f086-f48e-2a81-63bcdb5bbb42-8f0be571, #w-node-_16c8a75a-5c53-657c-d96f-5b9246e18741-8f0be571, #w-node-_8c6a3376-983a-c0a3-f06d-425ee43b487b-8f0be571, #w-node-_99ab7a6a-82a6-68ff-a9ae-07167e74e12a-8f0be571, #w-node-_6ee6f78a-156e-b246-fd05-2c301b40bbb4-8f0be571, #w-node-_5e11d199-6cdf-b279-781d-a5f9cb9a7d17-8f0be571, #w-node-_53114908-923b-abc7-272f-570fd274b406-8f0be571, #w-node-_53114908-923b-abc7-272f-570fd274b40c-8f0be571, #w-node-_1afb301d-bf9b-d104-0491-21044988d19f-8f0be571, #w-node-_3effbb52-be7f-c8dd-e814-80e78f2af089-8f0be571, #w-node-_64308047-70ab-06d0-1480-16ebc009d34e-8f0be571, #w-node-ee6c747e-a560-8f64-2237-86cfa1fc4524-8f0be571, #w-node-be588127-828a-be38-c0cc-9c385c183b6c-8f0be571, #w-node-a9347e1d-6591-066f-6171-e0b2763a8ae4-8f0be571, #w-node-dd84f1df-3994-5558-2e1f-d6d424f641ac-8f0be571, #w-node-f9c877aa-3626-d3de-88e9-a9935168e5cf-8f0be571, #w-node-_46fbbc2d-a025-4551-048d-da973be3a9cc-8f0be571, #w-node-_47ee67b6-f431-75ed-2a81-8927ab86c5b9-8f0be571, #w-node-_62d4467a-b64a-2e9b-44b7-35aa501d813e-8f0be571, #w-node-_90ea63ff-cfc0-411c-2737-d5341c13dedb-8f0be571, #w-node-_90ea63ff-cfc0-411c-2737-d5341c13dede-8f0be571, #w-node-_6ed6e389-f8b6-04f9-065e-f8a303a0f593-8f0be571, #w-node-_6ed6e389-f8b6-04f9-065e-f8a303a0f596-8f0be571, #w-node-ef8d7ebb-7fba-6e4d-e00d-2fdafeab65d0-8f0be571, #w-node-_5dbc5762-ce7d-f606-5426-b9544e221d64-8f0be571, #w-node-_0ff68524-1aec-0c2c-19a5-a7b7281a7002-8f0be571, #w-node-bdb64dd6-7917-ef2c-7e7f-2abd6f7a6f87-8f0be571, #w-node-d944f103-3272-c6ee-b7a6-659e5d550145-8f0be571, #w-node-_1f1c2e8f-6e2c-70ea-d165-e68dc9f5d770-8f0be571, #w-node-_886ddf54-59c4-803a-c887-2d373581b7df-8f0be571, #w-node-cc3ae0e0-7b63-4c9d-87b8-c32ba13b0e79-8f0be571, #w-node-cc3ae0e0-7b63-4c9d-87b8-c32ba13b0e7f-8f0be571, #w-node-a18834a2-a456-19b5-ee1f-f8e530999804-8f0be571, #w-node-_5f33e5d5-f051-4ad3-44bb-94241ab60536-8f0be571, #w-node-f29bf4f4-7cee-65ed-1d7e-2dede8d7c376-8f0be571, #w-node-a0ccb231-69cd-b608-faf1-4013784d164a-8f0be571, #w-node-_8f9e9c98-935f-76f0-6a83-c66ec5f13595-8f0be571, #w-node-_8da8cd12-26e9-3b27-c4d4-ad06db1a4590-8f0be571, #w-node-_218cc131-c7d5-e92c-0329-112425c4fe73-8f0be571, #w-node-_888531b9-4492-93e8-82f3-7a4ac83d53ea-8f0be571, #w-node-_888531b9-4492-93e8-82f3-7a4ac83d53f6-8f0be571, #w-node-f865149b-5d54-66ed-6f53-8fe863a0804d-8f0be571, #w-node-fb7018dc-ffa4-7af6-79ed-6974bdcd647c-8f0be571, #w-node-_748a52e2-d63b-c56b-3bac-e0d2a8cdc449-8f0be571, #w-node-a2fd0bb6-2720-14d5-c930-c93462ab2ab1-8f0be571, #w-node-_68de2a22-71d9-5c03-6a0b-c1005a48c039-8f0be571, #w-node-e572ad62-36a8-8dab-7e55-10ff3ac3a0b1-8f0be571, #w-node-f1491c41-5435-5534-ad54-cfcd6799a9cc-8f0be571, #w-node-_02fa3bc3-b59f-4767-453f-249dfcb8e42f-8f0be571, #w-node-d003bb61-5c03-816a-65f4-6c88c83bb942-8f0be571, #w-node-d003bb61-5c03-816a-65f4-6c88c83bb948-8f0be571, #w-node-b21af1a9-4d7c-541e-5e79-672f22b5eede-8f0be571, #w-node-_9eb49b58-0b33-74c9-ae4d-43a004fedbb8-8f0be571, #w-node-_56e257ea-8eae-f137-4d92-837c4a25c7a4-8f0be571, #w-node-_56e257ea-8eae-f137-4d92-837c4a25c7b0-8f0be571, #w-node-dd195be5-ebbf-36aa-007b-ab5bda382699-8f0be571, #w-node-dd195be5-ebbf-36aa-007b-ab5bda3826a2-8f0be571, #w-node-f5bad181-83d4-8548-0c32-a93ef3f73cf3-8f0be571, #w-node-def1e095-4a96-b26d-2b35-113f61eb0bf2-8f0be571, #w-node-f072cbd9-1701-6005-b740-a865b7622d1c-8f0be571, #w-node-_8826eb16-25d0-3118-da62-23aa84733d6c-8f0be571, #w-node-_2cf1b2a1-f735-73fe-d005-417efce34486-8f0be571, #w-node-f8f2b881-844a-e146-1ff2-b109a82b51fa-8f0be571, #w-node-_54efd209-e89e-2e76-3d6f-fb429ef64f82-8f0be571, #w-node-_60ad9b93-fdcb-a75d-2852-60fd3d243566-8f0be571, #w-node-_4c0d4b0f-5f6c-a150-71f5-eb9a59493d27-8f0be571, #w-node-_4c0d4b0f-5f6c-a150-71f5-eb9a59493d2d-8f0be571, #w-node-df7c8665-9e6e-b767-4e60-5c032b7e2a97-8f0be571, #w-node-_4685b6a0-d815-0158-34ec-da0adb7776a6-8f0be571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}