@font-face {
  font-family: Myriadpro;
  src: url("../fonts/MYRIADPRO-SEMIBOLDIT.OTF") format("opentype"),
    url("../fonts/MYRIADPRO-SEMIBOLD.OTF") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Myriadpro Condit;
  src: url("../fonts/MYRIADPRO-CONDIT.OTF") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Myriadpro;
  src: url("../fonts/MYRIADPRO-REGULAR.OTF") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Myriadpro-bold;
  src: url("../fonts/MYRIADPRO-BOLD.OTF") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Myriadpro;
  src: url("../fonts/Myriad\ Pro\ Black.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Myriadpro;
  src: url("../fonts/MyriadPro-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --colors--neutral-200: #fafafa;
  --secondary: Myriadpro, Arial, sans-serif;
  --primary: Myriadpro, Arial, sans-serif;
  --colors--neutral-600: #1e1e1f;
  --colors--ston-grey: #e0e0e0;
  --colors--white: white;
  --colors--black: black;
  --colors--neutral-400: #bfbfbf;
  --colors--neutral-500: #29292b;
  --colors--dark-blue: #010517;
  --colors--night-blue: #002f56;
  --colors--stone-grey: #555559;
  --colors--light-grey: #b3b1b1;
  --colors--blush: #d5bdbc;
  --colors--light-blue: #7cadd3;
  --colors--sky-blue: #00b2e2;
  --font-size--5xl: 3.5rem;
  --font-size--4xl: 3rem;
  --font-size--3xl: 2.5rem;
  --font-size--2xl: 2rem;
  --colors--blue\<deleted\|variable-120582a0-6329-9449-e2d0-2992172583a4\>: #9ed8f3;
  --font-size--xl: 1.5rem;
  --font-size--large: 1.25rem;
  --font-size--base: 1rem;
  --site-padding--desktop: 2em;
  --site-padding--tablet: 1rem;
  --site-padding--mobile: 1rem;
  --corners--medium: 0.5rem;
  --frosted-background: #ffffff1c;
  --fluid-font-size--4xl: 3.2vw;
  --font-size--xs: 0.85rem;
  --font-size--7xl: 5rem;
  --font-size--6xl: 4rem;
  --fluid-font-size--xl: 1.867vw;
  --corners--small: 0.25rem;
  --neutral-800: #696969;
  --fluid-font-size--base: 1.2vw;
  --mono: "Myriadpro Condit", Arial, sans-serif;
  --font-size--small: 0.9rem;
  --font-size--8xl: 8.75rem;
  --fluid-font-size--xs: 1vw;
  --fluid-font-size--small: 1.067vw;
  --fluid-font-size--large: 1.6vw;
  --fluid-font-size--2xl: 2.133vw;
  --fluid-font-size--3xl: 2.667vw;
  --fluid-font-size--5xl: 3.733vw;
  --fluid-font-size--6xl: 4.267vw;
  --fluid-font-size--7xl: 5.333vw;
  --fluid-font-size--8xl: 9.333vw;
  --corners--large: 0.75rem;
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

body {
  background-color: var(--colors--neutral-200);
  font-family: var(--secondary);
  letter-spacing: -0.05em;
  font-weight: 400;
  line-height: 1.3;
  font-size: clamp(
    var(--font-size--base),
    var(--fluid-font-size--base),
    var(--fluid-font-size--base)
  );
  overscroll-behavior: none;
}

h1 {
  font-family: var(--primary);
  letter-spacing: -0.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

h2 {
  font-family: var(--primary);
  letter-spacing: -0.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
}

h3 {
  font-family: var(--primary);
  letter-spacing: -0.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  font-family: var(--primary);
  letter-spacing: -0.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
}

h5 {
  font-family: var(--primary);
  letter-spacing: -0.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}

h6 {
  font-family: var(--primary);
  letter-spacing: -0.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
}

p {
  line-height: 1.35;
}

a {
  color: var(--colors--neutral-600);
  text-decoration: none;
}

ul {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  margin-top: 1em;
  padding-left: 2em;
  display: flex;
}

ol {
  margin-top: 0;
  margin-bottom: 3rem;
  padding-left: 40px;
}

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

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

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 3rem;
}

.info-page-content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.info-page-content.max-width {
  max-width: 70ch;
}

.color-spacer {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.style-guide-item-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px solid #ffffff2b;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: flex;
}

.style-guide-heading-wrapper {
  max-width: 60ch;
  margin-bottom: 5rem;
}

.form-message-error {
  background-color: #fef3f2;
  margin-top: 2rem;
  padding: 0.75rem 1rem;
}

.style-guide-background {
  border: 1px solid #fff3;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.swatch {
  border: 1px solid var(--colors--ston-grey);
}

.swatch.white {
  background-color: var(--colors--white);
}

.swatch.black {
  border-color: var(--colors--ston-grey);
  background-color: var(--colors--black);
}

.swatch.neutral-200 {
  background-color: var(--colors--neutral-200);
}

.swatch.neutral-300 {
  background-color: var(--colors--ston-grey);
}

.swatch.neutral-400 {
  background-color: var(--colors--neutral-400);
}

.swatch.neutral-500 {
  background-color: var(--colors--neutral-500);
}

.swatch.neutral-600 {
  background-color: var(--colors--neutral-600);
}

.swatch.dark-blue {
  background-color: var(--colors--dark-blue);
}

.swatch.teal {
  background-color: var(--colors--night-blue);
}

.swatch.sand {
  background-color: var(--colors--stone-grey);
}

.swatch.grey {
  background-color: var(--colors--light-grey);
}

.swatch.blush {
  background-color: var(--colors--blush);
}

.swatch.blue {
  background-color: var(--colors--light-blue);
}

.swatch.blond {
  background-color: var(--colors--sky-blue);
}

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

.rich-text h1 {
  font-weight: 500;
  line-height: 1;
  font-size: clamp(
    var(--font-size--6xl),
    var(--fluid-font-size--6xl),
    var(--fluid-font-size--6xl)
  );
  margin-bottom: 1rem;
}

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

.rich-text h2 {
  font-weight: 500;
  line-height: 1;
  font-size: clamp(
    var(--font-size--5xl),
    var(--fluid-font-size--5xl),
    var(--fluid-font-size--5xl)
  );
  margin-bottom: 1rem;
}

.rich-text figcaption {
  margin-bottom: 0;
}

.rich-text h3 {
  font-weight: 500;
  line-height: 1;
  font-size: clamp(
    var(--font-size--4xl),
    var(--fluid-font-size--4xl),
    var(--fluid-font-size--4xl)
  );
  margin-bottom: 1rem;
}

.rich-text blockquote {
  border-left-width: 3px;
  border-left-color: var(
    --colors--blue\<deleted\|variable-120582a0-6329-9449-e2d0-2992172583a4\>
  );
}

.rich-text h4 {
  font-weight: 500;
  line-height: 1.1;
  font-size: clamp(
    var(--font-size--3xl),
    var(--fluid-font-size--3xl),
    var(--fluid-font-size--3xl)
  );
  margin-bottom: 1rem;
}

.rich-text h5 {
  font-family: var(--primary);
  font-weight: 500;
  line-height: 1.1;
  font-size: clamp(
    var(--font-size--2xl),
    var(--fluid-font-size--2xl),
    var(--fluid-font-size--2xl)
  );
  margin-bottom: 1rem;
}

.rich-text ul {
  margin-bottom: 3rem;
}

.rich-text h6 {
  font-weight: 500;
  line-height: 1.1;
  font-size: clamp(
    var(--font-size--xl),
    var(--fluid-font-size--xl),
    var(--fluid-font-size--xl)
  );
  margin-bottom: 1rem;
}

.rich-text figure {
  margin-bottom: 3rem;
}

.style-guide-item {
  grid-column-gap: 0rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.form-submit-button {
  background-color: var(--colors--dark-blue);
  border-radius: 80rem;
  padding: 0.75em 1.25em;
  transition: opacity 0.2s;
}

.form-submit-button:hover {
  background-color: var(--colors--neutral-500);
  color: var(--colors--white);
}

.container {
  padding-top: 0;
  padding-right: var(--site-padding--desktop);
  padding-left: var(--site-padding--desktop);
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  margin-bottom: 39px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.container.class {
  grid-column-gap: 1.1rem;
  grid-row-gap: 1.1rem;
  background-image: url("../images/weavy-Flux-Fast-0003.png");
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 52px;
}

.container.background-image {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.typography-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.style-guide-label {
  background-color: var(--colors--ston-grey);
  font-weight: 500;
  font-size: clamp(
    var(--font-size--xs),
    var(--fluid-font-size--xs),
    var(--fluid-font-size--xs)
  );
  border-radius: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0.75rem 0.3rem;
  display: flex;
}

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

.margin-bottom.medium {
  margin-bottom: 2rem;
}

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

.utility-page-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-radius: var(--corners--medium);
  background-color: var(--frosted-background);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 60ch;
  padding: 2em;
  display: flex;
  position: relative;
}

.utility-page-form {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.list {
  margin-bottom: 0;
}

.list-item {
  margin-bottom: 0.25rem;
}

.form-input {
  border-top-style: none;
  border-top-width: 1px;
  border-bottom-style: dashed;
  border-bottom-width: 1.5px;
  border-right-style: none;
  border-right-width: 1px;
  border-bottom-color: var(--colors--neutral-400);
  font-size: clamp(
    var(--font-size--base),
    var(--fluid-font-size--base),
    var(--fluid-font-size--base)
  );
  background-color: #fff0;
  border-left-style: none;
  border-left-width: 1px;
  margin-bottom: 2rem;
  padding: 1em 0 1.5rem;
}

.form-input:focus {
  color: var(--colors--neutral-600);
}

.form-input:focus-visible,
.form-input[data-wf-focus-visible] {
  border-bottom-color: var(--colors--neutral-500);
  color: var(--colors--neutral-600);
}

.form-input::placeholder {
  color: var(--colors--neutral-500);
  -webkit-text-stroke-color: var(--colors--black);
}

.page-wrapper {
  overflow: clip;
}

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

.section.hero {
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.section.extra-small {
  padding-top: 1em;
  padding-bottom: 1em;
}

.section.relative {
  position: relative;
}

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

.section.header {
  height: 60svh;
  padding-top: 19.5em;
  padding-bottom: 0;
  position: static;
}

.section.about {
  height: 100svh;
  padding-top: 0;
  padding-bottom: 0;
}

.section.grey {
  background-color: var(--colors--light-blue);
  margin-bottom: 58px;
}

.section.values {
  background-color: var(--colors--white);
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

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

.section.artcile-intro {
  padding-top: 12em;
  padding-bottom: 0;
}

.section.contact,
.section.team-header {
  padding-top: 12em;
  padding-bottom: 5em;
}

.color-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.utility-page-heading {
  font-size: var(--fluid-font-size--4xl);
  letter-spacing: -0.035em;
}

.display-xs {
  color: var(--colors--white);
  text-transform: none;
  font-weight: 500;
  font-size: clamp(
    var(--font-size--xs),
    var(--fluid-font-size--xs),
    var(--fluid-font-size--xs)
  );
}

._50-ch-max {
  max-width: 50ch;
}

.block-quote {
  border-left-width: 2px;
}

.display-8xl {
  letter-spacing: -0.05em;
  line-height: 0.9;
  font-size: clamp(
    var(--font-size--8xl),
    var(--fluid-font-size--8xl),
    var(--fluid-font-size--8xl)
  );
}

.cursor-wrap {
  z-index: 999;
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

/* .cursor { */
/* background-color: var(--colors--light-blue); */
/* border-radius: 100%;
  width: 14px;
  height: 14px;
  transition: opacity 0.3s; */
/* } */

.display-xl {
  font-weight: 500;
  line-height: 1;
  font-size: clamp(
    var(--font-size--xl),
    var(--fluid-font-size--xl),
    var(--fluid-font-size--xl)
  );
  padding-top: 0;
}

.form-block {
  width: 100%;
}

.form-content-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.margin-top.large {
  margin-top: 4rem;
}

.form-message-success {
  background-color: #ddd0;
  padding: 0.75rem 1rem;
}

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

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

.hero-top {
  width: 100%;
  padding-top: 140px;
}

.hero-headline-text {
  max-width: 65ch;
  padding-top: 0;
}

.hero-bottom {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.hero-content {
  color: var(--colors--white);
  border-radius: 0.375rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 0 2em 3em;
  display: flex;
}

._12-column-grid {
  grid-column-gap: 0px;
  grid-row-gap: 1.9em;
  overflow-wrap: normal;
  -webkit-text-fill-color: inherit;
  background-clip: content-box;
  flex: none;
  grid-template:
    ". . . . . . . . ."
    ". . Area Area Area Area Area Area Area"
    / minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(
      16px,
      1fr
    )
    minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr);
  grid-auto-columns: 0.25fr;
  grid-auto-flow: row;
  align-content: start;
  place-items: start stretch;
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  position: static;
}

._12-column-grid.hero {
  grid-column-gap: 1.5em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  place-items: center stretch;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

._12-column-grid.center-align {
  place-items: center stretch;
}

.hero-image-wrapper {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hero-content-wrapper {
  z-index: 1;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
}

.hero-image-overlay {
  background-color: #00000063;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.display-6xl-main {
  padding-top: 10rem;
  font-size: 3rem;
}
.display-6xl {
  font-family: var(--primary);
  /* padding-top: 50px; */
  padding-left: 2rem;
  font-size: 3rem;
  font-weight: 500;
}

.button {
  color: #000;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  transition: all 0.9s cubic-bezier(0.135, 0.9, 0.15, 1);
  display: flex;
  position: relative;
}

.button-content-wrap {
  grid-column-gap: 0.625rem;
  grid-row-gap: 0.625rem;
  background-color: var(--colors--dark-blue);
  color: #fff;
  border-radius: 3rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25em 0.25em 0.25em 1em;
  display: flex;
}

.button-content-wrap.secondary {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff3d;
  padding-right: 0.25em;
}

.button-arrow-wrap {
  background-color: var(--colors--light-blue);
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: 2.25em;
  height: 2.25em;
  display: flex;
}

.button-icon {
  color: var(--colors--black);
  width: 1.25em;
  height: 1.25em;
}

.hero-card {
  border-radius: var(--corners--medium);
  background-color: var(--frosted-background);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  object-fit: fill;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: 80ch;
  min-height: 10em;
  padding: 2em;
  display: flex;
  position: relative;
}

.hero-cards-wrap {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.button-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 1em;
  display: flex;
}

.dot {
  background-color: var(--colors--white);
  border-radius: 100%;
  width: 5px;
  height: 5px;
}

.dot._1 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.dot._2 {
  position: absolute;
  inset: 0% 0% auto auto;
}

.dot._3 {
  position: absolute;
  inset: auto auto 0% 0%;
}

.dot._4 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.dots-wrap {
  z-index: -1;
  position: absolute;
  inset: 0.75em;
}

.preloader {
  z-index: 999;
  background-color: var(--colors--neutral-200);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.nav-link-list {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.container-nav {
  mix-blend-mode: lighten;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.nav-content {
  z-index: 888;
  background-color: var(--colors--dark-blue);
  color: var(--colors--white);
  justify-content: space-between;
  align-items: center;
  width: 70vw;
  height: 100dvh;
  padding: 3em 1.5em 1.5em;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.nav-logo {
  width: 6em;
}

.nav-link {
  color: var(--colors--white);
  text-align: left;
  line-height: 1;
  font-size: clamp(
    var(--font-size--3xl),
    var(--fluid-font-size--3xl),
    var(--fluid-font-size--3xl)
  );
}

.nav-link:hover {
  color: var(--colors--neutral-400);
}

.icon-embed {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.bottom-line {
  background-color: var(--colors--white);
  width: 2.5em;
  height: 2px;
  position: relative;
  inset: auto 0% 0%;
}

.menu-overlay {
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  background-color: #00000096;
  position: fixed;
  inset: 0%;
}

.logo-link {
  z-index: 999;
  text-decoration: none;
  position: relative;
}

.logo-link.w--current {
  z-index: 998;
}

.top-line {
  background-color: var(--colors--white);
  width: 2.5em;
  height: 2px;
  position: relative;
  left: 0%;
  right: 0%;
}

.nav-social-icons {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: flex;
  position: absolute;
  inset: auto auto 1em 1em;
}

.menu-icon {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2em;
  display: flex;
  position: relative;
}

.nav-bar {
  z-index: 998;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #00000036;
  width: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.social-icon-link {
  color: var(--colors--white);
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.social-icon-link:hover {
  opacity: 0.7;
}

.social-icon-link.black {
  color: var(--colors--black);
}

.nav-link-wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: var(--colors--white);
  text-align: left;
  margin-bottom: 0.1em;
  padding-bottom: 0.25rem;
}

.nav-link-wrapper._1 {
  padding-bottom: 0.25em;
  display: flex;
}

.button-menu {
  z-index: 999;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.nav-link-item {
  overflow: hidden;
}

.hero-icons-wrap {
  flex-flow: column;
  display: flex;
}

.logo-image-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 12vw;
  display: flex;
}

.featured-wrap {
  width: 100%;
}

.logos-list {
  grid-column-gap: 5em;
  grid-row-gap: 1em;
  white-space: nowrap;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center start;
  margin-top: 0;
  margin-right: 2rem;
  display: grid;
}

.logo-image {
  width: 100%;
  height: 100%;
}

.featured-row {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logos-wrapper {
  display: flex;
}

.gradient-block {
  background-image: linear-gradient(
    90deg,
    var(--colors--neutral-200),
    #fff0 50%
  );
  width: 10%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.gradient-block.right {
  background-image: linear-gradient(
    270deg,
    var(--colors--neutral-200),
    #fff0 55%
  );
  inset: 0% 0% 0% auto;
}

.logos-overflow-hidden,
.text-wrap {
  overflow: hidden;
}

.intro-text-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  max-width: 50ch;
  display: flex;
}

.display-3xl {
  font-weight: 500;
  font-size: clamp(
    var(--font-size--3xl),
    var(--fluid-font-size--3xl),
    var(--fluid-font-size--3xl)
  );
}

.label-wrap {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  text-transform: capitalize;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.label-dot {
  background-color: var(--colors--night-blue);
  border-radius: 100%;
  width: 6px;
  height: 6px;
}

.heading-wrap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  padding-top: 9px;
  display: flex;
}

.leading-wide {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: clamp(
    var(--font-size--xs),
    var(--fluid-font-size--xs),
    var(--fluid-font-size--xs)
  );
}

.platform-card {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  aspect-ratio: 6 / 7;
  border-radius: var(--corners--small);
  background-color: var(--frosted-background);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--colors--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  transition: background-color 0.45s cubic-bezier(0.023, 0.802, 0.281, 1.001);
  display: flex;
  position: relative;
}

.platform-card:hover {
  background-color: #fff3;
}

.platforms-wrap {
  z-index: 1;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  color: var(--colors--white);
  flex-flow: column;
  padding-top: 46px;
  display: flex;
  position: relative;
}

.platforms-right {
  width: 60%;
}

.display-large {
  text-align: justify;
  /* width: 677.705px; */
  font-size: 1.3rem;
  font-weight: 400;
}

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

.platforms-content-wrap {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  display: flex;
}

.background-image-wrapper {
  z-index: 0;
  object-fit: cover;
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.platforms-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template:
    ". Area Area-2 Area-3"
    ". Area-4 Area-5 Area-6"
    / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 100%;
  padding-top: 0;
  display: grid;
}

.platform-label {
  border-radius: var(--corners--small);
  background-color: var(--colors--white);
  color: var(--colors--neutral-600);
  padding: 0.5em;
}

.platform-info-wrap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.platform-logo {
  width: 10em;
}

.divider {
  background-color: #e0e0e0ba;
  width: 100%;
  height: 1px;
}

.platform-top {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.platform-bottom {
  margin-bottom: 1.5em;
}

.tabs-menu {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.tabs-title {
  align-items: flex-start;
}

.tabs-body {
  overflow: hidden;
}

.tabs-image {
  aspect-ratio: 5 / 4;
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
}

.tabls-link-wrap {
  color: var(--colors--neutral-400);
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  max-width: 40ch;
  padding: 0.5em 0;
  display: block;
}

.tabls-link-wrap.w--current {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  border-bottom: 2px solid var(--colors--light-blue);
  color: var(--colors--black);
  background-color: #fff0;
  flex-flow: column;
  max-width: 40ch;
  padding: 0.5em 0;
  display: flex;
}

.tabs-content-wrap {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  display: grid;
}

.content-wrap {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  display: flex;
}

.content-wrap.small {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
}

.display-4xl {
  letter-spacing: -0.05em;
  font-weight: 500;
  font-size: clamp(
    var(--font-size--4xl),
    var(--fluid-font-size--4xl),
    var(--fluid-font-size--4xl)
  );
  padding-top: 34px;
  padding-bottom: 44px;
}

.right-text-wrap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  max-width: 40ch;
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: 3em;
  padding-right: 3em;
  display: flex;
}

.right-block {
  aspect-ratio: 1;
  background-color: var(--colors--light-grey);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.left-block {
  aspect-ratio: 1;
  width: 100%;
  overflow: hidden;
}

._50-50-block {
  display: flex;
}

.image-wrapper-content {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60dvh;
  display: flex;
  position: relative;
}

.image-overlay {
  z-index: 1;
  background-color: #00000075;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.footer-link {
  color: var(--colors--white);
  text-decoration: none;
}

.footer-link:hover {
  color: var(--colors--neutral-400);
}

.footer-bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

.footer-button {
  grid-column-gap: 0.5rem;
  color: var(--colors--white);
  line-height: 1;
  font-size: clamp(
    var(--font-size--base),
    var(--fluid-font-size--base),
    var(--fluid-font-size--base)
  );
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0.25em;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.social-icons-wrap {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: flex;
}

.footer-content-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: var(--colors--white);
  flex-flow: column;
  display: flex;
}

.button-hover-line {
  background-color: var(--colors--night-blue);
  color: var(--colors--white);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 1px;
}

.footer-legal-wrapper {
  grid-column-gap: 1.5em;
  grid-row-gap: 1em;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.footer-list-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer {
  color: var(--colors--night-blue);
  padding-top: 3em;
  padding-bottom: 1rem;
  position: relative;
}

.footer-icon {
  color: var(--colors--white);
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.footer-icon:hover {
  opacity: 0.7;
}

.footer-list-wrapper {
  grid-column-gap: 1.7em;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template:
    "."
    "Area"
    "."
    / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  place-items: start;
  display: grid;
}

.footer-logo {
  width: 8em;
}

.footer-block {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  max-width: 40ch;
  display: flex;
}

.footer-details-wrap {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: row;
  display: flex;
}

.footer-detail {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  color: var(--colors--white);
  flex-flow: column;
  display: flex;
}

.testimonial-icon {
  filter: invert();
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
}

.testimonial-content {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  color: var(--colors--white);
  border-radius: 0.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 60ch;
  display: flex;
}

.client-info {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.testimonial-mask {
  padding-bottom: 4em;
  overflow: clip;
}

.clip {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-arrow-left {
  border: 1px solid var(--colors--neutral-400);
  background-color: var(--frosted-background);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  inset: auto auto 0% 0%;
}

.slider-arrow-right {
  border: 1px solid var(--colors--neutral-400);
  background-color: var(--frosted-background);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 1.25em;
  display: flex;
  inset: auto auto 0% 0%;
}

.testimonial-icon-wrapper {
  position: absolute;
  overflow: hidden;
}

.testimonial-icon-wrapper._2 {
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0% -1rem 0% auto;
}

.testimonial-component {
  color: var(--colors--white);
  background-color: #ddd0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 50ch;
  height: auto;
  padding-bottom: 1.5rem;
}

.testimonial-text-wrapper {
  -webkit-text-stroke-color: var(--neutral-800);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.pagination {
  height: auto;
  margin-bottom: -8em;
  padding-top: 0;
  font-size: 6px;
  inset: auto auto 0% 0%;
}

.testimonial-slide {
  margin-right: 1.5rem;
}

.let-s-chat {
  color: var(--colors--night-blue);
  text-decoration: underline;
}

.image-wrap {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  height: 70dvh;
  min-height: 30em;
  position: relative;
  overflow: hidden;
}

.parallax-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.image-revealer {
  z-index: 2;
  background-color: var(--colors--neutral-200);
  width: 110%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

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

._60-ch-max {
  max-width: 60ch;
}

.align-middle {
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.insights-image-wrap {
  aspect-ratio: 4 / 3;
  width: 100%;
  overflow: hidden;
}

.insights-wrap {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
  position: relative;
}

.blog-details {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  justify-content: space-between;
  display: flex;
}

.blog-details.white {
  color: var(--colors--white);
}

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

.insights-link-block {
  width: 100%;
}

.nav-block {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.nav-block.right {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  justify-content: flex-end;
  align-items: stretch;
}

.nav-content-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nav-article {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  width: 18em;
  display: flex;
}

.get-started-wrap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.platforms-sticky {
  position: sticky;
  top: 5em;
}

.team-image {
  filter: brightness(90%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-image-wrap {
  aspect-ratio: 4 / 5;
  width: 100%;
  overflow: hidden;
}

.team-grid {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.team-content {
  z-index: 1;
  border-radius: var(--corners--small);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--colors--white);
  background-color: #0000001a;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  min-height: 6em;
  padding: 1.5em;
  display: flex;
  position: absolute;
  bottom: 1em;
}

.team-info {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  flex-flow: column;
  display: flex;
}

.team-card-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.footer-grid {
  z-index: -1;
  background-color: var(--colors--dark-blue);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.header-image-wrapper {
  z-index: -1;
  width: 100%;
  height: 65%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.header-content {
  color: var(--colors--white);
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: block;
}

.platform-wrap {
  color: var(--colors--white);
  justify-content: flex-start;
  align-items: center;
  height: 80svh;
  display: flex;
  position: relative;
}

.platform-image-wrap {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.platform-content {
  z-index: 1;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-left: 1.5em;
  padding-right: 8em;
  display: flex;
  position: absolute;
}

.platform-overview {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  max-width: 35ch;
  display: flex;
}

.platform-title {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.platform-link {
  width: 100%;
}

.custom-padding-left {
  padding-left: 1.5em;
}

.marquee-text-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  width: 550vw;
  margin-bottom: 10rem;
  display: flex;
}

.marquee-container {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.marquee-content-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.div-block {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.platform-icon {
  width: 1.25em;
  height: 1.25em;
}

.label-dot-2 {
  background-color: #c6e5df;
  border-radius: 100%;
  width: 0.4em;
  height: 0.4em;
}

.about-header {
  height: 100%;
  display: flex;
}

.about-right {
  width: 50%;
  height: 100%;
}

.about-left {
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 3em;
  display: flex;
}

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

.about-left-content-wrap {
  max-width: 40ch;
}

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

.values-image-wrap {
  z-index: 1;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.values-card {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  color: var(--colors--white);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  min-height: 30em;
  padding: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.values-top {
  z-index: 2;
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 4em;
  display: flex;
  position: relative;
}

.values-content-wrap {
  z-index: 2;
  border-radius: var(--corners--small);
  background-color: var(--frosted-background);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: center;
  align-items: center;
  min-height: 8em;
  padding: 2em;
  display: flex;
  position: relative;
}

.platform-icon-wrap {
  width: 12em;
}

.body-copy-text-wrap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  max-width: 40ch;
  display: flex;
}

.stats-content {
  z-index: 1;
  color: var(--colors--white);
  position: relative;
}

.stats-card {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-radius: var(--corners--medium);
  background-color: var(--frosted-background);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  min-height: 16em;
  display: flex;
  position: relative;
}

.stats-grid {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.accordion-top-icon-wrap {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
  position: relative;
}

.accordion-top {
  opacity: 1;
  align-items: center;
  width: 100%;
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
}

.accordion-top:hover {
  opacity: 0.64;
}

.accordion-top-icon {
  justify-content: center;
  align-items: center;
  margin-right: -16px;
  padding: 16px;
  position: relative;
}

.accordion-row {
  cursor: pointer;
  border-bottom: 1px solid #bfbfbf;
  width: 100%;
}

.accordion-bottom-wrap {
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.accordion-bottom {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  width: 100%;
  overflow: hidden;
}

.accordion-wrap {
  margin-bottom: 0;
}

.accordion-divider {
  border-top: 1.5px solid #bfbfbf;
  height: 0;
}

.accordion-icon-stripe-2 {
  background-color: #1a0f3a;
  width: 100%;
  height: 1px;
  position: absolute;
}

.accordion-top-wrap {
  flex: 1;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.accordion-icon-stripe-1 {
  background-color: #1a0f3a;
  width: 1.5px;
  height: 100%;
}

.pre-footer-wrapper {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

._30-ch-max {
  max-width: 30ch;
}

.overview-wrap {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  max-width: 50ch;
  display: flex;
}

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

.product-image-wrap-v2 {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
}

.product-info {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  display: flex;
}

.product-right {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.product-info-row {
  display: flex;
}

.product-left {
  width: 50%;
}

.product-title {
  max-width: 30ch;
  display: flex;
  position: sticky;
  top: 5em;
}

.product-info-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: static;
}

.product-info-text-wrap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.proudct-info-image-wrap {
  aspect-ratio: 4 / 3;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.articles-details-wrap {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.articles-content-wrap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.article-author-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 1.5rem;
  display: flex;
  position: sticky;
  top: 5em;
}

.author-image-wrapper {
  margin-right: 1rem;
}

.author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.author-header {
  grid-column-gap: 0.25em;
  grid-row-gap: 0.25em;
  flex-flow: column;
  display: flex;
}

.articles-name {
  font-family: var(--secondary);
  font-weight: 500;
}

.article-content-wrap {
  width: 100%;
  max-width: 60ch;
}

.product-link-block,
.collection-list-wrapper {
  width: 100%;
}

.collection-list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.full-width-list-wrapper {
  background-color: var(--frosted-background);
  cursor: pointer;
  width: 100%;
}

.full-wiidth-list,
.full-width-product-item {
  width: 100%;
}

.value-icon {
  height: 5em;
}

.news-post-left {
  position: sticky;
  top: 5em;
}

.news-post-grid {
  grid-column-gap: 0.75em;
  grid-row-gap: 5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonial-wrap {
  z-index: 1;
  color: var(--colors--white);
  position: relative;
}

.stats-top {
  margin-top: 2em;
  margin-left: 2em;
  margin-right: 2em;
}

.stats-bottom {
  min-height: 4em;
  margin-bottom: 2em;
  margin-left: 2em;
  margin-right: 2em;
}

.team-wrap-left {
  padding-left: var(--site-padding--desktop);
  position: sticky;
  top: 5em;
}

.collection-item {
  width: 100%;
}

.nav-news-collection {
  color: var(--colors--white);
  width: 100%;
}

.nav-news-collection-item {
  width: 100%;
}

.industries-wrap {
  grid-column-gap: 5em;
  grid-row-gap: 3em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  font-weight: 500;
  display: grid;
}

.view-more {
  z-index: 1;
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  color: var(--colors--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 1em 1em auto auto;
}

.view-icon-wrap {
  border: 1px solid var(--colors--neutral-400);
  background-color: var(--frosted-background);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.25em;
  height: 2.25em;
  display: flex;
}

.view-icon {
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  display: flex;
}

.team-link-block {
  width: 100%;
}

.icon-content-wrap {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.icon-small {
  width: 1em;
}

.contact-details {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  display: flex;
}

.detail-wrap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.email-link {
  text-decoration: none;
}

.email-link:hover {
  color: #69696b;
}

.contact-content-wrap {
  z-index: 2;
  border-radius: var(--corners--medium);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--colors--white);
  background-color: #ffffff1c;
  max-width: 40ch;
  padding: 2em;
  position: absolute;
  inset: auto auto 1.5em 1.5em;
}

.platform-name-wrap {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

._70-ch-max {
  max-width: 70ch;
}

.platforms-icon {
  width: 12em;
}

.product-cta {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq-image-wrap {
  aspect-ratio: 3 / 2;
  width: 100%;
}

.faq-image {
  border-radius: var(--corners--small);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.faq-sticky {
  position: sticky;
  top: 5em;
}

.team-member-image {
  filter: brightness(75%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-member-image-wrap {
  aspect-ratio: 4 / 5;
  position: relative;
}

.team-member-info-wrap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  max-width: 40ch;
  margin-top: 10em;
  display: flex;
}

.member-header {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  flex-flow: column;
  display: flex;
}

.team-testimonial {
  border-radius: var(--corners--medium);
  background-color: var(--frosted-background);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--colors--white);
  max-width: 35ch;
  padding: 2em;
  position: absolute;
  inset: auto auto 1em 1em;
}

.team-collection-item,
.team-collection-wrap {
  width: 100%;
}

.stats-text {
  font-size: clamp(
    var(--font-size--6xl),
    var(--fluid-font-size--6xl),
    var(--fluid-font-size--6xl)
  );
}

.utility-light {
  color: var(--colors--white);
}

.image {
  width: 2em;
}

.text-block {
  letter-spacing: 3px;
  font-weight: 400;
}

.icon-medium {
  width: 1.25em;
}

.image-2 {
  box-sizing: content-box;
  text-align: center;
  padding-top: 61px;
}

.paragraph {
  text-align: center;
  align-self: flex-end;
  margin-top: -14px;
  padding-top: 0;
  display: flex;
}

.grid {
  box-sizing: border-box;
  grid-column-gap: 67px;
  grid-row-gap: 13px;
  text-align: center;
  object-fit: fill;
  grid-template:
    "."
    / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-top: 6px;
  padding-left: 35px;
  padding-right: 35px;
  display: grid;
}

.text-block-2,
.text-block-3 {
  color: var(--colors--white);
  text-align: center;
  padding-top: 10px;
}

.text-block-4 {
  color: var(--colors--white);
  text-align: center;
}

.text-block-5 {
  color: var(--colors--white);
  text-align: center;
  padding-top: 10px;
}

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

.paragraph-2 {
  font-size: clamp(
    var(--font-size--base),
    var(--fluid-font-size--base),
    var(--fluid-font-size--base)
  );
  text-align: justify;
  padding: 40px 0 0;
}

.quick-stack {
  margin-top: 0;
  margin-left: 35px;
  margin-right: 35px;
  padding-bottom: 0;
  padding-right: 20px;
}

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

.paragraph-3 {
  font-size: clamp(
    var(--font-size--base),
    var(--fluid-font-size--base),
    var(--fluid-font-size--base)
  );
}

.text-block-6,
.text-block-7,
.text-block-8 {
  text-align: justify;
  line-height: 1.1;
}

.cell {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading {
  padding-top: 24px;
  padding-left: 0;
  padding-right: 24px;
}

.image-3 {
  text-align: center;
  vertical-align: middle;
  width: 16rem;
  display: inline-block;
}

.image-4,
.image-5,
.image-6 {
  width: 70%;
}

.text-block-9,
.text-block-10,
.text-block-11 {
  text-align: center;
}

.image-7 {
  width: auto;
  height: auto;
  max-height: 100%;
}

.section-3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.paragraph-4 {
  color: var(--colors--white);
  text-align: justify;
  padding-top: 20px;
  font-size: 1rem;
  font-weight: 300;
}

.paragraph-5,
.paragraph-6 {
  color: #fff;
  text-align: justify;
  padding-top: 20px;
  font-size: 1rem;
  font-weight: 300;
}

.image-8 {
  text-align: center;
  vertical-align: middle;
  width: 16rem;
  text-decoration: none;
}

.bold-text-3 {
  font-family: var(--primary);
  font-style: normal;
  font-weight: 700;
}

.bold-text-4,
.bold-text-5 {
  font-weight: 700;
}

.paragraph-7 {
  text-align: justify;
  width: auto;
  font-size: 16px;
}

.paragraph-8,
.paragraph-9 {
  text-align: justify;
  font-size: 16px;
}

.paragraph-10 {
  text-align: justify;
}

.image-9 {
  width: 100%;
  height: 67.1025%;
}

.paragraph-11 {
  /* width: 499rem; */
  display: block;
  /* font-size:1.2rem; */
}

.image-10 {
  text-align: center;
  vertical-align: middle;
  width: 16rem;
}

.heading-2 {
  font-size: 2rem;
}

.paragraph-12,
.paragraph-13 {
  margin-left: 4rem;
}

.quick-stack-2 {
  margin-top: 52px;
}

.quick-stack-3 {
  padding-bottom: 84px;
}

.cell-2 {
  padding-bottom: 40px;
}

@media screen and (max-width: 991px) {
  h4 {
    font-size: 1.5rem;
  }

  .rich-text h1 {
    font-size: var(--font-size--5xl);
  }

  .rich-text h2 {
    font-size: var(--font-size--4xl);
  }

  .rich-text h3 {
    font-size: var(--font-size--3xl);
  }

  .rich-text h4 {
    font-size: var(--font-size--2xl);
  }

  .rich-text h5 {
    font-size: var(--font-size--xl);
  }

  .rich-text h6 {
    font-size: var(--font-size--large);
  }

  .container {
    padding-right: var(--site-padding--tablet);
    padding-left: var(--site-padding--tablet);
  }

  .utility-page-content {
    color: var(--colors--white);
  }

  .section {
    padding-top: 0.3rem;
    padding-bottom: 8rem;
    position: static;
  }

  .section.header {
    position: relative;
  }

  .section.team-header {
    padding-top: 10em;
  }

  .utility-page-heading {
    font-size: var(--font-size--xl);
  }

  .display-xs {
    font-size: var(--font-size--xs);
    margin-bottom: 0;
  }

  .display-8xl {
    font-size: var(--font-size--7xl);
  }

  .cursor-wrap {
    display: none;
  }

  .display-xl {
    font-size: var(--font-size--xl);
  }

  .form-content-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hero-headline-text {
    font-size: var(--font-size--5xl);
  }

  .hero-bottom {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 5rem;
  }

  .hero-content {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  ._12-column-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .hero-image-wrapper {
    background-position: 50%;
    background-repeat: no-repeat;
  }

  .hero-content-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-end;
    align-items: stretch;
  }

  .display-6xl {
    font-size: var(--font-size--3xl);
    color: var(--colors--black);
    /* padding-top: 30px; */
  }

  .button-content-wrap {
    padding: 0.25rem 0.25rem 0.25rem 1rem;
  }

  .hero-cards-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .container-nav {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .nav-content {
    width: 70vw;
    padding-right: 1.5em;
    display: none;
  }

  .nav-logo {
    width: 6rem;
  }

  .nav-link {
    font-size: 2rem;
  }

  .logo-image-wrapper {
    width: 10em;
  }

  .featured-wrap {
    padding-bottom: 0;
  }

  .logos-list {
    grid-column-gap: 1.5rem;
  }

  .intro-text-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    max-width: none;
  }

  .display-3xl {
    font-size: var(--font-size--2xl);
  }

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

  .platforms-content-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .platform-logo {
    width: 3.5rem;
  }

  .tabs-menu {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .tabs-image {
    aspect-ratio: 1;
    height: 100%;
  }

  .tabs-content-wrap {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .tabs-content {
    width: 100%;
    height: 100%;
  }

  .content-wrap {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .display-4xl {
    font-size: var(--font-size--3xl);
  }

  .right-text-wrap {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .footer-button {
    padding-bottom: 0.5rem;
  }

  .footer-content-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .footer-list-wrapper {
    grid-column-gap: 0.5em;
    grid-row-gap: 0.5em;
    align-items: center;
  }

  .footer-block {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .footer-details-wrap {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .testimonial-content {
    border-radius: 0.5rem;
  }

  .testimonial-mask {
    padding-bottom: 4rem;
  }

  .grid-svg {
    width: 100%;
  }

  .blog-details {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .nav-article {
    width: 14em;
  }

  .header-image-wrapper {
    background-position: 50%;
    background-repeat: no-repeat;
  }

  .header-content {
    padding-right: var(--site-padding--tablet);
    padding-left: var(--site-padding--tablet);
  }

  .platform-content {
    padding-right: 1.5em;
  }

  .custom-padding-left {
    padding-left: 1rem;
  }

  .marquee-text-wrapper {
    margin-bottom: 6rem;
  }

  .marquee-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .values-card {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .accordion-wrap {
    margin-top: 0;
  }

  .accordion-top-wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .product-info {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .product-info-row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .value-icon {
    height: 4em;
  }

  .news-post-grid {
    grid-row-gap: 4rem;
  }

  .team-wrap-left {
    padding-left: var(--site-padding--tablet);
  }

  .industries-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .email-link:hover {
    color: #161616;
  }

  .platforms-icon {
    width: 10em;
  }

  .team-member-image-wrap {
    height: 100%;
  }

  .team-member-info-wrap {
    padding-right: var(--site-padding--tablet);
    margin-bottom: 4em;
  }

  .team-testimonial {
    max-width: 30ch;
  }

  .stats-text {
    font-size: var(--font-size--5xl);
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: 0.75rem;
    line-height: 1;
  }

  .style-guide-heading-wrapper {
    margin-bottom: 4rem;
  }

  .rich-text h1 {
    font-size: var(--font-size--4xl);
  }

  .rich-text h2 {
    font-size: var(--font-size--3xl);
  }

  .rich-text h3 {
    font-size: var(--font-size--2xl);
  }

  .rich-text h4 {
    font-size: var(--font-size--xl);
  }

  .rich-text h5 {
    font-size: var(--font-size--large);
  }

  .rich-text h6 {
    font-size: var(--font-size--base);
  }

  .container {
    padding-right: var(--site-padding--mobile);
    padding-left: var(--site-padding--mobile);
  }

  .utility-page-content {
    width: 90%;
  }

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

  .section.header,
  .section.about {
    height: auto;
  }

  .section.artcile-intro,
  .section.contact {
    padding-top: 10em;
  }

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

  .display-8xl {
    font-size: var(--font-size--6xl);
  }

  .display-xl {
    font-size: var(--font-size--large);
  }

  .form-content-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hero-bottom {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    margin-top: 3rem;
  }

  .hero-content {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  ._12-column-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    place-items: start stretch;
    display: block;
    width: 100%;
  }

  ._12-column-grid.hero {
    grid-row-gap: 1.5rem;
  }

  ._12-column-grid.center-align {
    align-items: start;
  }

  .hero-image-wrapper {
    background-position: 50%;
  }

  .hero-content-wrapper {
    align-items: stretch;
    padding-bottom: 0;
  }

  .display-6xl {
    font-size: var(--font-size--3xl);
    color: var(--colors--black);
    /* margin-right: 2rem; */
  }

  .hero-card {
    height: 100%;
  }

  .hero-cards-wrap {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
  }

  .container-nav {
    padding: 1rem;
  }

  .nav-content {
    width: 100vw;
    display: none;
  }

  .nav-link {
    font-size: 2rem;
    text-decoration: none;
  }

  .logo-link {
    z-index: 999;
    position: relative;
  }

  .button-menu {
    z-index: 999;
    color: #0f0f0f;
    cursor: pointer;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .nav-link-item {
    overflow: hidden;
  }

  .logo-image-wrapper {
    width: 10em;
  }

  .logos-list {
    grid-column-gap: 3rem;
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    margin-top: 0;
    padding-top: 1rem;
  }

  .intro-text-wrap {
    flex-flow: column;
    /* max-width: 40ch; */
  }

  .heading-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    max-width: 40ch;
  }

  .platforms-right {
    width: 100%;
  }

  .platforms-content-wrap {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
  }

  .platforms-left {
    width: 100%;
  }

  .tabs-image {
    aspect-ratio: 3 / 2;
  }

  .content-wrap.small {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .display-4xl {
    font-size: var(--font-size--2xl);
  }

  ._50-50-block {
    flex-flow: column;
  }

  .image-wrapper-content {
    min-height: 32rem;
    padding: 2rem;
  }

  .footer-bottom {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-content-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .footer-legal-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

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

  .footer-list-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: wrap;
    display: flex;
  }

  .footer-details-wrap {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .testimonial-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border-radius: 0.25rem;
  }

  .testimonial-mask {
    padding-bottom: 4rem;
  }

  .testimonial-component {
    padding-top: 0;
    padding-bottom: 0;
  }

  .testimonial-text-wrapper {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
  }

  .pagination {
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .testimonial-slide {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .image-wrap {
    height: 50dvh;
    padding: 2rem;
  }

  .nav-content-wrap {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .platforms-sticky {
    position: static;
  }

  .header-image-wrapper {
    background-position: 50%;
  }

  .header-content {
    padding-right: var(--site-padding--mobile);
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
  }

  .platform-content {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: column;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .marquee-container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .about-header {
    flex-flow: column;
  }

  .about-right {
    aspect-ratio: 1;
    width: 100%;
  }

  .about-left {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 10em 1.5rem 5em;
  }

  .values-wrap {
    grid-template-columns: 1fr;
  }

  .values-content-wrap {
    max-width: 40ch;
  }

  .accordion-top-wrap {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .pre-footer-wrapper {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
    overflow: hidden;
  }

  .product-right {
    width: 100%;
  }

  .product-info-row {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .product-left {
    width: 100%;
  }

  .articles-content-wrap {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .article-author-wrap {
    position: static;
  }

  .value-icon {
    height: 5em;
  }

  .news-post-left {
    position: static;
  }

  .news-post-grid {
    grid-template-columns: 1fr;
  }

  .team-wrap-left {
    padding-left: var(--site-padding--mobile);
    position: static;
  }

  .industries-wrap {
    grid-column-gap: 3em;
  }

  .contact-details {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
  }

  .detail-wrap {
    max-width: 20ch;
  }

  .faq-sticky {
    position: static;
  }

  .team-member-info-wrap {
    padding-right: var(--site-padding--mobile);
    padding-left: var(--site-padding--mobile);
    margin-top: 0;
  }

  .stats-text {
    font-size: var(--font-size--5xl);
  }

  .grid {
    grid-column-gap: 67px;
    grid-row-gap: 13px;
    text-align: center;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 0;
    display: block;
  }

  .text-block-2 {
    padding-top: 10px;
    padding-bottom: 20px;
    display: block;
  }

  .text-block-3 {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .text-block-5 {
    padding-top: 10px;
  }

  .link-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  h5 {
    font-weight: 400;
  }

  p {
    margin-bottom: 0;
  }

  .style-guide-item-wrap {
    padding-bottom: 2rem;
  }

  .style-guide-heading-wrapper {
    margin-bottom: 3rem;
  }

  .rich-text h1 {
    font-size: var(--font-size--4xl);
  }

  .rich-text h3 {
    font-size: var(--font-size--2xl);
  }

  .rich-text h4 {
    font-size: var(--font-size--xl);
  }

  .rich-text h5 {
    font-size: var(--font-size--large);
  }

  .container {
    padding-right: var(--site-padding--mobile);
    padding-left: var(--site-padding--mobile);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .section {
    padding-top: 0;
    padding-bottom: 1rem;
    display: block;
  }

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

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

  .display-8xl {
    font-size: var(--font-size--6xl);
  }

  .display-xl {
    font-size: var(--font-size--large);
  }

  .form-content-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hero-headline-text {
    max-width: 25ch;
  }

  .hero-bottom {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    margin-top: 3rem;
  }

  .hero-content {
    padding-bottom: 3em;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  ._12-column-grid {
    /* grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr 1fr; */
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
  }

  ._12-column-grid.hero {
    grid-row-gap: 1.5rem;
    margin-bottom: -29px;
  }

  ._12-column-grid.center-align {
    grid-row-gap: 3rem;
  }

  .hero-image-wrapper {
    background-position: 68%;
    justify-content: flex-start;
    display: flex;
  }

  .hero-content-wrapper {
    align-items: stretch;
    margin-top: 124px;
  }

  .display-6xl {
    font-size: var(--font-size--2xl);
    color: var(--colors--white);
    width: 100%;
    padding-top: 0;
    padding-bottom: 24px;
    padding-left: 0;
    padding-right: 75px;
  }

  .hero-card {
    min-height: 8em;
    padding: 1.5em;
  }

  .hero-cards-wrap {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-flow: column;
  }

  .dots-wrap {
    inset: 0.5rem;
  }

  .nav-link-list {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .nav-content {
    width: 100vw;
    display: none;
  }

  .logo-link {
    z-index: 999;
    position: relative;
  }

  .nav-bar {
    z-index: 999;
  }

  .nav-link-wrapper {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    text-decoration: none;
    display: flex;
  }

  .button-menu {
    overflow: visible;
  }

  .nav-link-item {
    overflow: hidden;
  }

  .hero-icons-wrap {
    flex-flow: row;
    display: none;
  }

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

  .logos-list {
    grid-column-gap: 1rem;
    justify-content: center;
  }

  .gradient-block {
    background-image: linear-gradient(
      90deg,
      var(--colors--neutral-200),
      #fff0 60%
    );
  }

  .gradient-block.right {
    background-image: linear-gradient(
      270deg,
      var(--colors--neutral-200),
      #fff0 60%
    );
  }

  .intro-text-wrap {
    flex-flow: column;
    max-width: 100%;
    padding-right: 0;
  }

  .display-3xl {
    font-size: var(--font-size--xl);
    width: 100%;
    max-width: 100%;
  }

  .platform-card {
    max-height: 22rem;
  }

  .platforms-wrap {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .platforms-right {
    width: 100%;
  }

  .display-large {
    text-align: justify;
    align-self: auto;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .platforms-content-wrap {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .platforms-left {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template:
      "."
      "Area"
      "Area-2"
      "Area-3"
      / 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: stretch;
    width: 100%;
  }

  .content-wrap {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .content-wrap.small {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .display-4xl {
    font-size: var(--font-size--2xl);
    width: 100%;
    padding-bottom: 3px;
    padding-right: 0;
  }

  .right-text-wrap {
    padding-right: var(--site-padding--mobile);
    padding-left: var(--site-padding--mobile);
    margin-left: 0;
  }

  .right-block {
    aspect-ratio: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  ._50-50-block {
    background-color: var(--colors--light-grey);
  }

  .footer-bottom {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 3rem;
    display: flex;
  }

  .footer-button {
    padding-bottom: 0.25rem;
  }

  .footer-content-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .footer-legal-wrapper {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    width: 100%;
  }

  .footer-details-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
  }

  .testimonial-mask {
    width: 100%;
    padding-bottom: 4rem;
  }

  .slider-arrow-left {
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .slider-arrow-right {
    margin-left: 3.5rem;
    position: absolute;
  }

  .testimonial-component,
  .testimonial-slide {
    width: 100%;
  }

  .blog-details {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .nav-block,
  .nav-block.right {
    height: auto;
  }

  .nav-content-wrap {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .nav-article {
    width: 10em;
    display: none;
  }

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

  .header-image-wrapper {
    background-image: linear-gradient(to bottom, null, null);
    justify-content: flex-start;
    height: 100%;
    display: flex;
  }

  .header-content {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
  }

  .header-content.insights {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .custom-padding-left {
    padding-left: 1rem;
  }

  .marquee-text-wrapper {
    width: 800vw;
    margin-bottom: 3rem;
  }

  .marquee-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .about-left {
    padding-bottom: 5em;
  }

  .stats-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

  .accordion-bottom-wrap {
    padding-right: 0;
  }

  .accordion-top-wrap {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .product-info {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .product-right {
    width: 100%;
  }

  .product-info-row {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .product-left {
    width: 100%;
  }

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

  .news-post-left {
    position: static;
  }

  .news-post-grid {
    grid-row-gap: 3rem;
  }

  .industries-wrap {
    grid-column-gap: 2em;
    grid-row-gap: 4em;
  }

  .team-link-block {
    width: 100%;
  }

  .contact-details {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: column;
  }

  .contact-content-wrap {
    inset: auto 1rem 1rem;
  }

  .platforms-icon {
    text-align: left;
    width: 12em;
    display: inline-block;
    position: static;
  }

  .faq-sticky {
    position: static;
  }

  .team-testimonial {
    right: 1em;
  }

  .paragraph {
    margin-top: -38px;
  }

  .grid {
    grid-column-gap: 67px;
    grid-row-gap: 13px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: block;
  }

  .text-block-2 {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .text-block-3 {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
  }

  .text-block-4 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .text-block-5 {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .section-2 {
    overflow: visible;
  }

  .paragraph-2 {
    width: 18rem;
    padding-top: 24px;
    padding-left: 0;
    font-size: 14px;
    display: flex;
  }

  .quick-stack {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    position: static;
  }

  .cell {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .image-3 {
    width: 100%;
  }

  .link-block {
    width: auto;
  }

  .paragraph-4,
  .paragraph-5,
  .paragraph-6 {
    text-align: justify;
    padding-top: 10px;
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 1.2;
  }

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

  .bold-text-5 {
    font-size: 16px;
  }

  .paragraph-10 {
    display: block;
  }

  .paragraph-11 {
    text-align: justify;
    width: 100%;
    font-size: 14px;
    margin-right: 0;
    padding-right: 0;
  }

  .paragraph-12,
  .paragraph-13 {
    text-align: justify;
    margin-left: 0;
  }
}

/* For screens exactly 1024px wide and 1366px tall */
@media screen and (width: 1024px) and (height: 1366px) {
  .display-6xl {
    padding-top: 30rem;
  }
}

@media screen and (width: 768px) and (height: 1024px) {
  .display-6xl {
    color: var(--colors--white);
    padding-top: 2rem;
  }
}

#w-node-b8cb6009-51dc-96e1-aa01-68766bd12ab0-586838bd {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_37488adb-b38d-5745-15ff-cb1fda6c9db0-586838bd {
  grid-area: 1 / 2 / 2 / 8;
}

#w-node-cbbf3ed2-04a7-e157-4a26-157d58f35915-586838bd {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_2649c1de-f396-669f-fc3a-f68c62be0005-586838bd {
  grid-area: 2 / 5 / 3 / 12;
}

#w-node-e3284b3d-98f7-f44a-7c30-42b38acf8367-586838bd,
#w-node-e3284b3d-98f7-f44a-7c30-42b38acf8368-586838bd {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-a05bee00-de7a-cd20-c625-82fd1ce71827-586838bd {
  grid-area: Area;
  place-self: end center;
}

#w-node-_0c0d7f0c-f2a6-2fa0-663d-ee808a03c34c-586838bd {
  grid-area: Area;
}

#w-node-c2129808-61ba-cdf4-ee54-9a2a01b665c9-586838bd {
  grid-area: Area-2;
  place-self: end center;
}

#w-node-e04e116f-ac46-2634-4fa7-9b71ec7b19dd-586838bd {
  grid-area: Area-2;
}

#w-node-b20fbbd9-660c-cef8-7164-57912ef72f0a-586838bd {
  grid-area: Area-3;
  place-self: end center;
}

#w-node-eb2cc37d-abc2-87b9-c33a-a9ea3c150703-586838bd {
  grid-area: Area-3;
}

#w-node-_61d6f37b-7bfb-f794-bafe-15335df2da38-586838bd {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-ea0a3ac3-e582-49b7-9687-ebb5d4742b04-586838bd {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_9fe060c2-3ae3-23b3-6ed5-7ec3cf3b596f-586838bd {
  place-self: center;
}

#w-node-_47d5210a-f8a6-54e7-daa3-3bea85403050-586838bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-c5b69ff0-5d3d-4322-880f-7ca95546f09d-586838bd,
#w-node-_0a936b12-a149-cdf0-dfae-41df8281a66d-586838bd {
  place-self: center;
}

#w-node-_2e6637ea-8b40-67d7-9076-c5cd7a684599-586838bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2c4d1d54-fb79-af93-73e9-c11af92d66e0-f92d66db {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_2c4d1d54-fb79-af93-73e9-c11af92d66e2-f92d66db {
  grid-area: 1 / 4 / 2 / 8;
  justify-self: start;
}

#w-node-_2c4d1d54-fb79-af93-73e9-c11af92d66ea-f92d66db {
  grid-area: Area;
}

#w-node-_2c4d1d54-fb79-af93-73e9-c11af92d6701-f92d66db {
  grid-area: 1 / 8 / 2 / 13;
  justify-self: end;
}

#w-node-f8dfd076-3a93-57b2-9fc6-61c6cc7e6320-58683962 {
  grid-area: 1 / 2 / 2 / 5;
  place-self: center;
}

#w-node-f8dfd076-3a93-57b2-9fc6-61c6cc7e6322-58683962 {
  grid-area: 1 / 6 / 2 / 11;
}

#w-node-b2698c96-a7e1-ba39-ffbe-e67fa59270ea-58683962 {
  grid-area: 1 / 2 / 2 / 5;
  place-self: center;
}

#w-node-b2698c96-a7e1-ba39-ffbe-e67fa59270ed-58683962 {
  grid-area: 1 / 6 / 2 / 11;
}

#w-node-_01087996-fd1c-55b6-56a7-7b71906a3602-58683962 {
  grid-area: 1 / 2 / 2 / 5;
  place-self: center;
}

#w-node-_01087996-fd1c-55b6-56a7-7b71906a3604-58683962 {
  grid-area: 1 / 6 / 2 / 11;
}

#w-node-b8cb6009-51dc-96e1-aa01-68766bd12ab0-a0761f82 {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-f2eefe1d-2cf8-c2ed-e075-e7574255a13b-a0761f82 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
}

#w-node-_75b6ac6b-adda-a53c-2d22-20ee9ad33d97-a0761f82 {
  grid-template-rows: auto;
  grid-template-columns: 4.5fr 0.25fr;
}

@media screen and (max-width: 991px) {
  #w-node-b8cb6009-51dc-96e1-aa01-68766bd12ab0-586838bd {
    grid-column-end: 6;
    align-self: end;
  }

  #w-node-_37488adb-b38d-5745-15ff-cb1fda6c9db0-586838bd {
    grid-column: 2 / 6;
    grid-row-start: 1;
  }

  #w-node-_2649c1de-f396-669f-fc3a-f68c62be0005-586838bd {
    grid-column: 4 / 8;
  }

  #w-node-e3284b3d-98f7-f44a-7c30-42b38acf8368-586838bd,
  #w-node-ea0a3ac3-e582-49b7-9687-ebb5d4742b04-586838bd {
    grid-column-end: 7;
  }

  #w-node-_2c4d1d54-fb79-af93-73e9-c11af92d66e2-f92d66db {
    grid-column: 3 / 6;
    justify-self: start;
  }

  #w-node-_2c4d1d54-fb79-af93-73e9-c11af92d6701-f92d66db {
    grid-column: 6 / 9;
  }

  #w-node-f8dfd076-3a93-57b2-9fc6-61c6cc7e6320-58683962 {
    grid-column-end: 4;
  }

  #w-node-f8dfd076-3a93-57b2-9fc6-61c6cc7e6322-58683962 {
    grid-column: 5 / 8;
  }

  #w-node-b2698c96-a7e1-ba39-ffbe-e67fa59270ea-58683962 {
    grid-column-end: 4;
  }

  #w-node-b2698c96-a7e1-ba39-ffbe-e67fa59270ed-58683962 {
    grid-column: 5 / 8;
  }

  #w-node-_01087996-fd1c-55b6-56a7-7b71906a3602-58683962 {
    grid-column-end: 4;
  }

  #w-node-_01087996-fd1c-55b6-56a7-7b71906a3604-58683962 {
    grid-column: 5 / 8;
  }

  #w-node-b8cb6009-51dc-96e1-aa01-68766bd12ab0-a0761f82 {
    grid-column-end: 6;
    align-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b8cb6009-51dc-96e1-aa01-68766bd12ab0-586838bd {
    grid-column-end: 4;
  }

  #w-node-_37488adb-b38d-5745-15ff-cb1fda6c9db0-586838bd {
    grid-column: 1 / 5;
  }

  #w-node-_2649c1de-f396-669f-fc3a-f68c62be0005-586838bd {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-e3284b3d-98f7-f44a-7c30-42b38acf8368-586838bd {
    grid-column-end: 5;
  }

  #w-node-a05bee00-de7a-cd20-c625-82fd1ce71827-586838bd,
  #w-node-_0c0d7f0c-f2a6-2fa0-663d-ee808a03c34c-586838bd,
  #w-node-c2129808-61ba-cdf4-ee54-9a2a01b665c9-586838bd,
  #w-node-e04e116f-ac46-2634-4fa7-9b71ec7b19dd-586838bd,
  #w-node-b20fbbd9-660c-cef8-7164-57912ef72f0a-586838bd,
  #w-node-eb2cc37d-abc2-87b9-c33a-a9ea3c150703-586838bd {
    align-self: center;
  }

  #w-node-ea0a3ac3-e582-49b7-9687-ebb5d4742b04-586838bd {
    grid-column-end: 5;
  }

  #w-node-_2c4d1d54-fb79-af93-73e9-c11af92d66e2-f92d66db {
    grid-area: 2 / 1 / 3 / 3;
    justify-self: start;
  }

  #w-node-_2c4d1d54-fb79-af93-73e9-c11af92d6701-f92d66db {
    grid-area: 3 / 1 / 4 / 4;
    justify-self: start;
  }

  #w-node-f8dfd076-3a93-57b2-9fc6-61c6cc7e6320-58683962 {
    grid-column: 1 / 2;
  }

  #w-node-f8dfd076-3a93-57b2-9fc6-61c6cc7e6322-58683962 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-b2698c96-a7e1-ba39-ffbe-e67fa59270ea-58683962 {
    grid-column: 1 / 2;
  }

  #w-node-b2698c96-a7e1-ba39-ffbe-e67fa59270ed-58683962 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_01087996-fd1c-55b6-56a7-7b71906a3602-58683962 {
    grid-column: 1 / 2;
  }

  #w-node-_01087996-fd1c-55b6-56a7-7b71906a3604-58683962 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-b8cb6009-51dc-96e1-aa01-68766bd12ab0-a0761f82 {
    grid-column-end: 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b8cb6009-51dc-96e1-aa01-68766bd12ab0-586838bd {
    grid-column-end: 5;
  }

  #w-node-_2649c1de-f396-669f-fc3a-f68c62be0005-586838bd {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_0c0d7f0c-f2a6-2fa0-663d-ee808a03c34c-586838bd {
    grid-area: Area;
  }

  #w-node-_61d6f37b-7bfb-f794-bafe-15335df2da38-586838bd {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.75fr;
  }

  #w-node-_2c4d1d54-fb79-af93-73e9-c11af92d66e2-f92d66db {
    grid-column-end: 4;
  }

  #w-node-b8cb6009-51dc-96e1-aa01-68766bd12ab0-a0761f82 {
    grid-column-end: 5;
  }

  #w-node-_75b6ac6b-adda-a53c-2d22-20ee9ad33d97-a0761f82 {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr;
  }
}

@font-face {
  font-family: "Myriadpro";
  src: url("../fonts/MYRIADPRO-SEMIBOLDIT.OTF") format("opentype"),
    url("../fonts/MYRIADPRO-SEMIBOLD.OTF") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Myriadpro Condit";
  src: url("../fonts/MYRIADPRO-CONDIT.OTF") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Myriadpro";
  src: url("../fonts/MYRIADPRO-REGULAR.OTF") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Myriadpro-bold";
  src: url("../fonts/MYRIADPRO-BOLD.OTF") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Myriadpro";
  src: url("../fonts/Myriad\ Pro\ Black.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Myriadpro";
  src: url("../fonts/MyriadPro-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

#w-node-f8dfd076-3a93-57b2-9fc6-61c6cc7e6320-58683962,
#w-node-b2698c96-a7e1-ba39-ffbe-e67fa59270ea-58683962,
#w-node-_01087996-fd1c-55b6-56a7-7b71906a3602-58683962 {
  grid-area: 1 / 2 / 2 / 4 !important; /* Logo: columns 2-4 */
  place-self: center !important;
}

#w-node-f8dfd076-3a93-57b2-9fc6-61c6cc7e6322-58683962,
#w-node-b2698c96-a7e1-ba39-ffbe-e67fa59270ed-58683962,
#w-node-_01087996-fd1c-55b6-56a7-7b71906a3604-58683962 {
  grid-area: 1 / 4 / 2 / 8 !important; /* Text: columns 4-8 */
}

@media screen and (min-width: 1024px) {
  #w-node-ea0a3ac3-e582-49b7-9687-ebb5d4742b04-586838bd,
  [data-w-id="ea0a3ac3-e582-49b7-9687-ebb5d4742b04"],
  [data-w-id="fbcd9bb7-c0ce-8aa5-a4d8-f361bbfc9e6a"] {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
  }
}