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

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

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

:root {
  --_color---white--01: #fff;
  --font-family--font-family: Geist, Arial, sans-serif;
  --_color---grey--01: #1a1a1a;
  --font-size--body-m: 1rem;
  --line-height--height-xl: 1.375em;
  --font-weight--normal: 400;
  --letter-spacing--ls-s: -.03em;
  --font-size--h1: 5rem;
  --line-height--height-s: 1em;
  --font-weight--semibold: 600;
  --letter-spacing--ls-l: -.06em;
  --font-size--h2: 4.5rem;
  --font-weight--medium: 500;
  --letter-spacing--ls-m: -.05em;
  --font-size--h3: 4rem;
  --line-height--height-m: 1.1em;
  --font-size--h4: 3.5rem;
  --font-size--h5: 3rem;
  --line-height--height-l: 1.2em;
  --font-size--h6: 2rem;
  --font-weight--bold: 700;
  --font-size--title-s: 1.25rem;
  --_color---grey--05: #b8b8b8;
  --_spacing---medium: 5rem;
  --_spacing---large: 8rem;
  --_radius---radius-2xl: 2rem;
  --_color---grey--06: #cdcdcd;
  --_spacing---small: 3rem;
  --font-size--title-xl: 3rem;
  --font-size--title-l: 2rem;
  --font-size--title-m: 1.5rem;
  --font-size--body-l: 1.125rem;
  --font-size--body-s: .875rem;
  --font-size--body-xs: .75rem;
  --_radius---radius: 1rem;
  --_color---white--05: #fff3;
  --_color---black--03: #0009;
  --_radius---radius-s\<deleted\|variable-dfa9d33b-318f-7c27-a238-ec0aa5b3b99f\>: .75rem;
  --_color---grey--02: #292929;
  --_color---grey--03: #525252;
  --_color---grey--04: #a6a6a6;
  --_color---grey--07: #e6e6e6;
  --_color---grey--08: #f2f2f2;
  --_color---hologram--0: #c9aaff;
  --_color---hologram--25: #feffbc;
  --_color---hologram--50: #ffcdfd;
  --_color---hologram--75: #b3e2ff;
  --_color---hologram--100: #839aff;
  --_radius---round: 100vw;
  --_color---white--02: #fffc;
  --_color---black--01: #000;
  --_color---black--07: #00000008;
  --_color---black--04: #0006;
  --_radius---radius-6xl: 6.5rem;
  --_radius---radius-5xl: 5rem;
  --_radius---radius-4xl: 3.5rem;
  --_spacing---xmedium: 6.25rem;
  --_radius---radius-7xl: 7.5rem;
  --_color---black--02: #000c;
  --_radius---radius-3xl: 3rem;
  --_radius---radius-xl: 1.75rem;
  --_radius---radius-8xl: 8rem;
  --_color---white--04: #fff6;
  --_color---white--03: #fff9;
  --_color---black--06: #0000001a;
  --_color---black--05: #0003;
  --_color---white--06: #ffffff1a;
  --_spacing---none: 0rem;
  --_color---white--07: #ffffff08;
  --_radius---radius-l: 1.5rem;
  --_radius---radius-m: 1.125rem;
}

body {
  background-color: var(--_color---white--01);
  font-family: var(--font-family--font-family);
  color: var(--_color---grey--01);
  font-size: var(--font-size--body-m);
  line-height: var(--line-height--height-xl);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--letter-spacing--ls-s);
  --font-family--font-family: Geist, Arial, sans-serif;
  --font-size--body-m: 1rem;
  --line-height--height-xl: 1.375em;
  --font-weight--normal: 400;
  --letter-spacing--ls-s: -.03em;
  --font-size--h1: 5rem;
  --line-height--height-s: 1em;
  --font-weight--semibold: 600;
  --letter-spacing--ls-l: -.06em;
  --font-size--h2: 4.5rem;
  --font-weight--medium: 500;
  --letter-spacing--ls-m: -.05em;
  --font-size--h3: 4rem;
  --line-height--height-m: 1.1em;
  --font-size--h4: 3.5rem;
  --font-size--h5: 3rem;
  --line-height--height-l: 1.2em;
  --font-size--h6: 2rem;
  --font-weight--bold: 700;
  --font-size--title-s: 1.25rem;
  --font-size--title-xl: 3rem;
  --font-size--title-l: 2rem;
  --font-size--title-m: 1.5rem;
  --font-size--body-l: 1.125rem;
  --font-size--body-s: .875rem;
  --font-size--body-xs: .75rem;
  --_spacing---medium: 5rem;
  --_spacing---large: 8rem;
  --_spacing---small: 3rem;
  --_spacing---xmedium: 6.25rem;
  --_spacing---none: 0rem;
  --_radius---radius-2xl: 2rem;
  --_radius---radius: 1rem;
  --_radius---radius-s\<deleted\|variable-dfa9d33b-318f-7c27-a238-ec0aa5b3b99f\>: .75rem;
  --_radius---round: 100vw;
  --_radius---radius-6xl: 6.5rem;
  --_radius---radius-5xl: 5rem;
  --_radius---radius-4xl: 3.5rem;
  --_radius---radius-7xl: 7.5rem;
  --_radius---radius-3xl: 3rem;
  --_radius---radius-xl: 1.75rem;
  --_radius---radius-8xl: 8rem;
  --_radius---radius-l: 1.5rem;
  --_radius---radius-m: 1.125rem;
}

h1 {
  font-size: var(--font-size--h1);
  line-height: var(--line-height--height-s);
  font-weight: var(--font-weight--semibold);
  letter-spacing: var(--letter-spacing--ls-l);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-size: var(--font-size--h2);
  line-height: var(--line-height--height-s);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--ls-m);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-size: var(--font-size--h3);
  line-height: var(--line-height--height-m);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--ls-m);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-size: var(--font-size--h4);
  line-height: var(--line-height--height-m);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--letter-spacing--ls-m);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-size: var(--font-size--h5);
  line-height: var(--line-height--height-l);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--ls-s);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-size: var(--font-size--h6);
  line-height: var(--line-height--height-l);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--ls-s);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--_color---grey--01);
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: .25rem;
}

strong {
  font-weight: var(--font-weight--bold);
}

blockquote {
  font-size: var(--font-size--title-s);
  border-left: 5px solid #e2e2e2;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: .5rem 1.25rem;
}

.section {
  z-index: 1;
}

.section.hero {
  background-color: var(--_color---grey--01);
  color: var(--_color---white--01);
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.about {
  background-image: linear-gradient(180deg, var(--_color---grey--05), #0000);
  position: relative;
  overflow: hidden;
}

.section.casestudy, .section.intergration {
  overflow: hidden;
}

.section.faq {
  background-image: linear-gradient(180deg, #0000, var(--_color---grey--05));
}

.section.team {
  overflow: hidden;
}

.section.testimonial {
  position: relative;
}

.section.utility {
  background-image: linear-gradient(180deg, #0000, var(--_color---grey--05));
}

.padding-global {
  flex: 1;
  padding-left: 5%;
  padding-right: 5%;
}

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

.container-base.hero {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.heading-style-h6 {
  font-size: var(--font-size--h6);
  line-height: var(--line-height--height-l);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--ls-s);
}

.heading-style-h3 {
  font-size: var(--font-size--h3);
  line-height: var(--line-height--height-m);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--ls-m);
}

.heading-style-h4 {
  font-size: var(--font-size--h4);
  line-height: var(--line-height--height-m);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--ls-m);
}

.heading-style-h1 {
  font-size: var(--font-size--h1);
  line-height: var(--line-height--height-s);
  font-weight: var(--font-weight--semibold);
  letter-spacing: var(--letter-spacing--ls-l);
}

.heading-style-h5 {
  font-size: var(--font-size--h5);
  line-height: var(--line-height--height-l);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--ls-s);
}

.styleguide-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: stretch start;
  display: flex;
}

.heading-style-h2 {
  font-size: var(--font-size--h2);
  line-height: var(--line-height--height-s);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--ls-m);
  margin-bottom: 0;
  overflow: hidden;
}

.styleguide-main {
  padding: var(--_spacing---medium);
  grid-column-gap: var(--_spacing---large);
  grid-row-gap: var(--_spacing---large);
  border-radius: var(--_radius---radius-2xl);
  background-color: var(--_color---grey--06);
  flex-flow: column;
  display: flex;
}

.styleguide {
  padding: var(--_spacing---small);
  background-color: var(--_color---grey--05);
  overflow: hidden;
}

.styleguide-block {
  grid-column-gap: var(--_spacing---small);
  grid-row-gap: var(--_spacing---small);
  flex-flow: column;
  display: flex;
}

.styleguide-typo {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.styleguide-item-wrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.title-xl {
  font-size: var(--font-size--title-xl);
  line-height: var(--line-height--height-s);
}

.title-l {
  font-size: var(--font-size--title-l);
  line-height: var(--line-height--height-m);
}

.title-m {
  font-size: var(--font-size--title-m);
  line-height: var(--line-height--height-l);
}

.title-s {
  font-size: var(--font-size--title-s);
  line-height: var(--line-height--height-xl);
}

.body-l {
  font-size: var(--font-size--body-l);
}

.body-m {
  font-size: var(--font-size--body-m);
}

.body-s {
  font-size: var(--font-size--body-s);
}

.body-xs {
  font-size: var(--font-size--body-xs);
}

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

.styleguide-color {
  border-radius: var(--_radius---radius);
  background-color: var(--_color---white--05);
  padding: .75rem;
  display: flex;
  overflow: hidden;
}

.styleguide-color-bottom {
  color: var(--_color---black--03);
  justify-content: space-between;
  align-items: flex-start;
  padding: .75rem 1rem;
  display: flex;
}

.styleguide-color-layout {
  border-radius: var(--_radius---radius-s\<deleted\|variable-dfa9d33b-318f-7c27-a238-ec0aa5b3b99f\>);
  background-color: var(--_color---white--01);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.styleguide-color-top {
  width: 100%;
  min-height: 8rem;
}

.styleguide-color-label {
  color: var(--_color---grey--01);
  font-weight: var(--font-weight--semibold);
}

.styleguide-typo-header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  word-break: break-all;
  flex-flow: column;
  display: flex;
}

.bg-grey01 {
  background-color: var(--_color---grey--01);
}

.bg-grey02 {
  background-color: var(--_color---grey--02);
}

.bg-grey03 {
  background-color: var(--_color---grey--03);
}

.bg-grey04 {
  background-color: var(--_color---grey--04);
}

.bg-grey05 {
  background-color: var(--_color---grey--05);
}

.bg-grey06 {
  background-color: var(--_color---grey--06);
}

.bg-grey07 {
  background-color: var(--_color---grey--07);
}

.bg-grey08 {
  background-color: var(--_color---grey--08);
}

.styleguide-color-brand {
  flex: 1;
}

.styleguide-color-brand-item {
  justify-content: space-between;
  margin-top: .5rem;
  display: flex;
}

.styleguide-color-brand-label {
  color: var(--_color---grey--01);
  font-weight: var(--font-weight--medium);
}

.bg-hologram {
  background-image: linear-gradient(90deg, var(--_color---hologram--0), var(--_color---hologram--25) 25%, var(--_color---hologram--50) 50%, var(--_color---hologram--75) 75%, var(--_color---hologram--100));
}

.button {
  z-index: 1;
  border-radius: var(--_radius---round);
  background-image: linear-gradient(270deg, var(--_color---hologram--0), var(--_color---hologram--25) 25%, var(--_color---hologram--50) 50%, var(--_color---hologram--75) 75%, var(--_color---hologram--100));
  color: var(--_color---white--01);
  font-weight: var(--font-weight--medium);
  border: 2px solid #0000;
  min-height: 3.75rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button:where(.w-variant-d6f4d07e-f571-00de-5ad3-41cfcf2e46d1) {
  border-width: 1px;
  border-color: var(--_color---white--01);
  background-color: var(--_color---white--02);
  color: var(--_color---grey--01);
  white-space: nowrap;
  background-image: none;
  min-height: 0;
}

.button:where(.w-variant-9943b888-52fe-aefa-9593-d1e9001eb671) {
  background-color: var(--_color---white--05);
  background-image: none;
}

.button:where(.w-variant-b2c15ccf-f3ee-7171-f43f-d5285af181db) {
  color: var(--_color---grey--01);
  background-image: none;
  border-style: none;
  border-radius: 0;
  min-height: auto;
}

.button-inner {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--_radius---round);
  background-color: var(--_color---black--01);
  box-shadow: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.button-inner:where(.w-variant-d6f4d07e-f571-00de-5ad3-41cfcf2e46d1) {
  background-color: #0000;
  padding: .75rem 1.25rem;
}

.button-inner:where(.w-variant-9943b888-52fe-aefa-9593-d1e9001eb671) {
  background-color: #0000;
  box-shadow: inset 0 0 12px #fff;
}

.button-inner:where(.w-variant-b2c15ccf-f3ee-7171-f43f-d5285af181db) {
  background-color: #0000;
  padding: 0;
}

.button-icon {
  border-radius: var(--_radius---round);
  background-color: var(--_color---white--05);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  overflow: hidden;
}

.button-icon:where(.w-variant-d6f4d07e-f571-00de-5ad3-41cfcf2e46d1) {
  background-color: var(--_color---black--01);
  color: var(--_color---white--01);
}

.button-icon:where(.w-variant-b2c15ccf-f3ee-7171-f43f-d5285af181db) {
  background-color: var(--_color---grey--04);
  color: var(--_color---white--01);
}

.icon-button {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.button-text {
  text-shadow: 0 -2em 0 var(--_color---white--01);
  overflow: hidden;
}

.button-text:where(.w-variant-d6f4d07e-f571-00de-5ad3-41cfcf2e46d1), .button-text:where(.w-variant-b2c15ccf-f3ee-7171-f43f-d5285af181db) {
  text-shadow: 0 -2em 0 var(--_color---grey--01);
}

.styleguide-item-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button-contact-avt-img {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  object-fit: cover;
  width: 1.75rem;
  height: 1.75rem;
  margin-left: -.5rem;
  box-shadow: 0 0 0 1px #8b8a8acc;
}

.button-contact-avt {
  padding-left: .5rem;
  display: none;
}

.button-contact-avt:where(.w-variant-9943b888-52fe-aefa-9593-d1e9001eb671) {
  display: flex;
}

.button-innershadow {
  z-index: 2;
  border-radius: var(--_radius---round);
  opacity: .5;
  pointer-events: none;
  background-image: none;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 0 32px #fffc;
}

.button-innershadow:where(.w-variant-d6f4d07e-f571-00de-5ad3-41cfcf2e46d1) {
  opacity: 0;
  box-shadow: inset 0 0 20px #0000001a;
}

.button-innershadow:where(.w-variant-9943b888-52fe-aefa-9593-d1e9001eb671) {
  opacity: 0;
  box-shadow: inset 0 0 24px 1px #fff;
}

.button-innershadow:where(.w-variant-b2c15ccf-f3ee-7171-f43f-d5285af181db) {
  display: none;
}

.div-block-4 {
  min-height: 100vh;
}

.utility-page-wrap {
  background-color: var(--_color---grey--05);
  background-image: linear-gradient(#fff, #0000);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 100%;
  max-width: 32rem;
  display: flex;
}

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

.submit-button {
  border-radius: var(--_radius---round);
  background-color: var(--_color---black--01);
  padding: .75rem 1.5rem;
  transition: all .2s;
  box-shadow: inset 0 0 32px #ffffff80;
}

.submit-button:hover {
  box-shadow: inset 0 0 32px #fffc;
}

.hero-layout {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.capabilities-check-icon {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.hero-eye-brow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--_color---white--05);
  border-radius: var(--_radius---round);
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--medium);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.hero-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-heading-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.subheading-text {
  color: var(--_color---black--03);
  font-size: var(--font-size--body-l);
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.subheading-text.hero {
  color: var(--_color---white--01);
}

.subheading-text.on-cta-card {
  color: var(--_color---white--02);
  max-width: 28rem;
}

.hero-heading {
  background-image: linear-gradient(90deg, var(--_color---hologram--0), var(--_color---hologram--25) 25%, var(--_color---hologram--50) 50%, var(--_color---hologram--75) 75%, var(--_color---hologram--100));
  opacity: 1;
  color: var(--_color---grey--01);
  -webkit-text-fill-color: transparent;
  mix-blend-mode: hard-light;
  -webkit-background-clip: text;
  background-clip: text;
}

.logo-marquee-section {
  z-index: 2;
  background-image: linear-gradient(180deg, #0000, var(--_color---grey--05));
  position: relative;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.logo-marquee-item {
  height: 2rem;
}

.logo-marquee-list {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex: none;
  justify-content: flex-start;
  padding-right: 5rem;
  display: flex;
}

.logo-marquee {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  display: flex;
  overflow: hidden;
}

.about-layout {
  padding-top: var(--_spacing---large);
  padding-bottom: var(--_spacing---large);
  grid-column-gap: var(--_spacing---large);
  grid-row-gap: var(--_spacing---large);
  flex-flow: column;
  display: flex;
}

.about-top {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 53rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.eye-brow {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  border-radius: var(--_radius---round);
  background-color: var(--_color---black--07);
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--medium);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: .6em 1em;
  display: inline-flex;
}

.eye-brow-dot {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  background-color: var(--_color---grey--01);
  object-fit: cover;
  width: .6em;
  height: .6em;
}

.eye-brow-text-wrap {
  grid-column-gap: .333333em;
  grid-row-gap: .333333em;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.eye-brow-number {
  color: var(--_color---black--04);
  -webkit-text-stroke-color: var(--_color---black--03);
}

.about-text {
  font-size: var(--font-size--title-xl);
  line-height: var(--line-height--height-l);
  letter-spacing: var(--letter-spacing--ls-m);
}

.about-bottom {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.about-video-wrap {
  z-index: 1;
  aspect-ratio: 600 / 400;
  border-radius: var(--_radius---radius-6xl);
  object-fit: cover;
  width: 37.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 40px #fff;
}

.about-video {
  z-index: 1;
  object-fit: cover;
  background-image: linear-gradient(#0003, #0003), url('../images/about.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex: 1;
  position: relative;
}

.about-video-fiiter {
  z-index: 2;
  border-radius: var(--_radius---radius-6xl);
  pointer-events: none;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 0 40px #fff;
}

.statics-marquee {
  font-size: 7.125rem;
  line-height: var(--line-height--height-s);
  font-weight: var(--font-weight--semibold);
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0%;
}

.statics-item {
  grid-column-gap: .15em;
  grid-row-gap: .15em;
  display: inline-flex;
}

.statics-item-name {
  color: var(--_color---grey--04);
}

.statics-marquee-list {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 2em;
  display: flex;
}

.value-layout {
  padding-top: var(--_spacing---xmedium);
  padding-bottom: var(--_spacing---xmedium);
  grid-column-gap: var(--_spacing---medium);
  grid-row-gap: var(--_spacing---medium);
  flex-flow: column;
  display: flex;
}

.heading-layout {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.value-bottom {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: grid;
  position: relative;
}

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

.value-card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--_color---grey--07);
  border-radius: var(--_radius---radius-7xl) var(--_radius---radius-7xl) var(--_radius---radius-5xl) var(--_radius---radius-5xl);
  background-color: var(--_color---grey--08);
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  padding: 1rem;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -2px 1px #0000001f, inset 0 0 1px 2px #fff;
}

.value-card-top {
  z-index: 1;
  aspect-ratio: 1;
  border-radius: var(--_radius---radius-6xl) var(--_radius---radius-6xl) var(--_radius---radius-4xl) var(--_radius---radius-4xl);
  background-color: var(--_color---grey--02);
  object-fit: cover;
  background-image: linear-gradient(#292929e6, #292929e6), url('../images/Dots-Pattern.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, 300px 300px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -2px 2px #000, inset 0 0 12px #fff, inset 0 0 40px #fff6;
}

.value-card-bottom {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  padding: 1.5rem 1.25rem;
  display: flex;
}

.value-card-title {
  font-size: var(--font-size--title-s);
  line-height: 1.1;
  font-weight: var(--font-weight--medium);
}

.value-card-desc {
  color: var(--_color---black--02);
  font-size: var(--font-size--body-m);
}

.value-icon-frame {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  background-image: linear-gradient(180deg, var(--_color---grey--07), var(--_color---grey--03));
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  height: 7.5rem;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px 1px #fff9, inset 0 0 24px #fff6, 0 2px 4px #57575780;
}

.value-icon-l1 {
  border-radius: var(--_radius---round);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background-color: #ffffff4d;
  padding: .5rem;
  box-shadow: 0 0 80px #fff9;
}

.value-icon-l2 {
  border-radius: var(--_radius---round);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-image: linear-gradient(#ffffff0d, #0000);
  padding: .75rem;
}

.value-icon {
  filter: drop-shadow(0 0 24px #fff6) drop-shadow(0 0 4px #ffffff4d);
  color: var(--_color---white--01);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.value-card-number {
  color: var(--_color---white--01);
  font-size: var(--font-size--body-m);
  background-image: linear-gradient(#ffffff4d, #0000);
  border-top-left-radius: .625rem;
  border-top-right-radius: .625rem;
  padding: .5rem;
  position: absolute;
  inset: auto auto 0%;
  overflow: hidden;
}

.capabilities-layout {
  padding-top: var(--_spacing---xmedium);
  padding-bottom: var(--_spacing---xmedium);
  grid-column-gap: var(--_spacing---medium);
  grid-row-gap: var(--_spacing---medium);
  flex-flow: column;
  display: flex;
}

.capabilities-bottom {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.capabilities-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(34%, 29rem) 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.capabilities-card {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border: 1px solid var(--_color---grey--07);
  border-radius: var(--_radius---radius-5xl);
  background-color: var(--_color---grey--08);
  flex-flow: column;
  justify-content: flex-start;
  padding: 2.5rem;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -2px 1px #0000001f, inset 0 0 1px 2px #fff;
}

.capabilities-card-title {
  color: var(--_color---grey--01);
  font-weight: var(--font-weight--semibold);
}

.capabilities-card-title.larger {
  font-size: var(--font-size--body-l);
}

.capabilities-card-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--_color---black--03);
  flex-flow: column;
  display: flex;
}

.capabilities-card-image {
  object-fit: contain;
  flex: 1;
}

.capabilities-card-content-item {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  font-size: var(--font-size--body-s);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.capabilities-card-content-list {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-flow: column;
  display: flex;
}

.capabilities-card-image-first {
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.dots-partern {
  z-index: -1;
  opacity: .2;
  pointer-events: none;
  background-image: url('../images/Dots-Pattern.svg');
  background-position: 0 0;
  background-size: 300px 300px;
  position: absolute;
  inset: 0%;
}

.modal-cta-title {
  color: var(--_color---black--01);
  font-size: var(--font-size--title-m);
  line-height: var(--line-height--height-l);
  font-weight: var(--font-weight--medium);
}

.modal-cta-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--_color---black--03);
  font-size: var(--font-size--body-s);
  flex-flow: column;
  display: flex;
}

.modal-cta-icon-frame {
  aspect-ratio: 1;
  border: 1px solid var(--_color---white--01);
  border-radius: var(--_radius---round);
  background-color: var(--_color---white--05);
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  margin-left: -1rem;
  display: flex;
  box-shadow: inset 0 0 40px #fff;
}

.modal-cta-icon-frame.image {
  z-index: 2;
  border-style: none;
  position: relative;
}

.modal-cta-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.modal-cta-icon-wrap {
  padding-left: 1rem;
  display: flex;
}

.capabilities-data-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: .25fr;
  display: grid;
}

.capabilities-data {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-radius: var(--_radius---radius-3xl);
  background-color: var(--_color---grey--03);
  color: var(--_color---white--01);
  font-weight: var(--font-weight--medium);
  text-align: center;
  background-image: linear-gradient(#ffffffe0, #0000);
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 24px #fff, inset 0 1px 1px #fff, inset 0 -4px 12px #00000040;
}

.capabilities-data-icon-wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.capabilities-data-icon {
  object-fit: contain;
  width: 5.75rem;
  height: 5.75rem;
}

.capabilities-data-title {
  color: var(--_color---white--01);
}

.process-main {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.process-layout {
  padding-top: var(--_spacing---xmedium);
  padding-bottom: var(--_spacing---xmedium);
  grid-column-gap: var(--_spacing---medium);
  grid-row-gap: var(--_spacing---medium);
  flex-flow: column;
  display: flex;
}

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

.process-item {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: var(--_radius---radius-3xl);
  background-color: var(--_color---white--01);
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(10rem, .35fr) 1fr;
  grid-auto-columns: 1fr;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  transition: all .2s;
  display: grid;
}

.process-item.active {
  background-color: var(--_color---grey--08);
  grid-template-columns: 1fr minmax(10rem, .4fr) 1fr;
}

.process-item.process-line-hide-top {
  z-index: -1;
  border-radius: 0;
  width: 40px;
  height: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.process-item.process-line-hide-bottom {
  z-index: -1;
  border-radius: 0;
  width: 40px;
  height: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.process-item-block {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.process-item-block.align-right {
  text-align: right;
  justify-content: center;
  align-items: flex-end;
}

.process-item-center {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.process-item-title {
  font-size: var(--font-size--title-s);
  font-weight: var(--font-weight--medium);
}

.process-item-desc {
  color: var(--_color---black--02);
}

.process-item-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 1;
  max-width: 20rem;
  display: flex;
}

.process-item-icon-frame {
  aspect-ratio: 1;
  border: 1px solid var(--_color---grey--07);
  border-radius: var(--_radius---radius-xl);
  background-color: var(--_color---grey--08);
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  transition: all .35s;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -2px 1px #0000001f, inset 0 0 1px 2px #fff;
}

.process-item-icon-frame.active {
  background-color: var(--_color---grey--03);
  color: var(--_color---white--01);
  border-style: none;
  box-shadow: inset 0 -2px 2px #000, inset 0 0 12px #fff;
}

.process-item-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.process-item-number {
  background-color: var(--_color---grey--08);
  font-weight: var(--font-weight--medium);
  text-align: center;
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: all .35s;
  display: flex;
  overflow: hidden;
}

.process-item-number.active {
  background-color: var(--_color---white--01);
}

.process-item-number-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.process-dot {
  background-color: var(--_color---grey--08);
  border-radius: .5rem;
  width: 1.5rem;
  height: 1.5rem;
  padding: 2px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.process-dot.active {
  background-image: linear-gradient(270deg, var(--_color---hologram--0), var(--_color---hologram--25) 25%, var(--_color---hologram--50) 50%, var(--_color---hologram--75) 75%, var(--_color---hologram--100));
  transform: scale(1.5);
}

.process-dot-inner {
  background-color: var(--_color---white--01);
  border-radius: calc(.5rem - 2px);
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
}

.process-dot-inner.active {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_color---hologram--100), var(--_color---hologram--75) 25%, var(--_color---hologram--50) 50%, var(--_color---hologram--25) 75%, var(--_color---hologram--0));
  border-radius: inherit;
}

.process-dot-dot {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  background-color: var(--_color---grey--01);
  object-fit: cover;
  width: 0;
  transition: all .2s;
}

.process-dot-dot.active {
  width: .5rem;
}

.process-line-ray {
  z-index: 1;
  background-color: var(--_color---grey--07);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 1px;
  height: 100%;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.process-line {
  background-image: linear-gradient(180deg, var(--_color---hologram--0), var(--_color---hologram--25) 25%, var(--_color---hologram--50) 50%, var(--_color---hologram--75) 75%, var(--_color---hologram--100));
  width: 4px;
  height: 0%;
}

.casestudy-main {
  z-index: 1;
  grid-column-gap: var(--_spacing---medium);
  grid-row-gap: var(--_spacing---medium);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.casestudy-layout {
  padding-top: var(--_spacing---xmedium);
  padding-bottom: var(--_spacing---xmedium);
  grid-column-gap: var(--_spacing---medium);
  grid-row-gap: var(--_spacing---medium);
  flex-flow: column;
  display: flex;
}

.casestudy-slider {
  z-index: 1;
  background-color: #0000;
  width: 100%;
  max-width: 75rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5rem;
  padding-right: 5rem;
  position: relative;
  overflow: visible;
}

.casestudy-slider-mask {
  height: auto;
  overflow: hidden;
}

.slide-nav {
  color: var(--_color---hologram--100);
  display: none;
}

.casestudy-card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--_radius---radius-8xl);
  background-color: var(--_color---grey--08);
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: .5rem;
  display: grid;
}

.casestudy-card-image-wrap {
  z-index: 1;
  border-radius: var(--_radius---radius-7xl);
  background-color: var(--_color---black--01);
  position: relative;
  overflow: hidden;
}

.casestudy-card-right {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: space-between;
  padding: 2.5rem;
  display: flex;
}

.casestudy-card-brand-logo {
  height: 2rem;
}

.casestudy-card-title {
  font-size: var(--font-size--title-l);
  line-height: 1;
  font-weight: var(--font-weight--medium);
}

.casestudy-card-title-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.casestudy-card-desc {
  color: var(--_color---black--02);
}

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

.casestudy-card-content {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.casestudy-card-top {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.casestudy-card-number {
  font-size: var(--font-size--title-l);
  line-height: 1;
  font-weight: var(--font-weight--medium);
}

.casestudy-card-number-title {
  font-size: var(--font-size--body-s);
}

.casestudy-card-number-wrap {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  white-space: nowrap;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.casestudy-card-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template: "."
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: flex;
}

.casestudy-card-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.casestudy-card-image-fiiter {
  z-index: 2;
  border-radius: var(--_radius---radius-7xl);
  pointer-events: none;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 0 12px #fff, inset 0 0 40px #fff6;
}

.casestudy-nav-btn {
  border-radius: var(--_radius---round);
  background-color: var(--_color---black--01);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  inset: 0% auto 0% 0;
  box-shadow: inset 0 0 4px #fff, inset 0 0 16px #ffffff80;
}

.casestudy-nav-btn:hover {
  background-color: var(--_color---black--02);
}

.casestudy-nav-btn.right {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

.slider-btn-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.intergration-layout {
  padding-top: var(--_spacing---xmedium);
  padding-bottom: var(--_spacing---xmedium);
  grid-column-gap: var(--_spacing---medium);
  grid-row-gap: var(--_spacing---medium);
  flex-flow: column;
  display: flex;
}

.intergration-marquee {
  z-index: 1;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.intergration-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--_color---grey--07);
  border-radius: var(--_radius---radius-2xl);
  background-color: var(--_color---grey--08);
  justify-content: space-between;
  align-items: center;
  width: 15rem;
  padding: 1.5rem;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -2px 1px #0000001f, inset 0 0 1px 2px #fff;
}

.intergration-item-image {
  flex: none;
  height: 2.5rem;
}

.intergration-item-title {
  color: var(--_color---grey--03);
  font-size: var(--font-size--body-l);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--ls-l);
}

.intergration-item-wrap {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex: none;
  padding-right: .25rem;
  display: flex;
  transform: none;
}

.intergration-item-line {
  display: flex;
}

.intergration-item-line._02 {
  justify-content: flex-end;
}

.intergration-bottom-text {
  color: var(--_color---black--03);
  font-size: var(--font-size--body-l);
  text-align: center;
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.intergration-main {
  z-index: 1;
  grid-column-gap: var(--_spacing---small);
  grid-row-gap: var(--_spacing---small);
  flex-flow: column;
  display: flex;
  position: relative;
}

.intergration-circle-frame {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.intergration-top {
  z-index: 1;
  position: relative;
}

.intergration-circle {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  aspect-ratio: 1;
  border: 1px solid var(--_color---white--01);
  border-radius: var(--_radius---round);
  background-image: linear-gradient(180deg, var(--_color---black--01), var(--_color---grey--03));
  color: var(--_color---white--01);
  text-align: center;
  object-fit: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 11.25em;
  padding: 1.5em;
  font-size: 1rem;
  text-decoration: none;
  transition: all .35s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 .5em #fff, inset 0 0 2.5em #ffffff80;
}

.intergration-circle:hover {
  box-shadow: inset 0 0 2em #fff, inset 0 0 2.5em #ffffff80;
}

.intergration-circle-icon {
  aspect-ratio: 1;
  object-fit: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.125em;
  display: flex;
}

.intergration-circle-wrap {
  z-index: 1;
  position: relative;
}

.intergration-circle-blur {
  z-index: 1;
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--_color---hologram--100), var(--_color---hologram--75) 25%, var(--_color---hologram--50) 70%, var(--_color---hologram--25));
  filter: blur(20px);
  object-fit: cover;
  position: absolute;
  inset: -25%;
  transform: scale(1);
}

.testimonial-layout {
  padding-top: var(--_spacing---xmedium);
  padding-bottom: var(--_spacing---xmedium);
  grid-column-gap: var(--_spacing---medium);
  grid-row-gap: var(--_spacing---medium);
  flex-flow: column;
  display: flex;
}

.testimonial-main {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.testimonial-card {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-radius: var(--_radius---radius-3xl);
  background-color: var(--_color---grey--08);
  flex-flow: column;
  overflow: hidden;
}

.testimonial-default-avatar {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  object-fit: cover;
  width: 5rem;
}

.testimonial-default-top {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.testimonial-default-title {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.testimonial-default-name {
  font-weight: var(--font-weight--semibold);
}

.testimonial-default-info {
  color: var(--_color---black--03);
}

.testimonial-default-icon {
  opacity: .2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.testimonial-default-text {
  font-size: var(--font-size--body-l);
}

.testimonial-video-logo {
  height: 2rem;
}

.testimonial-default {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  padding: 2.5rem;
  display: flex;
}

.testimonial-default:where(.w-variant-65afc4f9-031d-a5f3-faf2-831aa3d6a53a) {
  display: none;
}

.testimonial-video {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--_color---grey--01);
  color: var(--_color---white--01);
  flex-flow: column;
  justify-content: space-between;
  min-height: 30rem;
  padding: 2rem;
  display: none;
  position: relative;
}

.testimonial-video:where(.w-variant-65afc4f9-031d-a5f3-faf2-831aa3d6a53a) {
  display: flex;
}

.testimonial-video-btn {
  border-radius: var(--_radius---round);
  background-color: var(--_color---white--04);
  color: var(--_color---white--01);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 12px #fff;
}

.testimonial-video-btn:hover {
  background-color: var(--_color---white--03);
}

.testimonial-video-btn-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.testimonial-video-title {
  font-size: var(--font-size--title-l);
  line-height: 1.1;
  font-weight: var(--font-weight--medium);
}

.testimonial-video-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial-video-image {
  z-index: -1;
  filter: saturate(0%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.testimonial-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.testimonial-row.center {
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 0;
}

.pricing-layout {
  padding-top: var(--_spacing---xmedium);
  padding-bottom: var(--_spacing---xmedium);
  grid-column-gap: var(--_spacing---medium);
  grid-row-gap: var(--_spacing---medium);
  flex-flow: column;
  display: flex;
}

.pricing-main {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.pricing-tabs-menu {
  justify-content: center;
  align-items: center;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pricing-tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-tab-link {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--_color---grey--04);
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--medium);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
  position: relative;
}

.pricing-tab-link.w--current {
  z-index: 1;
  color: var(--_color---grey--02);
  background-color: #0000;
}

.pricing-tab-link.first {
  margin-right: 2.5rem;
}

.pricing-tab-toggle {
  border-radius: var(--_radius---round);
  background-color: var(--_color---grey--06);
  width: 2.5rem;
  padding: 2px;
  position: absolute;
  left: -2.5rem;
  overflow: hidden;
}

.pricing-tab-toggle.first {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  left: auto;
  right: -2.5rem;
}

.tab-toggle-dot {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  background-color: var(--_color---white--01);
  object-fit: cover;
  flex: none;
  width: 50%;
  transform: none;
}

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

.pricing-table {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-radius: var(--_radius---radius-5xl);
  background-color: var(--_color---grey--08);
  justify-content: center;
  padding: 1.5rem;
  display: flex;
  overflow: hidden;
}

.pricing-card {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-radius: var(--_radius---radius-4xl);
  flex-flow: column;
  flex: 1;
  padding: 3rem;
  display: flex;
}

.pricing-card._02 {
  background-color: var(--_color---white--01);
}

.pricing-card-top {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 1px solid var(--_color---black--06);
  flex-flow: column;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.pricing-card-icon {
  aspect-ratio: 1;
  background-color: var(--_color---grey--03);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  display: flex;
  box-shadow: inset 0 -1.5px 1.2px #000, inset 0 0 7px #fff;
}

.pricing-card-icon._02 {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_color---hologram--100), var(--_color---hologram--75) 29%, var(--_color---hologram--50) 64%, var(--_color---hologram--25));
  box-shadow: inset 0 -1.5px 1.2px #d7d7d7;
}

.pricing-card-title {
  font-size: var(--font-size--title-m);
  line-height: 1.1;
  font-weight: var(--font-weight--medium);
}

.pricing-card-title-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.pricing-card-subtitle {
  color: var(--_color---black--03);
}

.pricing-card-period {
  font-size: var(--font-size--body-l);
  line-height: var(--line-height--height-s);
  font-weight: var(--font-weight--normal);
  letter-spacing: -.03em;
  margin-bottom: .5rem;
}

.pricing-card-price-wrap {
  grid-column-gap: .1em;
  grid-row-gap: .1em;
  font-size: var(--font-size--h4);
  line-height: var(--line-height--height-s);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--ls-m);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  display: inline-flex;
}

.pricing-card-decimal {
  color: var(--_color---black--05);
}

.pricing-card-content-list {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.pricing-card-content-list-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pricing-tag-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.pricing-card-content-list-icon {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-top: .15rem;
  display: flex;
}

.pricing-card-content-list-title {
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--semibold);
  margin-bottom: .5rem;
}

.pricing-card-bottom {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.pricing-tag-inner {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--_color---white--01);
  font-size: var(--font-size--body-s);
  background-image: linear-gradient(#ffffffb3, #ffffffb3), url('../images/Dots-Pattern-Black.svg');
  background-position: 0 0, 0 0;
  background-size: auto, 60px 60px;
  border-radius: 9px;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .5rem;
  display: inline-flex;
}

.pricing-tag {
  background-image: linear-gradient(90deg, var(--_color---hologram--0), var(--_color---hologram--25) 21%, var(--_color---hologram--50) 50%, var(--_color---hologram--75) 75%, var(--_color---hologram--100));
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 1px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.div-block-19 {
  border-radius: var(--_radius---round);
  background-color: var(--_color---white--01);
  width: 1rem;
  height: 1rem;
}

.modal-cta {
  z-index: 1;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border: 1px solid var(--_color---grey--07);
  border-radius: var(--_radius---radius-5xl);
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--_color---hologram--0), var(--_color---hologram--25) 27%, var(--_color---hologram--50) 50%, var(--_color---hologram--75) 72%, var(--_color---hologram--100));
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 40px #fff3, inset 0 -2px 1px #0000001f, inset 0 0 1px 2px #fff;
}

.modal-cta.capabilities {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: space-between;
  align-items: flex-start;
}

.modal-cta-top {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.modal-cta-top.left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.team-layout {
  padding-top: var(--_spacing---xmedium);
  padding-bottom: var(--_spacing---xmedium);
  grid-column-gap: var(--_spacing---medium);
  grid-row-gap: var(--_spacing---medium);
  flex-flow: column;
  display: flex;
}

.team-main {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.team-slider {
  z-index: 1;
  background-color: #0000;
  width: 100%;
  height: auto;
  padding-bottom: 5rem;
  position: relative;
}

.team-slider-mask {
  width: 30%;
  height: auto;
  overflow: visible;
}

.team-nav-btn {
  border-radius: var(--_radius---round);
  background-color: var(--_color---black--01);
  color: var(--_color---white--01);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  inset: auto 3.5rem 0 auto;
  box-shadow: inset 0 0 4px #fff, inset 0 0 16px #ffffff80;
}

.team-nav-btn:hover {
  background-color: var(--_color---black--02);
}

.team-nav-btn.right {
  right: 0;
  transform: rotate(180deg);
}

.team-slide {
  padding-right: .5rem;
}

.team-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.team-slider-bottom-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: auto;
  height: 3rem;
  padding-right: 2rem;
  display: flex;
  position: absolute;
  inset: auto 7rem 0% 0%;
  overflow: hidden;
}

.faqs-layout {
  padding-top: var(--_spacing---xmedium);
  padding-bottom: var(--_spacing---xmedium);
  grid-column-gap: var(--_spacing---medium);
  grid-row-gap: var(--_spacing---medium);
  flex-flow: column;
  display: flex;
}

.faqs-main {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.faq-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.faq-list-item {
  background-color: #0000;
  padding: 0;
}

.faq-list-item.w--current {
  background-color: #0000;
}

.faq-item {
  z-index: 1;
  border-radius: var(--_radius---radius-2xl);
  background-color: var(--_color---white--04);
  flex-flow: column;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq-item-question {
  font-size: var(--font-size--body-l);
  font-weight: var(--font-weight--medium);
  white-space: normal;
  flex: 1;
  margin-top: .25rem;
}

.faq-item-icon-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.faq-item-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.faq-item-icon {
  z-index: 1;
  border-radius: var(--_radius---round);
  background-color: var(--_color---black--01);
  color: var(--_color---grey--01);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 4px #fff, inset 0 0 16px #ffffff80;
}

.faq-item-bottom {
  max-width: 40rem;
  height: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: static;
  overflow: hidden;
}

.faq-item-bottom.w--open {
  position: static;
}

.faq-item-number {
  aspect-ratio: 1;
  border: 1px solid var(--_color---grey--07);
  background-color: var(--_color---grey--08);
  font-size: var(--font-size--body-s);
  white-space: nowrap;
  object-fit: cover;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -2px 1px #0000001f, inset 0 0 1px 2px #fff;
}

.faq-item-answer {
  color: var(--_color---black--03);
  padding-top: 1rem;
}

.faq-item-question-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.faq-item-icon-inner {
  border-radius: var(--_radius---round);
  background-color: var(--_color---white--01);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.faq-item-inner {
  background-color: var(--_color---white--01);
  border-radius: calc(var(--_radius---radius-2xl)  - 2px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.faq-item-bg-gradient {
  z-index: -1;
  background-image: linear-gradient(90deg, var(--_color---hologram--0), var(--_color---hologram--25) 25%, var(--_color---hologram--50) 50%, var(--_color---hologram--75) 75%, var(--_color---hologram--100));
  position: absolute;
  inset: 0%;
}

.faqs-cta {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.faqs-cta-text {
  color: var(--_color---black--03);
  font-size: var(--font-size--body-l);
}

.footer {
  z-index: 1;
  background-color: var(--_color---grey--05);
  color: var(--_color---white--01);
  position: relative;
  overflow: hidden;
}

.footer-top {
  padding-top: var(--_spacing---medium);
  padding-bottom: var(--_spacing---medium);
  min-height: 100vh;
}

.footer-bottom {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  flex-flow: column;
  padding-bottom: 1.5rem;
  display: flex;
}

.cta-form-card {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-radius: var(--_radius---radius-7xl);
  background-color: var(--_color---black--05);
  background-image: linear-gradient(#0006, #fff6);
  flex-flow: column;
  width: 100%;
  max-width: 42.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2.5rem 3.75rem;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 40px #fff, inset 0 0 4px #fffc;
}

.form_form {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.form_input {
  border: 1px solid var(--_color---white--06);
  background-color: var(--_color---black--06);
  color: var(--_color---white--01);
  font-size: var(--font-size--body-m);
  border-radius: 1.125rem;
  min-height: 3rem;
  margin-bottom: 0;
  padding: .5rem 1rem;
  display: block;
}

.form_input:focus {
  border-color: var(--_color---white--03);
}

.form_input::placeholder {
  color: var(--_color---white--03);
  font-size: var(--font-size--body-m);
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.cta-form-card-heading {
  font-size: var(--font-size--title-l);
  letter-spacing: -.04em;
  line-height: 1.1;
}

.circle-text {
  aspect-ratio: 1;
  width: 5rem;
}

.cta-form-card-top {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-form-card-heading-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  align-self: stretch;
  display: flex;
}

.spacer-1 {
  padding-top: 1rem;
}

.form-button {
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  display: flex;
}

.footer-social-icon {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  background-color: var(--_color---white--04);
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 2rem;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 12px #fff;
}

.footer-social-icon-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.footer-social-icon-link {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.footer-social-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--_color---white--02);
  font-weight: var(--font-weight--medium);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer-social-link:hover {
  text-decoration: underline;
}

.footer-link-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--_color---white--06);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  display: flex;
}

.footer-link-list.bottom {
  border-bottom-style: none;
  padding-top: 1.5rem;
  padding-bottom: 0;
}

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

.footer-link:hover {
  text-decoration: underline;
}

.footer-bottom-row {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 5rem;
  display: flex;
  position: relative;
}

.footer-bottom-logo {
  width: 22.5rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto 0 0;
}

.cta-form {
  z-index: 1;
  flex-flow: column;
  min-height: 24.5rem;
  display: flex;
  position: relative;
}

.footer-bottom-row-text {
  color: var(--_color---white--03);
  font-size: var(--font-size--body-s);
}

.form-success-message {
  z-index: 1;
  border-radius: var(--_radius---radius-5xl);
  background-color: var(--_color---black--06);
  flex: 1;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.form-success-message-inner {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  padding: 2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.form-success-message-title {
  font-size: var(--font-size--h6);
  font-weight: 500;
}

.form-error-message {
  color: #e70d0d;
  text-align: center;
  background-color: #0000;
  margin-top: 2rem;
  padding: 0;
}

.lightbox-link {
  position: absolute;
  inset: 0%;
}

.about-video-play {
  border-radius: var(--_radius---round);
  background-color: var(--_color---white--04);
  color: var(--_color---white--01);
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  box-shadow: inset 0 0 12px #fff;
}

.about-video-play:hover {
  background-color: var(--_color---white--03);
}

.about-video-play-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.hero-section-wrap {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.hero-bg {
  z-index: -1;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.footer-bg-video {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.footer-main {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--_color---grey--05), #0000);
  position: relative;
}

.navbar-brand-logo {
  aspect-ratio: 1;
  object-fit: cover;
  width: 1.75rem;
}

.navbar-brand-link {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  background-color: var(--_color---black--04);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  object-fit: cover;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 3.5rem;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.navbar-brand-link:hover {
  background-color: var(--_color---black--03);
}

.navbar {
  color: var(--_color---white--01);
  background-color: #0000;
}

.nav_menu-button {
  padding: 0;
}

.nav_menu-button.w--open {
  background-color: #0000;
}

.menu-icon_component {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.navbar-actions {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-radius: var(--_radius---round);
  background-color: var(--_color---black--04);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .25rem .25rem 1.5rem;
  display: flex;
}

.navbar-wraper {
  z-index: 99;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav_menu-button-layout {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  font-size: var(--font-size--body-s);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.nav-menu {
  background-color: #0000;
  margin-top: .5rem;
}

.menu-icon_line-top {
  background-color: var(--_color---white--01);
  border-radius: 1rem;
  width: 18px;
  height: 2px;
  margin-bottom: 3px;
}

.menu-icon_line-bottom {
  background-color: var(--_color---white--01);
  border-radius: 1rem;
  width: 18px;
  height: 2px;
  margin-top: 3px;
}

.navbar-container {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-menu-link-wrap {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-radius: var(--_radius---radius-3xl);
  background-color: var(--_color---black--04);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  padding: 2rem 1.5rem;
  display: grid;
  overflow: hidden;
}

.nav-link {
  border-radius: var(--_radius---round);
  color: var(--_color---white--01);
  text-align: center;
  width: 100%;
  padding: .5rem 0;
  transition: background-color .2s;
}

.nav-link:hover {
  background-color: var(--_color---white--06);
}

.nav-link.w--current {
  background-color: var(--_color---white--06);
  color: var(--_color---white--01);
}

.navbar-bg-blur {
  background-color: var(--_color---white--06);
  opacity: 0;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.faq-item-bottom-wrap {
  background-color: #0000;
  display: block;
  position: static;
}

.faq-icon-bg-gradient {
  z-index: -1;
  background-image: linear-gradient(90deg, var(--_color---hologram--0), var(--_color---hologram--25) 25%, var(--_color---hologram--50) 50%, var(--_color---hologram--75) 75%, var(--_color---hologram--100));
  position: absolute;
  inset: 0%;
}

.hero-bg-video {
  flex: 1;
}

.hero-bg-video-gradient-top, .hero-bg-video-gradient-bottom {
  display: none;
}

.footer-bottom-row-inner {
  justify-content: space-between;
  display: flex;
}

._404-layout {
  padding-top: var(--_spacing---medium);
  padding-bottom: var(--_spacing---medium);
  color: var(--_color---white--01);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

._404-main {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--_color---grey--05), #0000);
  position: relative;
}

._404-text-frame {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

._404-text-wrap {
  z-index: 1;
  color: var(--_color---white--05);
  justify-content: center;
  align-items: center;
  padding-left: .18em;
  font-size: 22vw;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

._404-text {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_color---white--03), #0000 71%);
  filter: drop-shadow(0 2px 5px #fff6);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: -.18em;
}

._404-text.k {
  z-index: 2;
  background-image: radial-gradient(circle farthest-side at 0% 0%, var(--_color---hologram--0), var(--_color---hologram--25) 42%, var(--_color---hologram--50) 72%, var(--_color---hologram--75));
  color: var(--_color---white--01);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
}

._404-button-wrap {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

._404-subtext {
  font-size: var(--font-size--title-s);
}

.team-card-main {
  z-index: 1;
  aspect-ratio: 1 / 1.3;
  border-radius: var(--_radius---radius-5xl);
  background-color: var(--_color---white--01);
  object-fit: cover;
  position: relative;
  overflow: hidden;
}

.team-card-name {
  font-size: var(--font-size--title-l);
  line-height: var(--line-height--height-l);
  letter-spacing: var(--letter-spacing--ls-m);
}

.team-card-position {
  color: var(--_color---black--03);
  font-size: var(--font-size--body-l);
}

.team-card-name-wrap {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.team-social-icon {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  background-color: var(--_color---white--04);
  color: var(--_color---white--01);
  object-fit: cover;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 12px #fff;
}

.team-social-icon:hover {
  box-shadow: inset 0 0 20px #fff;
}

.team-social-link-wrap {
  z-index: 2;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem 1.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.team-social-icon-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

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

.team-card-innershasdow {
  z-index: 2;
  border-radius: var(--_radius---radius-5xl);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 0 40px #fff;
}

.team-slider-process-bar {
  border-radius: var(--_radius---round);
  background-color: var(--_color---grey--07);
  justify-content: flex-start;
  align-items: center;
  height: 1px;
  display: flex;
}

.team-slider-process {
  border-radius: var(--_radius---round);
  background-image: linear-gradient(90deg, var(--_color---hologram--0), var(--_color---hologram--25) 25%, var(--_color---hologram--50) 50%, var(--_color---hologram--75) 75%, var(--_color---hologram--100));
  width: 50%;
  height: 3px;
}

.team-social-link {
  display: none;
}

.preloader {
  z-index: 100;
  background-color: var(--_color---black--01);
  opacity: 0;
  pointer-events: none;
  color: var(--_color---white--01);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.utility-layout {
  margin-top: var(--_spacing---xmedium);
  padding-top: var(--_spacing---xmedium);
  padding-bottom: var(--_spacing---xmedium);
  grid-column-gap: var(--_spacing---medium);
  grid-row-gap: var(--_spacing---medium);
  flex-flow: column;
  display: flex;
}

.license-item {
  padding-bottom: var(--_spacing---small);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--_color---black--06);
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.license-item.last {
  border-bottom-style: none;
}

.license-item-name {
  font-size: var(--font-size--title-m);
  font-weight: 500;
}

.license-item-content {
  color: var(--_color---black--03);
}

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

.license-wrap {
  grid-column-gap: var(--_spacing---small);
  grid-row-gap: var(--_spacing---small);
  flex-flow: column;
  width: 100%;
  max-width: 31.25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.changelog-date {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-bottom: 1px solid var(--_color---black--06);
  font-size: var(--font-size--body-xs);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 1.5rem;
  font-weight: 500;
  display: flex;
}

.changelog-date-dot {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  background-color: var(--_color---grey--01);
  width: .75em;
  margin-top: .25em;
}

.changelog-version-name {
  font-size: var(--font-size--title-xl);
  line-height: 1;
}

.changelog-item-title {
  font-weight: 500;
}

.changelog-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.changelog-list-item {
  color: var(--_color---black--03);
}

.changelog-version-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.changelog-version {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.changelog-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  width: 100%;
  max-width: 31.25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.preload-logo-wrap {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  font-size: var(--font-size--title-xl);
  letter-spacing: -.05em;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  line-height: 1;
  display: flex;
  overflow: hidden;
}

.preload-logo {
  width: 1em;
}

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

.rich-text-block h4, .rich-text-block h5 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1rem;
}

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

.rich-text-block li {
  margin-bottom: .5rem;
}

.rich-text-block pre {
  margin-bottom: 1.5rem;
}

.rich-text-block h1 {
  margin-bottom: 1.5rem;
  font-size: 4rem;
}

.rich-text-block h6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.rich-text-block code {
  background-color: var(--_color---grey--05);
  padding-left: .5em;
  padding-right: .5em;
}

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

.rich-text-block h3 {
  font-size: var(--font-size--h6);
  margin-top: 2rem;
  margin-bottom: 1.25rem;
}

.rich-text-block h2 {
  font-size: var(--font-size--h4);
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.hero-bg-overlay {
  background-image: linear-gradient(#0006, #0000001a);
  position: absolute;
  inset: 0%;
}

@media screen and (min-width: 1280px) {
  .nav_menu-button-layout {
    font-size: var(--font-size--body-m);
  }

  .hero-bg-overlay {
    background-image: linear-gradient(#0006, #0000001a);
  }
}

@media screen and (min-width: 1920px) {
  .capabilities-card-content-item, .pricing-tab-link, .pricing-card-content-list-title, .pricing-tag-inner, .capabilities-card-subtitle, .modal-cta-desc {
    font-size: var(--font-size--body-m);
  }
}

@media screen and (max-width: 991px) {
  body {
    --font-family--font-family: Geist, Arial, sans-serif;
    --font-size--body-m: 1rem;
    --line-height--height-xl: 1.375em;
    --font-weight--normal: 400;
    --letter-spacing--ls-s: -.03em;
    --font-size--h1: 4rem;
    --line-height--height-s: 1em;
    --font-weight--semibold: 600;
    --letter-spacing--ls-l: -.06em;
    --font-size--h2: 3rem;
    --font-weight--medium: 500;
    --letter-spacing--ls-m: -.05em;
    --font-size--h3: 2.5rem;
    --line-height--height-m: 1.1em;
    --font-size--h4: 2rem;
    --font-size--h5: 1.75rem;
    --line-height--height-l: 1.2em;
    --font-size--h6: 1.5rem;
    --font-weight--bold: 700;
    --font-size--title-s: 1.25rem;
    --font-size--title-xl: 3rem;
    --font-size--title-l: 2rem;
    --font-size--title-m: 1.5rem;
    --font-size--body-l: 1.125rem;
    --font-size--body-s: .875rem;
    --font-size--body-xs: .75rem;
    --_spacing---medium: 4rem;
    --_spacing---large: 6rem;
    --_spacing---small: 3rem;
    --_spacing---xmedium: 5rem;
    --_spacing---none: 0rem;
    --_radius---radius-2xl: 1.5rem;
    --_radius---radius: .5rem;
    --_radius---radius-s\<deleted\|variable-dfa9d33b-318f-7c27-a238-ec0aa5b3b99f\>: .75rem;
    --_radius---round: 100vw;
    --_radius---radius-6xl: 4.5rem;
    --_radius---radius-5xl: 4rem;
    --_radius---radius-4xl: 2.75rem;
    --_radius---radius-7xl: 5rem;
    --_radius---radius-3xl: 2.5rem;
    --_radius---radius-xl: 1.25rem;
    --_radius---radius-8xl: 6rem;
    --_radius---radius-l: 1rem;
    --_radius---radius-m: .75rem;
  }

  .styleguide-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .styleguide-main {
    padding: var(--_spacing---small);
  }

  .styleguide-typo {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-columns: 1fr;
  }

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

  .about-video-wrap {
    width: 60vw;
  }

  .value-bottom {
    justify-content: flex-start;
    overflow: auto;
  }

  .value-card {
    flex: none;
    justify-content: flex-start;
    max-width: 22rem;
  }

  .value-card-bottom {
    padding: 1rem;
  }

  .value-card-title {
    font-size: var(--font-size--body-l);
  }

  .value-icon-frame {
    width: 4rem;
    height: 4rem;
  }

  .value-icon-l1 {
    padding: .25rem;
  }

  .value-icon-l2 {
    padding: .5rem;
  }

  .value-icon {
    width: 2rem;
    height: 2rem;
  }

  .value-card-number {
    font-size: var(--font-size--body-s);
  }

  .capabilities-grid {
    grid-template-columns: minmax(1px, 1fr) 1fr;
  }

  .capabilities-card {
    padding: 2rem;
  }

  .casestudy-card {
    flex-flow: column;
    display: flex;
  }

  .casestudy-card-image-wrap {
    aspect-ratio: 3 / 2;
  }

  .casestudy-card-right {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .casestudy-card-top {
    position: relative;
  }

  .testimonial-main {
    flex-flow: row;
    display: flex;
    overflow: auto;
  }

  .testimonial-main.padding-global {
    padding-bottom: 1rem;
  }

  .testimonial-card {
    width: 44vw;
  }

  .testimonial-video-logo:where(.w-variant-65afc4f9-031d-a5f3-faf2-831aa3d6a53a) {
    height: 1.5rem;
  }

  .testimonial-default {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.5rem;
  }

  .testimonial-video {
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .testimonial-video-title:where(.w-variant-65afc4f9-031d-a5f3-faf2-831aa3d6a53a) {
    font-size: var(--font-size--title-m);
  }

  .testimonial-video-content:where(.w-variant-65afc4f9-031d-a5f3-faf2-831aa3d6a53a) {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .testimonial-row {
    flex-flow: row;
    flex: none;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .pricing-tabs-menu {
    margin-bottom: 1.5rem;
  }

  .pricing-table {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    padding: 1.25rem;
  }

  .pricing-card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.5rem;
  }

  .pricing-card-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-bottom: 1.5rem;
  }

  .pricing-card-period {
    margin-bottom: .125rem;
  }

  .pricing-card-bottom {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .modal-cta {
    padding: 2rem;
  }

  .team-slider-mask {
    width: 50%;
  }

  .faq-item {
    border-radius: var(--_radius---radius-3xl);
  }

  .faq-item-inner {
    border-radius: calc(var(--_radius---radius-3xl)  - 2px);
  }

  .footer-bottom-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
  }

  .footer-bottom-logo {
    margin-left: 0;
    position: static;
  }

  .hero-bg {
    flex-flow: column;
    justify-content: center;
    display: flex;
    inset: 0%;
  }

  .hero-bg-video {
    flex: 0 auto;
    height: 60vh;
  }

  .hero-bg-video-gradient-top {
    background-image: linear-gradient(#d9d9d9, #d9d9d9 0% 80%, #0000);
    display: block;
    position: absolute;
    inset: 0% 0% 71%;
  }

  .hero-bg-video-gradient-bottom {
    background-image: linear-gradient(#0000, #b8b8b8 25%, #b8b8b8);
    display: block;
    position: absolute;
    inset: 69% 0% 0%;
  }

  ._404-text-wrap {
    font-size: 40vw;
  }
}

@media screen and (max-width: 767px) {
  body {
    --font-family--font-family: Geist, Arial, sans-serif;
    --font-size--body-m: 1rem;
    --line-height--height-xl: 1.375em;
    --font-weight--normal: 400;
    --letter-spacing--ls-s: -.03em;
    --font-size--h1: 3rem;
    --line-height--height-s: 1em;
    --font-weight--semibold: 600;
    --letter-spacing--ls-l: -.06em;
    --font-size--h2: 2.5rem;
    --font-weight--medium: 500;
    --letter-spacing--ls-m: -.05em;
    --font-size--h3: 2rem;
    --line-height--height-m: 1.1em;
    --font-size--h4: 1.75rem;
    --font-size--h5: 1.5rem;
    --line-height--height-l: 1.2em;
    --font-size--h6: 1rem;
    --font-weight--bold: 700;
    --font-size--title-s: 1.25rem;
    --font-size--title-xl: 3rem;
    --font-size--title-l: 2rem;
    --font-size--title-m: 1.5rem;
    --font-size--body-l: 1.125rem;
    --font-size--body-s: .875rem;
    --font-size--body-xs: .75rem;
    --_spacing---medium: 3rem;
    --_spacing---large: 4rem;
    --_spacing---small: 2rem;
    --_spacing---xmedium: 3.5rem;
    --_spacing---none: 0rem;
    --_radius---radius-2xl: 1.25rem;
    --_radius---radius: .5rem;
    --_radius---radius-s\<deleted\|variable-dfa9d33b-318f-7c27-a238-ec0aa5b3b99f\>: .75rem;
    --_radius---round: 100vw;
    --_radius---radius-6xl: 4rem;
    --_radius---radius-5xl: 3.5rem;
    --_radius---radius-4xl: 2.25rem;
    --_radius---radius-7xl: 4.5rem;
    --_radius---radius-3xl: 2rem;
    --_radius---radius-xl: 1rem;
    --_radius---radius-8xl: 5rem;
    --_radius---radius-l: .75rem;
    --_radius---radius-m: .5rem;
  }

  .styleguide-typo {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .styleguide-item-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .styleguide-color {
    padding: .5rem;
  }

  .styleguide-color-bottom {
    font-size: var(--font-size--body-s);
    padding: .5rem;
  }

  .hero-layout {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .about-text {
    font-size: var(--font-size--title-l);
  }

  .about-video-wrap, .about-video-fiiter {
    border-radius: var(--_radius---radius-5xl);
  }

  .statics-item {
    font-size: 4rem;
  }

  .value-bottom {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .value-card {
    width: 100%;
    max-width: 18rem;
  }

  .capabilities-data-grid {
    grid-template-columns: 1fr 1fr;
  }

  .capabilities-data {
    border-radius: var(--_radius---radius-4xl);
  }

  .process-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr minmax(10rem, .35fr);
    padding-left: 5rem;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .process-item-block {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .process-item-block.align-right {
    text-align: left;
    order: 9999;
  }

  .process-item-center {
    width: 3.5rem;
    position: absolute;
    inset: 0% auto 0% 1rem;
    overflow: hidden;
  }

  .process-item-title {
    font-size: var(--font-size--body-m);
  }

  .process-item-desc {
    font-size: var(--font-size--body-s);
  }

  .process-item-content {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    justify-content: center;
  }

  .process-item-icon-frame {
    border-radius: var(--_radius---radius-2xl);
    width: 4rem;
    height: 4rem;
  }

  .process-item-icon {
    width: 2rem;
    height: 2rem;
  }

  .process-item-number {
    display: none;
  }

  .process-line-ray {
    margin-left: calc(2.5rem + 2px);
  }

  .casestudy-slider {
    padding-bottom: 5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .casestudy-card-right {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .casestudy-card-brand-logo {
    height: 1.5rem;
  }

  .casestudy-card-title {
    font-size: var(--font-size--title-m);
  }

  .casestudy-card-content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .casestudy-card-top {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .casestudy-card-number {
    font-size: var(--font-size--title-m);
  }

  .casestudy-nav-btn {
    top: auto;
    left: 0%;
    right: 3.5rem;
  }

  .casestudy-nav-btn.right {
    left: 3.5rem;
    right: 0%;
  }

  .testimonial-main {
    display: flex;
  }

  .testimonial-card {
    width: 65vw;
  }

  .testimonial-default-top {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .testimonial-default {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

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

  .pricing-table {
    flex-flow: column;
  }

  .team-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .faq-item-bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .faq-item-number {
    display: none;
  }

  .footer-bottom {
    padding-top: 1.5rem;
  }

  .cta-form-card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 2rem;
  }

  .form-button {
    margin-top: 1rem;
  }

  .footer-link-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
  }

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

  .cta-form {
    min-height: 23.5rem;
  }

  .about-video-play {
    width: 3rem;
    height: 3rem;
  }

  .about-video-play-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .footer-bottom-row-inner {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
  }

  .team-card-name {
    font-size: var(--font-size--title-m);
  }

  .team-card-position {
    font-size: var(--font-size--body-m);
  }

  .changelog-date {
    padding-bottom: 1rem;
  }

  .changelog-version {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    --font-family--font-family: Geist, Arial, sans-serif;
    --font-size--body-m: 1rem;
    --line-height--height-xl: 1.375em;
    --font-weight--normal: 400;
    --letter-spacing--ls-s: -.03em;
    --font-size--h1: 3rem;
    --line-height--height-s: 1em;
    --font-weight--semibold: 600;
    --letter-spacing--ls-l: -.06em;
    --font-size--h2: 2.5rem;
    --font-weight--medium: 500;
    --letter-spacing--ls-m: -.05em;
    --font-size--h3: 2rem;
    --line-height--height-m: 1.1em;
    --font-size--h4: 1.75rem;
    --font-size--h5: 1.5rem;
    --line-height--height-l: 1.2em;
    --font-size--h6: 1rem;
    --font-weight--bold: 700;
    --font-size--title-s: 1.25rem;
    --font-size--title-xl: 3rem;
    --font-size--title-l: 2rem;
    --font-size--title-m: 1.5rem;
    --font-size--body-l: 1.125rem;
    --font-size--body-s: .875rem;
    --font-size--body-xs: .75rem;
    --_spacing---medium: 3rem;
    --_spacing---large: 4rem;
    --_spacing---small: 2rem;
    --_spacing---xmedium: 3.5rem;
    --_spacing---none: 0rem;
    --_radius---radius-2xl: 1.25rem;
    --_radius---radius: .5rem;
    --_radius---radius-s\<deleted\|variable-dfa9d33b-318f-7c27-a238-ec0aa5b3b99f\>: .75rem;
    --_radius---round: 100vw;
    --_radius---radius-6xl: 4rem;
    --_radius---radius-5xl: 3.5rem;
    --_radius---radius-4xl: 2.25rem;
    --_radius---radius-7xl: 4.5rem;
    --_radius---radius-3xl: 2rem;
    --_radius---radius-xl: 1rem;
    --_radius---radius-8xl: 5rem;
    --_radius---radius-l: .75rem;
    --_radius---radius-m: .5rem;
  }

  .styleguide-main {
    overflow: hidden;
  }

  .styleguide-typo {
    flex-flow: column;
    display: flex;
  }

  .styleguide-typo-header {
    align-self: stretch;
  }

  .hero-layout {
    align-items: stretch;
  }

  .button-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .subheading-text {
    font-size: var(--font-size--body-m);
  }

  .about-video-wrap {
    border-radius: var(--_radius---radius-4xl);
    width: 70vw;
  }

  .about-video-fiiter {
    border-radius: var(--_radius---radius-4xl);
  }

  .capabilities-grid {
    flex-flow: column;
    display: flex;
  }

  .capabilities-card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border-radius: var(--_radius---radius-5xl);
    padding: 1.5rem;
  }

  .modal-cta-title {
    font-size: var(--font-size--title-s);
  }

  .modal-cta-icon-frame {
    width: 4rem;
    height: 4rem;
  }

  .modal-cta-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .capabilities-data-grid {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .capabilities-data {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 1.25rem;
  }

  .capabilities-data-icon-wrap {
    justify-content: center;
    align-items: flex-start;
  }

  .capabilities-data-icon {
    width: 4rem;
    height: 4rem;
  }

  .capabilities-data-title {
    font-size: var(--font-size--body-s);
  }

  .process-item {
    padding-left: 4rem;
    padding-right: 1rem;
  }

  .process-item.active {
    padding-right: 1rem;
  }

  .process-item-center {
    left: .5rem;
  }

  .process-dot.active {
    width: 1.25rem;
    height: 1.25rem;
  }

  .process-line-ray {
    margin-left: calc(2rem + 2px);
  }

  .casestudy-slider {
    padding-bottom: 4rem;
  }

  .casestudy-card {
    border-radius: var(--_radius---radius-6xl);
  }

  .casestudy-card-image-wrap {
    aspect-ratio: 1;
    border-radius: var(--_radius---radius-6xl);
  }

  .casestudy-card-right {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .casestudy-card-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .casestudy-card-number-wrap.hide-on-mobile {
    display: none;
  }

  .casestudy-card-bottom {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .casestudy-card-image-fiiter {
    border-radius: var(--_radius---radius-6xl);
  }

  .intergration-item {
    width: 10rem;
    padding: 1rem;
  }

  .intergration-item-image {
    height: 2rem;
  }

  .intergration-item-title, .intergration-bottom-text {
    font-size: var(--font-size--body-m);
  }

  .intergration-circle {
    font-size: .8rem;
  }

  .testimonial-card {
    border-radius: var(--_radius---radius-4xl);
    width: 80vw;
  }

  .testimonial-card:where(.w-variant-65afc4f9-031d-a5f3-faf2-831aa3d6a53a) {
    border-radius: var(--_radius---radius-4xl);
  }

  .pricing-table {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 1rem;
  }

  .pricing-card-period {
    font-size: var(--font-size--body-m);
  }

  .modal-cta {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    padding: 1.5rem;
  }

  .modal-cta-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .team-slider-mask {
    width: 100%;
  }

  .cta-form-card {
    border-radius: var(--_radius---radius-5xl);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .navbar-brand-link {
    display: none;
  }

  ._404-text-wrap {
    font-size: 50vw;
  }

  .license-item {
    flex-flow: column;
    grid-template-columns: .25fr;
    display: flex;
  }

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

  .rich-text-block h3 {
    margin-top: 1.75rem;
    margin-bottom: 1rem;
  }

  .rich-text-block h2 {
    margin-top: 1.75rem;
  }
}

#w-node-_5af00600-6965-ff8b-e344-9f61328dffac-256bc9e3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_90a95350-6843-ac91-db7a-c7c70d5a067b-256bc9e3, #w-node-_30d45e7b-06bd-a6b7-eb44-bb85d089b6d8-256bc9e3, #w-node-_02964711-9122-23a2-7065-78b7d5b7c103-256bc9e3, #w-node-cfea2cc3-188c-362a-87aa-5bc5360b080d-256bc9e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7c687b4f-83db-89cf-98f3-fc8d4380e7d1-256bc9e3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_16d5cbb8-90e2-ed9a-972b-748b46ef21b6-256bc9e3 {
  justify-self: end;
}

#w-node-_963e5ecd-d63b-d5ca-b437-f52113390605-256bc9e3 {
  justify-self: start;
}

#w-node-daf4e221-5cd3-9e30-2a3a-cea951a2eba7-256bc9e3 {
  justify-self: end;
}

#w-node-_966d011b-a1d6-7b3f-d74d-2107b8b500b4-256bc9e3 {
  justify-self: start;
}

#w-node-a2477e31-06bd-4257-a9c5-486a905abff2-256bc9e3 {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_0a57ae18-ba1a-8704-4867-323a0366d6bf-256bc9e3 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_963e5ecd-d63b-d5ca-b437-f52113390605-256bc9e3 {
    order: -9999;
  }
}


@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}