:root {
  --_color---white--01: #fff;
  --font-family--body-font: "DM Sans", sans-serif;
  --_color---grey--01: #1d1e1f;
  --font-size--body-m: 1rem;
  --line-height--height-xl: 1.5em;
  --font-weight--normal: 400;
  --font-family--heading-font: Syne, sans-serif;
  --font-size--h1: 5rem;
  --line-height--height-s: 1em;
  --font-weight--semibold: 600;
  --letter-spacing--ls-s: -.03em;
  --font-size--h2: 4.5rem;
  --font-weight--medium: 500;
  --letter-spacing--ls-m: -.01em;
  --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---black--06: #0000001a;
  --_color---grey--09: #f5f5f5;
  --_color---black--01: #0d141e;
  --font-size--title-m: 1.5rem;
  --_color---white--04: #fff6;
  --_radius---round: 100vw;
  --_color---white--03: #fff9;
  --_color---white--02: #fffc;
  --_color---hologram--primary-color-1: #0ab25d;
  --_color---hologram--primary-color-2: #0bff72;
  --_color---hologram--primary-color-3: #00c6ff;
  --_color---hologram--75\<deleted\|variable-19fdaf12-bb3e-2de7-f037-bf004d952986\>: #007fff;
  --_color---hologram--100\<deleted\|variable-19b19e43-a68b-3485-e335-d29bcae22b63\>: #00c6ff;
  --_color---black--05: #0003;
  --_color---grey--05: #b8b8b8;
  --_color---grey--02: #292929;
  --font-size--body-xs: .75rem;
  --_color---black--03: #0009;
  --font-size--body-l: 1.125rem;
  --font-size--body-s: .875rem;
  --_spacing---large: 8rem;
  --_spacing---small: 3rem;
  --_color---black--07: #00000008;
  --_color---black--04: #0006;
  --font-size--title-xl: 3rem;
  --font-size--title-l: 2rem;
  --_color---grey--07: #e6e6e6;
  --_radius---radius: 1rem;
  --_color---grey--08: #f2f2f2;
  --_color---black--02: #000c;
  --_color---white--07: #ffffff08;
  --_spacing---xmedium: 6.25rem;
  --_spacing---medium: 5rem;
  --_radius---radius-5xl: 1rem;
  --_color---white--05: #fff3;
  --_radius---radius-3xl: 1rem;
  --_radius---radius-4xl: 1rem;
  --_radius---radius-xl: 1.75rem;
  --_radius---radius-2xl: 1rem;
  --_color---grey--03: #525252;
  --_radius---radius-8xl: 1rem;
  --_radius---radius-6xl: 1rem;
  --_radius---radius-7xl: 1rem;
  --_color---white--06: #ffffff1a;
  --_spacing---none: 0rem;
  --_color---grey--04: #a6a6a6;
  --_color---grey--06: #cdcdcd;
  --_radius---radius-l: 1.5rem;
  --_radius---radius-m: 1rem;
  --letter-spacing--ls-l: -.06em;
}

body {
  background-color: var(--_color---white--01);
  font-family: var(--font-family--body-font);
  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);
  --font-family--body-font: "DM Sans", sans-serif;
  --font-size--body-m: 1rem;
  --line-height--height-xl: 1.5em;
  --font-weight--normal: 400;
  --font-family--heading-font: Syne, sans-serif;
  --font-size--h1: 5rem;
  --line-height--height-s: 1em;
  --font-weight--semibold: 600;
  --letter-spacing--ls-s: -.03em;
  --font-size--h2: 4.5rem;
  --font-weight--medium: 500;
  --letter-spacing--ls-m: -.01em;
  --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-m: 1.5rem;
  --font-size--body-xs: .75rem;
  --font-size--body-l: 1.125rem;
  --font-size--body-s: .875rem;
  --font-size--title-xl: 3rem;
  --font-size--title-l: 2rem;
  --letter-spacing--ls-l: -.06em;
  --_spacing---large: 8rem;
  --_spacing---small: 3rem;
  --_spacing---xmedium: 6.25rem;
  --_spacing---medium: 5rem;
  --_spacing---none: 0rem;
  --_radius---round: 100vw;
  --_radius---radius: 1rem;
  --_radius---radius-5xl: 1rem;
  --_radius---radius-3xl: 1rem;
  --_radius---radius-4xl: 1rem;
  --_radius---radius-xl: 1.75rem;
  --_radius---radius-2xl: 1rem;
  --_radius---radius-8xl: 1rem;
  --_radius---radius-6xl: 1rem;
  --_radius---radius-7xl: 1rem;
  --_radius---radius-l: 1.5rem;
  --_radius---radius-m: 1rem;
}

h1 {
  font-family: var(--font-family--heading-font);
  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-s);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--font-family--heading-font);
  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;
}

figure {
  margin-bottom: 10px;
}

.section {
  z-index: 1;
  border-top: 1px solid var(--_color---black--06);
}

.section.hero {
  color: var(--_color---white--01);
  flex-flow: column;
  margin-top: -1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.section.testimonial {
  position: relative;
}

.section.blogs-post {
  background-image: linear-gradient(180deg, var(--_color---grey--09), #0000);
  padding-top: 2rem;
  position: relative;
  overflow: hidden;
}

.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-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-h3.is-small {
  color: var(--_color---black--01);
  font-size: var(--font-size--title-m);
}

.heading-style-h3.for-blog {
  color: var(--_color---black--01);
  font-size: var(--font-size--title-m);
  line-height: var(--line-height--height-xl);
}

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

.heading-style-h2.is-small {
  font-size: var(--font-size--h5);
}

.button {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 2px solid var(--_color---white--04);
  border-radius: var(--_radius---round);
  background-color: var(--_color---white--01);
  box-shadow: 1px 1px 2px 0 var(--_color---white--03);
  color: var(--_color---black--01);
  font-weight: var(--font-weight--medium);
  justify-content: flex-start;
  align-items: center;
  padding: 12px 22px;
  text-decoration: none;
  transition: all .2s;
  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);
  min-height: 0;
  color: var(--_color---grey--01);
  white-space: nowrap;
  background-image: none;
}

.button:where(.w-variant-9943b888-52fe-aefa-9593-d1e9001eb671) {
  box-shadow: 1px 1px 2px 0 var(--_color---white--03);
  color: var(--_color---white--01);
}

.button:where(.w-variant-b2c15ccf-f3ee-7171-f43f-d5285af181db) {
  min-height: auto;
  box-shadow: none;
  border-style: none;
  justify-content: center;
  align-items: center;
  transition: color .3s, background-color .3s, opacity .3s;
}

.button:where(.w-variant-30fd07d7-28f6-e355-19ca-86bdaad446de) {
  border-color: var(--_color---hologram--primary-color-1);
}

.button:hover {
  border-color: var(--_color---hologram--primary-color-1);
  background-color: var(--_color---hologram--primary-color-1);
  box-shadow: 0 0 0 0 var(--_color---white--03);
  color: var(--_color---white--01);
}

.button:hover:where(.w-variant-b2c15ccf-f3ee-7171-f43f-d5285af181db) {
  background-color: var(--_color---hologram--primary-color-1);
  color: var(--_color---white--01);
}

.button.contact-button {
  background-color: var(--_color---black--05);
  box-shadow: 1px 1px 2px 0 var(--_color---white--03);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--_color---white--01);
}

.button.contact-button:hover {
  box-shadow: 0 0 0 0 var(--_color---white--03);
  color: var(--_color---hologram--primary-color-1);
}

.button.nav-button {
  border-width: 1px;
  border-color: var(--_color---white--01);
  background-color: var(--_color---white--02);
  min-height: 0;
  color: var(--_color---grey--01);
  white-space: nowrap;
  background-image: none;
  transition: border-color .3s, color .3s, background-color .3s, opacity .3s;
}

.button.nav-button:hover {
  border-color: var(--_color---hologram--primary-color-1);
  background-color: var(--_color---hologram--primary-color-1);
  color: var(--_color---white--01);
  background-image: none;
}

.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), .button-text.nav-button-7 {
  text-shadow: 0 -2em 0 var(--_color---grey--01);
}

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

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

.button-innershadow.nav-button-10 {
  opacity: 0;
  box-shadow: inset 0 0 20px #0000001a;
}

.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: 4rem;
  grid-row-gap: 4rem;
  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 {
  width: 1rem;
  height: 1rem;
  color: var(--_color---hologram--primary-color-1);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.hero-content, .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 {
  width: 100%;
  max-width: 40rem;
  color: var(--_color---black--03);
  font-size: var(--font-size--body-l);
  margin-left: auto;
  margin-right: auto;
}

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

.hero-heading {
  opacity: 1;
  max-width: 55rem;
  color: var(--_color---white--01);
  mix-blend-mode: hard-light;
}

.logo-marquee-section {
  z-index: 2;
  position: relative;
}

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

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

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

.about-layout {
  padding-top: var(--_spacing---large);
  padding-bottom: var(--_spacing---large);
  grid-column-gap: var(--_spacing---small);
  grid-row-gap: var(--_spacing---small);
  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---hologram--primary-color-1);
  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-family: var(--font-family--heading-font);
  font-size: var(--font-size--title-xl);
  line-height: var(--line-height--height-l);
  letter-spacing: var(--letter-spacing--ls-m);
}

.eye-brow-text {
  font-family: var(--font-family--heading-font);
}

.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;
  max-width: 50rem;
  display: flex;
}

.value-card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--_color---grey--07);
  border-radius: var(--_radius---radius);
  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-bottom {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.value-card-title {
  font-family: var(--font-family--heading-font);
  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-color: var(--_color---white--07);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.value-icon-l1 {
  border-radius: var(--_radius---round);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background-color: #ffffff4d;
  padding: 0 .5rem .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);
  justify-content: center;
  align-items: center;
  padding: .75rem;
  display: flex;
}

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

.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);
  background-color: var(--_color---grey--08);
  flex-flow: column;
  justify-content: flex-start;
  padding: 2.5rem;
  transition: border-color .3s;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -2px 1px #0000001f, inset 0 0 1px 2px #fff;
}

.capabilities-card:hover {
  border-color: var(--_color---hologram--primary-color-1);
}

.capabilities-card.for-r-blogs {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  padding: 1rem;
}

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

.capabilities-card-title.larger {
  font-family: var(--font-family--heading-font);
  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-content.for-r-blog {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

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

.capabilities-card-image.migration {
  object-fit: cover;
  object-position: 50% 80%;
  flex: none;
  height: 163px;
}

.capabilities-card-image.inverse {
  filter: invert();
}

.capabilities-card-image.for-r-blog-img {
  border-radius: .75rem;
}

.capabilities-card-image.black-and-white {
  filter: invert() grayscale(200%);
  border-radius: 1rem;
  overflow: hidden;
}

.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: center;
  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-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;
  grid-auto-columns: .25fr;
  display: grid;
}

.capabilities-data {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-radius: var(--_radius---radius-3xl);
  box-shadow: inset 0 0 24px 0 #fff, 0 1px 1px 1px var(--_color---black--06);
  color: var(--_color---white--01);
  font-weight: var(--font-weight--medium);
  text-align: center;
  background-color: #f2f2f2;
  flex-flow: column;
  padding: 1.5rem;
  transition: border-color .3s;
  display: flex;
  overflow: hidden;
}

.capabilities-data:hover {
  box-shadow: inset 0 0 24px 0 #fff, 0 1px 1px 1px var(--_color---hologram--primary-color-1);
}

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

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

.capabilities-data-title {
  color: var(--_color---black--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-family: var(--font-family--heading-font);
  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;
}

.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);
  width: 2rem;
  height: 2rem;
  font-weight: var(--font-weight--medium);
  text-align: center;
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  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-color: var(--_color---black--06);
  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 {
  border-radius: inherit;
}

.process-dot-dot {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  background-color: var(--_color---hologram--primary-color-1);
  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--primary-color-1), var(--_color---hologram--primary-color-3));
  width: 4px;
  height: 0%;
}

.casestudy-main {
  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;
  position: relative;
}

.work-card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--_radius---radius-8xl);
  background-color: var(--_color---grey--08);
  width: 100%;
  box-shadow: inset 0 0 0 1px var(--_color---black--06);
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: .5rem;
  transition: box-shadow .3s;
  display: grid;
  position: sticky;
  top: 10%;
}

.work-card:hover {
  box-shadow: inset 0 0 0 1px var(--_color---hologram--primary-color-1);
}

.work-card._2 {
  top: 11%;
}

.work-card._3 {
  top: 12%;
}

.work-card._4 {
  top: 13%;
}

.work-card._5 {
  top: 14%;
}

.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: 6rem 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);
}

.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;
  justify-content: flex-end;
  align-items: stretch;
  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;
}

.testimonial-layout {
  width: 100%;
  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: .8;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--_color---hologram--primary-color-1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

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

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

.testimonial-default.video-2 {
  display: none;
}

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

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

.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);
  background-image: linear-gradient(180deg, var(--_color---black--03), white 80%);
  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-self: flex-start;
  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;
}

.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-family: var(--font-family--heading-font);
  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--06);
  width: 3rem;
  height: 3rem;
  color: var(--_color---grey--01);
  flex: none;
  justify-content: center;
  align-items: center;
  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);
  width: 2rem;
  font-size: var(--font-size--body-s);
  white-space: nowrap;
  object-fit: cover;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  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: 1rem 1.5rem;
  display: flex;
}

.faq-item-bg-gradient {
  z-index: -1;
  background-image: linear-gradient(to bottom, var(--_color---black--06), var(--_color---black--06));
  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---black--01);
  color: var(--_color---white--01);
  padding-bottom: 6px;
  position: relative;
  overflow: hidden;
}

.footer-bottom {
  z-index: 2;
  padding-top: var(--_spacing---xmedium);
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  color: var(--_color---white--01);
  flex-flow: column;
  display: flex;
  position: relative;
}

.form_input {
  border-style: none none solid;
  border-width: 0 0 1px;
  border-color: black black var(--_color---black--03);
  background-color: var(--_color---white--07);
  min-height: 3rem;
  color: var(--_color---black--02);
  font-size: var(--font-size--body-m);
  margin-bottom: 0;
  padding: .5rem 1rem;
  display: block;
}

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

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

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

.footer-social-icon {
  aspect-ratio: 1;
  border-radius: var(--_radius---round);
  background-color: var(--_color---white--06);
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 2rem;
  transition: background-color .4s;
  display: flex;
  overflow: hidden;
}

.footer-social-icon:hover {
  background-color: var(--_color---hologram--primary-color-1);
}

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

.footer-social-icon-icon.for-author-card {
  color: var(--_color---white--01);
}

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

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

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

.footer-link-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

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

.footer-link:hover {
  color: var(--_color---hologram--primary-color-1);
  text-decoration: underline;
}

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

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

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

.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;
  position: relative;
}

.navbar-brand-logo {
  aspect-ratio: 1;
  object-fit: cover;
  width: 1.75rem;
  min-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-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 3.7rem;
  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);
  width: 100%;
  color: var(--_color---white--01);
  text-align: center;
  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-color: var(--_color---black--05);
  position: absolute;
  inset: 0%;
}

.hero-bg-video {
  flex: 1;
  min-height: 100svw;
}

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

._404-layout {
  min-height: 100vh;
  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;
  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: repeating-linear-gradient(0deg, var(--_color---white--01), var(--_color---hologram--primary-color-1));
  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);
}

.video-overlay {
  background-color: var(--_color---black--02);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: absolute;
  inset: 0%;
}

.marquee-text {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
}

.brand-color {
  color: var(--_color---hologram--primary-color-1);
}

.brand-dot {
  background-color: var(--_color---hologram--primary-color-1);
  border-radius: 100%;
  width: 8px;
  height: 8px;
}

.tusted-clients {
  padding-left: .5rem;
}

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

.pattern-grid-xl {
  z-index: -1;
  color: #f3f1ec08;
  height: 100svh;
  margin-top: -10px;
  display: none;
  position: fixed;
  inset: 0%;
}

.work-site-tags {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.work-tags {
  border: 1px solid var(--_color---black--06);
  border-radius: var(--_radius---round);
  background-color: var(--_color---black--07);
  opacity: .8;
  padding: 4px 22px;
}

.dvllo-contact-link {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--_color---white--01);
  font-size: var(--font-size--h1);
  line-height: var(--line-height--height-xl);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.dvllo-contact-link:hover {
  color: var(--_color---hologram--primary-color-1);
}

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

.footer-big-logo {
  z-index: 1;
  opacity: .5;
  justify-content: center;
  align-items: center;
  margin-top: -130px;
  margin-bottom: -45px;
  display: flex;
  position: relative;
}

.footer-link-flex {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

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

.line-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--_color---black--01);
  font-size: var(--font-size--body-s);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.line-links {
  color: var(--_color---black--01);
  text-decoration: none;
}

.line-links.w--current {
  color: var(--_color---black--04);
}

.line-link-arrow {
  width: 5px;
}

.bogls-post-top {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  display: flex;
}

.blog-heading-h1 {
  font-size: var(--font-size--h4);
  line-height: var(--line-height--height-m);
  letter-spacing: -1px;
}

.blog-update-date {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid var(--_color---black--06);
  justify-content: flex-end;
  align-items: center;
  margin-top: 1.5rem;
  padding-top: 1rem;
  display: flex;
}

.blog-post-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-post-image {
  border-radius: var(--line-height--height-s);
}

.blog-image-rich-text {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.blog-rich-text p {
  font-size: var(--font-size--body-l);
  line-height: var(--line-height--height-xl);
  margin-bottom: 1rem;
}

.blog-rich-text h2 {
  font-size: var(--font-size--h6);
  margin-top: 2.5rem;
  margin-bottom: .75rem;
}

.blog-rich-text h3, .blog-rich-text h4 {
  font-size: var(--font-size--title-m);
  margin-top: 2.5rem;
  margin-bottom: .75rem;
}

.blog-rich-text figure {
  border-radius: 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.blog-rich-text a {
  color: var(--_color---hologram--primary-color-1);
  text-decoration: none;
}

.blog-rich-text li {
  font-size: var(--font-size--body-l);
}

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

.blog-author-card {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border: 1px solid var(--_color---grey--07);
  border-radius: var(--_radius---radius);
  background-color: var(--_color---grey--08);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  display: grid;
  overflow: hidden;
  box-shadow: inset 0 -2px 1px #0000001f, inset 0 0 1px 2px #fff;
}

.author-card-image {
  border: 1px solid var(--_color---black--05);
  border-radius: var(--_radius---radius-8xl);
  object-fit: cover;
  flex: 1;
  width: 100%;
  height: 200px;
  padding: 3px;
}

.author-social-icon {
  aspect-ratio: 1;
  object-fit: cover;
  background-color: #0077b5;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  display: flex;
  overflow: hidden;
}

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

.linkedin-and-ceo {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

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

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

@media screen and (max-width: 991px) {
  body {
    --font-family--body-font: "DM Sans", sans-serif;
    --font-size--body-m: 1rem;
    --line-height--height-xl: 1.5em;
    --font-weight--normal: 400;
    --font-family--heading-font: Syne, sans-serif;
    --font-size--h1: 4rem;
    --line-height--height-s: 1em;
    --font-weight--semibold: 600;
    --letter-spacing--ls-s: -.03em;
    --font-size--h2: 3rem;
    --font-weight--medium: 500;
    --letter-spacing--ls-m: -.01em;
    --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-m: 1.5rem;
    --font-size--body-xs: .75rem;
    --font-size--body-l: 1.125rem;
    --font-size--body-s: .875rem;
    --font-size--title-xl: 3rem;
    --font-size--title-l: 2rem;
    --letter-spacing--ls-l: -.06em;
    --_spacing---large: 6rem;
    --_spacing---small: 3rem;
    --_spacing---xmedium: 5rem;
    --_spacing---medium: 4rem;
    --_spacing---none: 0rem;
    --_radius---round: 100vw;
    --_radius---radius: .5rem;
    --_radius---radius-5xl: 1rem;
    --_radius---radius-3xl: 1rem;
    --_radius---radius-4xl: 1rem;
    --_radius---radius-xl: 1.25rem;
    --_radius---radius-2xl: 1rem;
    --_radius---radius-8xl: 1rem;
    --_radius---radius-6xl: 1rem;
    --_radius---radius-7xl: 1rem;
    --_radius---radius-l: 1rem;
    --_radius---radius-m: 1rem;
  }

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

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

  .capabilities-card {
    padding: 2rem;
  }

  .casestudy-main {
    grid-column-gap: var(--line-height--height-s);
    grid-row-gap: var(--line-height--height-s);
  }

  .work-card {
    flex-flow: column;
    display: flex;
    position: static;
  }

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

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

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

  .testimonial-main {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    display: flex;
    overflow: auto;
  }

  .testimonial-card {
    width: 44vw;
  }

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

  .testimonial-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .modal-cta {
    padding: 2rem;
  }

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

  .hero-section-wrap {
    height: auto;
    padding-top: 160px;
    padding-bottom: 100px;
  }

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

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

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

  .dvllo-contact-link {
    font-size: var(--font-size--h2);
  }

  .footer-big-logo.w--current {
    max-width: 20rem;
    margin-top: -42px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-author-card {
    padding: 1rem;
  }

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

@media screen and (max-width: 767px) {
  body {
    --font-family--body-font: "DM Sans", sans-serif;
    --font-size--body-m: 1rem;
    --line-height--height-xl: 1.5em;
    --font-weight--normal: 400;
    --font-family--heading-font: Syne, sans-serif;
    --font-size--h1: 3rem;
    --line-height--height-s: 1em;
    --font-weight--semibold: 600;
    --letter-spacing--ls-s: -.03em;
    --font-size--h2: 2.5rem;
    --font-weight--medium: 500;
    --letter-spacing--ls-m: -.01em;
    --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-m: 1.5rem;
    --font-size--body-xs: .75rem;
    --font-size--body-l: 1.125rem;
    --font-size--body-s: .875rem;
    --font-size--title-xl: 3rem;
    --font-size--title-l: 2rem;
    --letter-spacing--ls-l: -.06em;
    --_spacing---large: 4rem;
    --_spacing---small: 2rem;
    --_spacing---xmedium: 3.5rem;
    --_spacing---medium: 3rem;
    --_spacing---none: 0rem;
    --_radius---round: 100vw;
    --_radius---radius: .5rem;
    --_radius---radius-5xl: 1rem;
    --_radius---radius-3xl: 1rem;
    --_radius---radius-4xl: 1rem;
    --_radius---radius-xl: 1rem;
    --_radius---radius-2xl: 1rem;
    --_radius---radius-8xl: 1rem;
    --_radius---radius-6xl: 1rem;
    --_radius---radius-7xl: 1rem;
    --_radius---radius-l: .75rem;
    --_radius---radius-m: .5rem;
  }

  .section.blogs-post {
    padding-top: 4rem;
  }

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

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

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

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

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

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

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

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

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

  .footer-social-icon-link {
    width: 3rem;
    height: 3rem;
  }

  .footer-link-list {
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .footer-link-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    text-align: center;
    flex-flow: column;
  }

  .hero-bg-video {
    height: 100vh;
  }

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

  .dvllo-contact-link {
    font-size: var(--font-size--h1);
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-big-logo.w--current {
    max-width: 100rem;
  }

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

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

@media screen and (max-width: 479px) {
  body {
    --font-family--body-font: "DM Sans", sans-serif;
    --font-size--body-m: 1rem;
    --line-height--height-xl: 1.5em;
    --font-weight--normal: 400;
    --font-family--heading-font: Syne, sans-serif;
    --font-size--h1: 3rem;
    --line-height--height-s: 1em;
    --font-weight--semibold: 600;
    --letter-spacing--ls-s: -.03em;
    --font-size--h2: 2.5rem;
    --font-weight--medium: 500;
    --letter-spacing--ls-m: -.01em;
    --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-m: 1.5rem;
    --font-size--body-xs: .75rem;
    --font-size--body-l: 1.125rem;
    --font-size--body-s: .875rem;
    --font-size--title-xl: 3rem;
    --font-size--title-l: 2rem;
    --letter-spacing--ls-l: -.06em;
    --_spacing---large: 4rem;
    --_spacing---small: 2rem;
    --_spacing---xmedium: 3.5rem;
    --_spacing---medium: 3rem;
    --_spacing---none: 0rem;
    --_radius---round: 100vw;
    --_radius---radius: .5rem;
    --_radius---radius-5xl: 1rem;
    --_radius---radius-3xl: 1rem;
    --_radius---radius-4xl: 1rem;
    --_radius---radius-xl: 1rem;
    --_radius---radius-2xl: 1rem;
    --_radius---radius-8xl: 1rem;
    --_radius---radius-6xl: 1rem;
    --_radius---radius-7xl: 1rem;
    --_radius---radius-l: .75rem;
    --_radius---radius-m: .5rem;
  }

  .button {
    justify-content: center;
    align-self: center;
    align-items: center;
  }

  .hero-layout {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: stretch;
  }

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

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

  .hero-heading-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

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

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

  .work-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: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .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;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

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

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

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

  .footer-social-icon-link {
    width: 2.5rem;
    height: 2.5rem;
  }

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

  .hero-bg-video {
    height: 100vh;
  }

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

  .pattern-grid-xl {
    margin-top: -20px;
  }

  .work-site-tags {
    flex-flow: wrap;
  }

  .dvllo-contact-link {
    font-size: var(--font-size--h2);
  }

  .footer-big-logo.w--current {
    margin-top: 0;
  }

  .line-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
  }

  .blog-rich-text p {
    font-size: var(--font-size--body-m);
  }

  .blog-author-card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border-radius: var(--_radius---radius-5xl);
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem;
    display: flex;
  }

  .author-card-image {
    flex: 0 auto;
    width: 200px;
    height: 200px;
  }

  .related-blog-wrap {
    flex-flow: column;
    display: flex;
  }
}

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

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

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

#w-node-fa437ec1-1ea8-29e3-d545-b5cbb79bf6b0-a74519e9, #w-node-_7caf8752-e93e-16e9-8592-e3188220a8e9-a74519e9, #w-node-_8f6d7777-ada3-70ef-a76c-4ad555260942-a74519e9 {
  align-self: start;
}

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

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

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

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

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

@media screen and (max-width: 991px) {
  #w-node-_0a57ae18-ba1a-8704-4867-323a0366d6bf-a74519e9 {
    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-a74519e9 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-fa437ec1-1ea8-29e3-d545-b5cbb79bf6b0-a74519e9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }
}