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

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

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

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

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

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

@font-face {
  font-family: Cabinetgrotesk;
  src: url('../fonts/CabinetGrotesk-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url('../fonts/CabinetGrotesk-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url('../fonts/CabinetGrotesk-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url('../fonts/CabinetGrotesk-Extrabold.otf') format("opentype"), url('../fonts/CabinetGrotesk-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --_colors---lightgrey--white: white;
  --_font-size---heading--h1-l-68px: 4.25rem;
  --_font-size---heading--h2-l-56px: 3.5rem;
  --_font-size---gap--size--24px: 1.5rem;
  --_font-size---heading--h4-18px: 1.125rem;
  --_font-size---cabinetgrotesk: Cabinetgrotesk, Lato, sans-serif;
  --_colors---darkgrey--black: #222;
  --_font-size---text--14px: .875rem;
  --_font-size---gap--size--96px: 6rem;
  --_font-size---gap--size--40px: 2.5rem;
  --_font-size---gap--size--80px: 5rem;
  --_font-size---gap--size--32px: 2rem;
  --_font-size---gap--size--0px: 0px;
  --_font-size---gap--size--64px: 4rem;
  --_font-size---gap--size--20px: 1.25rem;
  --_font-size---gap--size--48px: 3rem;
  --_font-size---gap--size--12px: .75rem;
  --_font-size---gap--size--104px: 6.5rem;
  --_colors---blue--02: #163163;
  --_colors---blue--00: #171c23;
  --_font-size---gap--size--56px: 3.5rem;
  --_colors---lightgrey--white50: #ffffff80;
  --_font-size---heading--h1-xl-72px: 4.5rem;
  --_font-size---heading--h1-m-44px: 2.75rem;
  --_font-size---gap--size--16px: 1rem;
  --_font-size---text--24px: 1.5rem;
  --_font-size---text--18px: 1.125rem;
  --_font-size---text--16px: 1rem;
  --_font-size---gap--size--8px: .5rem;
  --_colors---darkgrey--555555: #555;
  --_font-size---text--20px: 1.25rem;
  --_colors---lightgrey--white80: #fffc;
  --_colors---lightgrey--white10: #ffffff1a;
  --_font-size---gap--size--72px: 4.5rem;
  --_colors---lightgrey--white5: #ffffff0d;
  --_colors---lightgrey--white30: #ffffff4d;
  --_font-size---text--12px: .75rem;
  --_colors---lightgrey--ebebeb: #ebebeb;
  --_colors---lightgrey--f5f5f5: whitesmoke;
  --_colors---blue--01: #0b1932;
  --_font-size---gap--size--120px: 7.5rem;
  --_font-size---heading--h2-m-40px: 2.5rem;
  --_font-size---heading--h2-s-27px: 1.6875rem;
  --_colors---darkgrey--666666: #666;
  --_colors---darkgrey--99950: #99999980;
  --_colors---darkgrey--777777: #777;
  --_colors---darkgrey--999999: #999;
  --_font-size---gap--size--6px: .375rem;
  --fcfcfc: #fcfcfc;
  --_font-size---gap--size--4px: .25rem;
  --_colors---accent--teal--02: #00b8b1;
  --_colors---accent--yellow--01: #f9c621;
  --_colors---accent--pink--02: #d23782;
  --_font-size---heading--h3-l-24px: 1.5rem;
  --_font-size---heading--h3-m-20px: 1.25rem;
  --_colors---blue--03: #366dd3;
  --_colors---accent--pink--03: #d5488c;
  --_colors---accent--yellow--02: #fad24b;
  --_colors---blue--05: #acc6ec;
  --_colors---accent--pink--05: #f7deea;
  --_colors---accent--yellow--04: #fef4d7;
  --_colors---accent--teal--04: #c2fffd;
  --accent--blue--02: black;
  --_colors---lightgrey--fafafa: #fafafa;
  --_colors---lightgrey--e0e0e0: #e0e0e0;
  --_colors---accent--yellow--0450: #fef4d780;
  --_colors---accent--pink--0550: #f7deea80;
  --_colors---accent--teal--0420: #c2fffd33;
  --_colors---accent--purple--02: #b89fe5;
  --_colors---accent--teal--01: #008984;
  --_colors---accent--yellow--00: #3c2e02;
  --_colors---accent--pink--00: #531332;
  --_colors---accent--pink--01: #b72a6e;
  --_font-size---heading--h1-s-32px: 2rem;
  --_colors---blue--0520: #acc6ec33;
  --_colors---green--01: #a9efa9;
  --_colors---red--01: #f8636b;
  --_colors---accent--blue--01: #c3dffd;
  --_colors---accent--blue--02: #60abfb;
  --_colors---accent--pink--0450: #e17aac80;
  --_colors---accent--teal--0240: #00b8b166;
  --_colors---blue--06: #dee8f7;
  --_colors---accent--pink--04: #e17aac;
  --_colors---blue--04: #8aaae5;
  --_colors---accent--teal--03: #00e0d9;
  --_colors---accent--yellow--03: #fbdd7f;
  --_colors---accent--purple--01: #7c4dce;
  --_colors---green--0180: #a9efa9cc;
  --_colors---red--color: white;
}

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

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

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

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

h1 {
  color: var(--_colors---lightgrey--white);
  font-size: var(--_font-size---heading--h1-l-68px);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  font-size: var(--_font-size---heading--h2-l-56px);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  font-size: var(--_font-size---gap--size--24px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.2;
}

h4 {
  font-size: var(--_font-size---heading--h4-18px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.2;
}

p {
  margin-bottom: 0;
}

a {
  color: #222;
  padding: 0;
  text-decoration: none;
}

.main-body {
  font-family: var(--_font-size---cabinetgrotesk);
  color: var(--_colors---darkgrey--black);
  font-size: var(--_font-size---text--14px);
  background-image:
    linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px);
  background-size: 12px 12px;
}

.hero_section {
  padding-top: var(--_font-size---gap--size--96px);
  padding-bottom: var(--_font-size---gap--size--40px);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_section.security {
  padding-top: var(--_font-size---gap--size--80px);
  background-image: none;
  flex-flow: column;
  min-height: 70vh;
}

.hero_section.capabilities {
  padding-bottom: var(--_font-size---gap--size--0px);
  justify-content: center;
  align-items: center;
  min-height: auto;
}

.hero_section.company {
  padding-top: var(--_font-size---gap--size--80px);
  padding-bottom: var(--_font-size---gap--size--20px);
  border-bottom-left-radius: var(--_font-size---gap--size--48px);
  border-bottom-right-radius: var(--_font-size---gap--size--48px);
  background-image: url('../images/company-bg-img.png');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 70vh;
}

.hero_section.why {
  padding-top: var(--_font-size---gap--size--104px);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  min-height: 90vh;
}

.hero_section.solution-startup, .hero_section.solution-mid-market, .hero_section.solution-enterprise {
  padding-bottom: var(--_font-size---gap--size--0px);
  background-image: none;
  background-size: auto;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
}

.hero_section.home {
  padding-top: var(--_font-size---gap--size--80px);
  padding-bottom: var(--_font-size---gap--size--64px);
  background-image: url('../images/oval-g-11.png'), linear-gradient(180deg, black, var(--_colors---blue--02) 50%, var(--_colors---blue--00));
  background-position: 50%, 0 0;
  background-size: 11px, auto;
  flex-flow: column;
  justify-content: space-between;
}

.hero_section.benchmark {
  padding-top: var(--_font-size---gap--size--104px);
  padding-bottom: var(--_font-size---gap--size--56px);
  background-image: none;
  justify-content: center;
  align-items: center;
  min-height: 70vh;
}

.hero-content-wrapper {
  z-index: 4;
  padding-right: var(--_font-size---gap--size--80px);
  padding-left: var(--_font-size---gap--size--80px);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hero-content-wrapper.security {
  padding-right: var(--_font-size---gap--size--0px);
  padding-left: var(--_font-size---gap--size--0px);
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-style: solid solid none;
  border-width: 1px;
  border-color: var(--_colors---lightgrey--white50);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--white50);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
  position: static;
}

.hero-content-wrapper.security-copy {
  padding-right: var(--_font-size---gap--size--0px);
  padding-left: var(--_font-size---gap--size--0px);
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border: 1px solid var(--_colors---lightgrey--white50);
  background-color: var(--_colors---lightgrey--white50);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
  position: static;
}

.hero-content-wrapper.cutomer-logo-banner {
  display: none;
}

.hero_h1 {
  font-family: var(--_font-size---cabinetgrotesk);
  color: var(--_colors---lightgrey--white);
  font-size: var(--_font-size---heading--h1-xl-72px);
  text-align: left;
  letter-spacing: -.02em;
  text-shadow: 0 4px 2px #00000014;
  font-weight: 700;
}

.hero_h1.security {
  text-align: left;
  max-width: 20em;
}

.hero_h1.capabilities {
  text-align: center;
  max-width: 12em;
}

.hero_h1.company {
  text-align: center;
  max-width: 10em;
}

.hero_h1.benchmark {
  color: var(--_colors---darkgrey--black);
  text-align: left;
  text-shadow: none;
  max-width: 100%;
}

.hero_h1.whystepwork {
  color: var(--_colors---darkgrey--black);
  text-align: left;
  font-weight: 700;
  line-height: 1.1;
}

.hero_h1.solutions {
  color: var(--_colors---darkgrey--black);
  text-align: center;
  max-width: 10em;
}

.hero_h1.onlight {
  color: var(--_colors---darkgrey--black);
}

.hero_paragraph {
  margin-bottom: var(--_font-size---gap--size--16px);
  color: var(--_colors---lightgrey--white);
  font-size: var(--_font-size---text--24px);
  text-align: center;
  text-shadow: 0 1.5px 2px #0000001a;
  max-width: 36em;
  font-weight: 300;
  line-height: 1.2;
}

.hero_paragraph.security {
  text-align: left;
  max-width: 42em;
}

.hero_paragraph.capabilities {
  color: var(--_colors---lightgrey--white);
  max-width: 38em;
}

.hero_paragraph.company {
  max-width: 32em;
}

.hero_paragraph.benchmark {
  margin-bottom: var(--_font-size---gap--size--0px);
  color: var(--_colors---darkgrey--555555);
  text-align: left;
  max-width: 30em;
}

.hero_paragraph.whystepwork {
  color: var(--_colors---darkgrey--555555);
  text-align: left;
}

.hero_paragraph.onlight {
  color: var(--_colors---darkgrey--black);
  text-align: left;
}

.hero_paragraph.home {
  text-align: left;
  max-width: 23em;
}

.hero_heading-wrap {
  padding: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero_heading-wrap.security {
  padding: var(--_font-size---gap--size--0px);
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}

.hero_heading-wrap.company {
  border: 1px solid var(--_colors---lightgrey--white80);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---lightgrey--white10);
  justify-content: center;
  align-items: center;
}

.hero_heading-wrap.home {
  padding: var(--_font-size---gap--size--64px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px);
  justify-content: flex-start;
  align-items: center;
}

.hero_logo-wrap {
  grid-column-gap: 0rem;
  grid-row-gap: var(--_font-size---gap--size--24px);
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero_logo-wrap.reveal {
  background-image: none;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.logo-image {
  height: var(--_font-size---gap--size--40px);
  flex: none;
}

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

.logo-wrap.hero {
  flex: none;
}

.logo-wrap.hero.clickable {
  aspect-ratio: auto;
  position: relative;
}

.customer-wrap {
  z-index: 1;
  height: var(--_font-size---gap--size--72px);
  padding-right: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  border-radius: var(--_font-size---gap--size--12px);
  background-image: linear-gradient(180deg, var(--_colors---lightgrey--white5), var(--_colors---lightgrey--white10));
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.customer-wrap.heromarquee {
  background-image: linear-gradient(180deg, var(--_colors---lightgrey--white5), var(--_colors---lightgrey--white30));
}

.text-block {
  color: var(--_colors---lightgrey--white);
  text-shadow: 0 4px 8px #0000001f;
  font-weight: 500;
}

.text-block.reveal {
  color: var(--_colors---darkgrey--black);
}

.hero-content-inner {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-content-inner.security {
  padding-top: var(--_font-size---gap--size--24px);
  padding-bottom: var(--_font-size---gap--size--24px);
  justify-content: flex-start;
  align-items: center;
}

.hero-content-inner.company {
  padding-top: var(--_font-size---gap--size--0px);
  padding-bottom: var(--_font-size---gap--size--0px);
  justify-content: space-between;
}

.btn--black {
  height: var(--_font-size---gap--size--48px);
  border-radius: var(--_font-size---gap--size--104px);
  background-color: var(--_colors---darkgrey--black);
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.div-block-3 {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.u-section {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.u-section.role {
  flex-flow: column;
}

.u-section.security {
  padding: var(--_font-size---gap--size--80px);
  border-bottom-left-radius: var(--_font-size---gap--size--40px);
  border-bottom-right-radius: var(--_font-size---gap--size--40px);
  background-image: url('../images/20250916_1441_San-Francisco-Sunset-Sky_simple_compose_01k59x8w6mee29bqeck61hd6a8.avif');
  background-position: 50%;
  background-size: cover;
}

.u-section.trigger {
  background-color: var(--_colors---lightgrey--ebebeb);
  display: none;
}

.u-section.comparison {
  background-image: url('../images/oval-g-11.png'), linear-gradient(180deg, var(--_colors---blue--00), var(--_colors---blue--02) 50%, var(--_colors---blue--00));
  background-position: 50%, 0 0;
  background-size: 11px, auto;
}

.u-section.footer {
  background-color: var(--_colors---lightgrey--f5f5f5);
}

.u-section.category-01 {
  justify-content: center;
  align-items: center;
}

.u-section.mission {
  background-image: url('../images/oval-g-11.png'), linear-gradient(180deg, var(--_colors---blue--01), var(--_colors---blue--02) 46%, var(--_colors---blue--01));
  background-position: 50%, 0 0;
  background-size: 12px, auto;
}

.u-section.table {
  display: none;
}

.u-section.reasons {
  margin-bottom: var(--_font-size---gap--size--120px);
  position: relative;
  overflow: visible;
}

.u-section.chart {
  display: none;
}

.u-section.table-copy {
  flex-flow: column;
  position: relative;
}

.u-container-80 {
  padding: var(--_font-size---gap--size--56px) var(--_font-size---gap--size--80px);
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  display: flex;
}

.u-container-80.role {
  flex-flow: column;
  display: flex;
}

.u-container-80.role.tabs-fix {
  padding-top: var(--_font-size---gap--size--80px);
}

.u-container-80.security {
  margin-bottom: var(--_font-size---gap--size--24px);
  padding: var(--_font-size---gap--size--64px) var(--_font-size---gap--size--40px) var(--_font-size---gap--size--64px) var(--_font-size---gap--size--0px);
  border-radius: var(--_font-size---gap--size--24px);
  background-image: url('../images/security-bg.avif');
  background-position: 50%;
  background-size: cover;
}

.u-container-80.footer {
  padding-top: var(--_font-size---gap--size--20px);
  padding-bottom: var(--_font-size---gap--size--16px);
}

.u-container-80.gdpr {
  padding-bottom: var(--_font-size---gap--size--40px);
}

.u-container-80.security_hero, .u-container-80.capabilities_hero {
  padding-bottom: var(--_font-size---gap--size--0px);
}

.u-container-80.cababilities, .u-container-80.cababilities-02 {
  padding-top: var(--_font-size---gap--size--0px);
  padding-bottom: var(--_font-size---gap--size--0px);
}

.u-container-80.investors {
  margin-top: var(--_font-size---gap--size--40px);
  padding-bottom: var(--_font-size---gap--size--80px);
}

.u-container-80.mission {
  padding-top: var(--_font-size---gap--size--64px);
  padding-bottom: var(--_font-size---gap--size--64px);
}

.u-container-80.values {
  padding-top: var(--_font-size---gap--size--80px);
}

.u-container-80.table {
  padding-bottom: var(--_font-size---gap--size--40px);
  position: relative;
}

.u-container-80.reasons {
  padding-top: var(--_font-size---gap--size--0px);
  padding-bottom: var(--_font-size---gap--size--0px);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: visible;
}

.u-container-80.cababilities-copy {
  padding-top: var(--_font-size---gap--size--40px);
  padding-bottom: var(--_font-size---gap--size--40px);
}

.u-container-80.solution-features {
  margin-top: var(--_font-size---gap--size--40px);
  padding-bottom: var(--_font-size---gap--size--80px);
}

.u-container-80.dark {
  padding-top: var(--_font-size---gap--size--80px);
}

.u-container-80.cababilities-03 {
  padding-top: var(--_font-size---gap--size--0px);
  padding-bottom: var(--_font-size---gap--size--80px);
}

.u-container-80.table-copy {
  padding-bottom: var(--_font-size---gap--size--40px);
  position: relative;
}

.u-container-80.vs-api {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.u-container-80.hero {
  margin-top: var(--_font-size---gap--size--56px);
  margin-bottom: var(--_font-size---gap--size--24px);
  padding: var(--_font-size---gap--size--64px) var(--_font-size---gap--size--40px);
  border-radius: var(--_font-size---gap--size--24px);
  background-image: url('../images/20251102_1001_Colorful-Flower-Landscape_remix_01k92vk0ddf0bryrp5j62zw3s8.png');
  background-position: 50% 0;
  background-size: cover;
  max-width: none;
}

.u-h2 {
  font-family: var(--_font-size---cabinetgrotesk);
  letter-spacing: .01em;
  font-weight: 700;
}

.u-h2.security {
  color: var(--_colors---lightgrey--white);
}

.u-h2.trigger {
  max-width: 8em;
}

.u-h2.trigger.reveal {
  align-self: flex-start;
}

.u-h2.security_features {
  text-align: center;
}

.u-h2.security_gdpr {
  max-width: 12em;
}

.u-h2.investors {
  max-width: 10em;
}

.u-h2.mission {
  max-width: 11em;
}

.u-h2.compliment {
  max-width: 10em;
}

.u-h2.reasons {
  text-align: center;
  max-width: 12em;
}

.u-h2.solution {
  text-align: center;
  max-width: 14em;
}

.u-h2.eu {
  max-width: 10em;
}

.u-h2.onlight {
  color: var(--_colors---darkgrey--black);
}

.u-h2.onlight.benefit {
  text-align: center;
}

.u-h2.why {
  max-width: 10em;
}

.u-p1 {
  font-size: var(--_font-size---text--20px);
  width: 100%;
  max-width: 44em;
  line-height: 1.2;
}

.u-p1.role {
  font-size: var(--_font-size---text--16px);
  text-align: center;
  max-width: 40em;
}

.u-p1.security_features {
  color: var(--_colors---darkgrey--666666);
  letter-spacing: -.03em;
  max-width: 28em;
  line-height: 1.2;
}

.u-p1.security_gdpr, .u-p1.investors {
  max-width: 30em;
}

.u-p1.reasons {
  text-align: center;
  max-width: 32em;
}

.u-p1.solution {
  text-align: center;
  max-width: 40em;
}

.u-p1.why-stepwork-capabilities {
  max-width: 24em;
}

.u-p1.none {
  display: none;
}

.u-p1.white {
  color: var(--_colors---lightgrey--white);
}

.u-p1.mission {
  max-width: 30em;
}

.u-p1.use-cases {
  max-width: 32em;
}

.u-p1.ondark {
  color: var(--_colors---lightgrey--white);
}

.u-p1.eu {
  max-width: 46em;
}

.text-wrap {
  display: flex;
}

.text-wrap.role {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.text-wrap.trigger {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: end stretch;
  display: grid;
}

.text-wrap._2c {
  grid-column-gap: var(--_font-size---gap--size--20px);
  grid-row-gap: var(--_font-size---gap--size--20px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.text-wrap._2c.dark {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--_colors---lightgrey--white);
}

.text-wrap._2c.v {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.text-wrap._2r {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.text-wrap._2r.dark {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--_colors---lightgrey--white);
  grid-template-columns: 47% 5% 47.25%;
}

.text-wrap._2r.v {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.text-wrap.gdpr {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
}

.text-wrap.capabilities {
  padding: var(--_font-size---gap--size--80px) var(--_font-size---gap--size--24px) var(--_font-size---gap--size--40px);
  background-image: url('../images/oval-b.png'), linear-gradient(180deg, var(--_colors---blue--02), var(--_colors---blue--01));
  background-position: 50%, 0 0;
  background-size: 5px, auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
}

.text-wrap.capabilities-02 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.text-wrap.mission {
  padding-bottom: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}

.text-wrap.table {
  padding-top: var(--_font-size---gap--size--80px);
  padding-bottom: var(--_font-size---gap--size--40px);
}

.text-wrap.chart {
  padding-top: var(--_font-size---gap--size--80px);
  padding-bottom: var(--_font-size---gap--size--40px);
  border-bottom: 1px dashed var(--_colors---darkgrey--99950);
  justify-content: space-between;
  align-items: flex-end;
}

.text-wrap.why {
  padding: var(--_font-size---gap--size--48px) var(--_font-size---gap--size--20px) var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
}

.text-wrap._2r-centre {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: end center;
  display: grid;
}

.text-wrap._2r-centre.dark {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--_colors---lightgrey--white);
  grid-template-columns: 47% 5% 47.25%;
}

.text-wrap._2r-centre.v {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.text-wrap.stacked {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
}

.text-wrap.ondark {
  color: #fff;
}

.text-wrap.ondark.stacked {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
}

.text-wrap.capabilities-03 {
  padding: var(--_font-size---gap--size--24px);
  border: 1px dashed var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  text-align: center;
  background-image: url('../images/oval-b.png');
  background-position: 50%;
  background-size: 4px;
  justify-content: center;
  align-items: center;
}

.tab {
  margin-top: var(--_font-size---gap--size--16px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  width: 100%;
  display: none;
}

.tabs-role {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-text {
  color: var(--_colors---darkgrey--777777);
}

.tab-link-tab-2 {
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--32px);
  border: 1px solid var(--_colors---darkgrey--999999);
  border-radius: var(--_font-size---gap--size--6px);
  background-color: var(--_colors---lightgrey--ebebeb);
  justify-content: center;
  align-items: center;
  width: 6rem;
  display: flex;
}

.tab-link-tab-2.w--current {
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--32px);
}

.tab-link-tab-1 {
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--32px);
  border: 1px solid var(--_colors---darkgrey--999999);
  border-radius: var(--_font-size---gap--size--6px);
  background-color: var(--_colors---lightgrey--ebebeb);
  justify-content: center;
  align-items: center;
  width: 6rem;
  display: flex;
}

.tab-link-tab-1.w--current {
  border-radius: var(--_font-size---gap--size--6px);
  justify-content: center;
  align-items: center;
  width: 6rem;
  display: flex;
}

.tab-grid {
  padding: var(--_font-size---gap--size--32px);
  border: 1px solid var(--_colors---lightgrey--white);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--white80);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

.img-wrap {
  padding: var(--_font-size---gap--size--12px);
  border: 1px solid var(--_colors---lightgrey--white);
  border-radius: var(--_font-size---gap--size--6px);
  background-color: var(--_colors---lightgrey--white50);
  justify-content: center;
  align-items: center;
  display: flex;
}

.img-wrap.security_features {
  border-radius: var(--_font-size---gap--size--0px);
  background-image: url('../images/security_img-bg-1_1.avif');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: cover;
  border-style: none;
}

.img-wrap.security_gdpr {
  padding: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--12px);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-style: none;
}

.img-wrap.capabilities-01 {
  padding: var(--_font-size---gap--size--24px);
  background-image: url('../images/oval-b.png'), linear-gradient(180deg, var(--_colors---blue--02), var(--_colors---blue--01));
  background-position: 50%, 0 0;
  background-size: 5px, auto;
}

.img-wrap.capabilities-02 {
  margin-bottom: var(--_font-size---gap--size--24px);
  padding: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--fcfcfc);
  border-style: none;
}

.img-wrap.company {
  margin-top: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--12px) var(--_font-size---gap--size--12px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px);
  border-bottom-style: none;
}

.img-wrap.mission {
  padding: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--24px);
  background-color: var(--_colors---darkgrey--99950);
  background-image: url('../images/grid-filled-dark-blue.png');
  background-position: 50% 0;
  background-size: 24px;
  border-style: none;
}

.img-wrap.key-benefits {
  margin-bottom: var(--_font-size---gap--size--12px);
  border-color: var(--_colors---lightgrey--white50);
  background-color: var(--_colors---lightgrey--white10);
  background-image: linear-gradient(132deg, var(--_colors---lightgrey--white10), #ebebeb99);
}

.img-wrap.why {
  padding: var(--_font-size---gap--size--0px);
  aspect-ratio: 1;
  border-radius: var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--12px);
  border-style: none;
}

.img-wrap.landscape {
  margin-top: var(--_font-size---gap--size--40px);
  padding: var(--_font-size---gap--size--0px);
  border-radius: var(--_font-size---gap--size--24px);
  width: 100%;
}

.img-wrap.compliment {
  padding: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--12px);
  background-image: url('../images/compliment-img-bg_1.avif');
  background-position: 0 80%;
  background-size: auto;
}

.img-wrap.bento-grid {
  padding: var(--_font-size---gap--size--0px);
  aspect-ratio: 3 / 2;
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  object-fit: fill;
  border-style: none;
}

.img-wrap.bento-grid-02 {
  border-style: dashed;
  border-color: var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: url('../images/oval-b.png');
  background-position: 0 0;
  background-size: 4px;
}

.img-wrap.startup {
  padding: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---accent--teal--02);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 5px;
  justify-content: center;
  align-items: center;
}

.img-wrap.startups {
  aspect-ratio: 1;
  display: none;
}

.img-wrap.mid-market {
  padding: var(--_font-size---gap--size--16px);
  aspect-ratio: 1;
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---accent--yellow--01);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 5px;
  justify-content: center;
  align-items: center;
}

.img-wrap.enterprise {
  padding: var(--_font-size---gap--size--16px);
  aspect-ratio: 1;
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---accent--pink--02);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 5px;
  justify-content: center;
  align-items: center;
}

.tab-link-infosec {
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--32px);
  border: 1px solid var(--_colors---darkgrey--999999);
  border-radius: var(--_font-size---gap--size--6px);
  background-color: var(--_colors---lightgrey--ebebeb);
  color: var(--_colors---darkgrey--777777);
  justify-content: center;
  align-items: center;
  width: 6rem;
  display: flex;
}

.tab-right-content-wrap {
  padding-right: var(--_font-size---gap--size--40px);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.u-h3 {
  font-family: var(--_font-size---cabinetgrotesk);
  font-size: var(--_font-size---heading--h3-l-24px);
  max-width: 15em;
  font-weight: 500;
}

.u-h3.data-engine {
  max-width: 14em;
}

.role-text-wrap {
  grid-column-gap: var(--_font-size---gap--size--48px);
  grid-row-gap: var(--_font-size---gap--size--48px);
  flex-flow: column;
  display: flex;
}

.tab-img {
  aspect-ratio: 3 / 2;
  border-radius: var(--_font-size---gap--size--12px);
  object-fit: cover;
  width: 100%;
}

.tab-link-two {
  color: #555;
  background-color: #fff;
  border: 1px solid #aebcd6;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  min-width: 7.5rem;
  display: flex;
}

.tab-link-two.w--current {
  background-color: #163163;
  border-style: none;
  border-radius: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.tab-link-one {
  color: #555;
  background-color: #fff;
  border: 1px solid #aebcd6;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  min-width: 7.5rem;
  display: flex;
}

.tab-link-one.w--current {
  background-color: #163163;
  border-style: none;
  border-radius: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.use-case-category-card {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff6;
  border: 2px solid #fff;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: .75rem;
  display: flex;
  box-shadow: inset 4px 8px 8px #ebebebcc, 0 4px #e0e0e0;
}

.tab-link-three {
  color: #555;
  background-color: #fff;
  border: 1px solid #aebcd6;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  min-width: 7.5rem;
  display: flex;
}

.tab-link-three.w--current {
  background-color: #163163;
  border-style: none;
  border-radius: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.image-10 {
  width: 4rem;
  height: 4rem;
}

.use-case-cards-wrap {
  background-color: #ebebeb80;
  border-radius: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1.5rem;
}

.tabs-menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.tab-link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.use-case-category {
  background-color: #fff;
  background-image: none;
  border-radius: .625rem;
  justify-content: space-between;
  padding: 1rem;
  display: flex;
  box-shadow: inset 4px -8px 16px #ebebeb99;
}

.use-case-category.yellow {
  background-color: #f9f9f6;
  background-image: none;
  border: 2px solid #fdf0c3;
  position: relative;
  box-shadow: 0 3px #fdf0c3;
}

.use-case-category.green {
  background-color: #fdfcfc;
  background-image: none;
  border: 2px solid #00b8b166;
  position: relative;
  box-shadow: 0 3px #00b8b166;
}

.use-case-category.red {
  background-color: #f9f9f6;
  background-image: none;
  border: 2px solid #f3cee1;
  position: relative;
  box-shadow: 0 3px #f3cee1;
}

.use-case-content-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.use-case-content-wrap.top {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.use-case-content-wrap.bottom {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
}

.use-case-div {
  background-color: #c9d2e4;
  height: 1px;
}

.use-case-card-title {
  color: #555;
  text-align: left;
  letter-spacing: -1px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.use-case-plus {
  width: 1.5rem;
  height: 1.5rem;
}

.use-case-logo {
  width: 3rem;
  height: 3rem;
}

.use-case-robot {
  height: 6rem;
}

.use-case-category-cards {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.security_header-wrap {
  margin-bottom: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto;
  grid-template-columns: .7fr 2fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.security_header-wrap.security {
  grid-template-columns: .4fr 2fr;
}

.security-header-icon {
  height: 5.9375rem;
}

.security-header-icon.reveal {
  height: 6rem;
}

.security_header-img {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.security_card-grid {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: .4fr 1fr 1fr;
  width: 100%;
}

.security_card {
  padding: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border: 1px solid var(--_colors---lightgrey--white50);
  border-radius: var(--_font-size---gap--size--12px);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-image: linear-gradient(#ffffff14, #ffffff3d);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.security-icon {
  width: var(--_font-size---gap--size--104px);
  height: var(--_font-size---gap--size--104px);
}

.card-title-text {
  color: var(--_colors---lightgrey--white);
  font-size: var(--_font-size---text--20px);
  letter-spacing: -.03em;
  text-shadow: 0 2px 1px #00000029;
  font-weight: 500;
}

.card-title-text.onlight {
  color: var(--_colors---darkgrey--black);
  text-shadow: none;
  width: auto;
  line-height: 1.2;
}

.card-title-text.alternative {
  text-align: center;
}

.text-block-4 {
  color: var(--_colors---darkgrey--777777);
}

.marquee-main-container {
  margin-top: var(--_font-size---gap--size--40px);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---blue--01);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_colors---blue--02), var(--_colors---blue--01));
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
}

.marquee-pill {
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--20px);
  border: 1px solid var(--_colors---lightgrey--white);
  border-radius: var(--_font-size---gap--size--20px);
  flex: none;
  justify-content: center;
  align-items: center;
  height: 2.75rem;
  display: flex;
}

.marquee-pill.blue {
  border-color: var(--_colors---blue--03);
}

.marquee-pill.red {
  border-color: var(--_colors---accent--pink--03);
}

.marquee-pill.yellow {
  border-color: var(--_colors---accent--yellow--02);
}

.marquee-pill.green {
  border-color: var(--_colors---accent--teal--02);
}

.pill-text {
  color: var(--_colors---lightgrey--white);
  text-align: center;
  letter-spacing: -.02em;
  line-height: 1.2;
}

.pill-text.blue {
  color: var(--_colors---blue--05);
}

.pill-text.red {
  color: var(--_colors---accent--pink--05);
}

.pill-text.yellow {
  color: var(--_colors---accent--yellow--04);
}

.pill-text.green {
  color: var(--_colors---accent--teal--04);
}

.pill-text.dark {
  color: var(--accent--blue--02);
}

.marquee-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
  position: relative;
}

.marquee-col-left, .marquee-col-right {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.marquee-row {
  justify-content: flex-start;
  align-items: center;
  height: 3.25rem;
  overflow: hidden;
}

.marquee-track {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-6 {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.robot-img-wrap {
  z-index: 4;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.logo-img {
  z-index: 4;
  width: 13.75rem;
  height: 13.75rem;
  position: relative;
}

.robot-wrap {
  padding: var(--_font-size---gap--size--32px);
  border: 1px solid var(--_colors---lightgrey--white50);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-image: radial-gradient(circle at 50% 100%, #ffffff1c 67%, #ffffff30);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.code-embed {
  display: none;
}

.ripple-ring {
  z-index: 0;
  border: 1px solid var(--_colors---lightgrey--white);
  border-radius: 100%;
  position: absolute;
  inset: 0;
  transform: scale(.8);
}

.robot-ripple {
  z-index: 0;
  position: absolute;
  inset: -12%;
}

.div-block-7 {
  flex-flow: column;
  display: flex;
}

.data-engne-content-wrap {
  margin-top: var(--_font-size---gap--size--64px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  display: flex;
}

.u-p2 {
  max-width: 30em;
}

.u-p2.compare {
  text-align: center;
}

.data-engine_grid {
  margin-top: var(--_font-size---gap--size--24px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.data-engine-card {
  padding: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--12px);
  background-image: linear-gradient(#ffffff1f, #ffffff5c 53%, #ffffff1f 102%), url('../images/data-engine-bg-im-itsm_1.avif');
  background-position: 0 0, 50% 80%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.data-engine-card.usage {
  background-position: 0 0, 100%;
}

.data-engine-card.spend {
  background-image: linear-gradient(#ffffff1f, #ffffff5c 53%, #ffffff1f 102%), url('../images/data-engine-bg-im-spend.png');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.data-engine-card.contract {
  background-image: linear-gradient(#ffffff1f, #ffffff5c 53%, #ffffff1f 102%), url('../images/data-engine-bg-im-contract.png');
  background-position: 0 0, 20%;
}

.data-engine-card-content-wrap {
  padding: var(--_font-size---gap--size--8px);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--white);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.data-engine-card-title-wrap {
  grid-column-gap: var(--_font-size---gap--size--4px);
  grid-row-gap: var(--_font-size---gap--size--4px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.data-engine-icon {
  width: 2.25rem;
  height: 2.25rem;
}

.hero-plane {
  z-index: 2;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 37.1vh;
  left: 1.1rem;
}

.auto-tabs-button-text {
  color: #555;
  white-space: nowrap;
  font-weight: 600;
  line-height: .9;
}

.auto-tabs-progress-bar {
  background-color: #366dd3;
  background-image: linear-gradient(#366dd3, #6892de);
  border-radius: 999rem;
  width: .3rem;
  height: 50%;
  margin-left: -.3rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.pause-icon {
  height: 100%;
}

.auto-tabs-component {
  margin-top: var(--_font-size---gap--size--24px);
  width: 100%;
  position: relative;
}

.auto-tabs-content {
  border-radius: .75rem;
  overflow: visible;
}

.u-h4 {
  font-size: var(--_font-size---heading--h4-18px);
  font-weight: 600;
}

.autoplay-tabs-custom-css {
  display: none;
}

.auto-tabs-button {
  color: #555;
  background-color: #0000;
  padding: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

.autoplay-tabs-custom-js {
  display: none;
}

.container-large {
  margin-top: var(--_font-size---gap--size--64px);
  width: 100%;
}

.auto-tabs-link {
  color: #757575;
  background-color: #0000;
  border-left: .3rem solid #0000;
  margin-left: -.3rem;
  padding: 1rem 0 1rem 2rem;
  transition: color .4s, border-color .4s;
}

.auto-tabs-link.w--current {
  color: #222;
  -webkit-text-stroke-color: #222;
  background-color: #0000;
  border-left-color: #8f8f8f80;
}

.trigger-img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: .625rem;
  height: 100%;
  box-shadow: 0 8px 16px #0000001f;
}

.auto-tabs-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.auto-tabs-menu {
  border-left: .3rem solid #adadad4d;
  width: 50%;
  min-width: 34rem;
  max-width: 44rem;
  padding-right: 8rem;
}

.auto-tabs-description {
  margin-top: .7rem;
}

.auto-tabs-link-titel {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.video-icon {
  width: 100%;
  padding-left: .2em;
}

.auto-tabs-button-inner {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.auto-tabs-button-inner.is-absolute {
  color: #555;
  position: absolute;
  inset: 0% auto auto 0%;
}

.auto-tabs-content-inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4.5rem 4.5rem 4.5rem 0;
  display: flex;
}

.auto-tabs-content-inner.is-right-align {
  padding: var(--_font-size---gap--size--24px);
  aspect-ratio: 3 / 2;
  background-image: url('../images/trigger-bg-im_1trigger-bg-im.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: .75rem;
  max-height: 80vh;
}

.auto-tabs-content-inner.is-right-align._2 {
  background-image: url('../images/usecase-bg-img_1usecase-bg-img.avif');
  background-position: 0%;
}

.auto-tabs-content-inner.is-right-align._3 {
  background-image: url('../images/app-bg-img_1app-bg-img.avif');
}

.icon-component {
  display: block;
}

.u-p1-2 {
  color: var(--_colors---darkgrey--black);
  font-size: var(--_font-size---text--18px);
  letter-spacing: -.01em;
  line-height: 1.3;
}

.u-p1-2.dark {
  color: var(--_colors---lightgrey--white);
  font-size: var(--_font-size---text--16px);
  max-width: 28em;
}

.u-p1-2.ondark {
  color: var(--_colors---lightgrey--white);
  font-size: var(--_font-size---text--16px);
  text-shadow: 0 2px 2px #00000029;
}

.u-p1-2.limit {
  max-width: 26em;
}

.u-p1-2.complimentary {
  max-width: 24em;
}

.u-p1-2.uc-footer {
  text-align: center;
}

.overflow-hidden {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.auto-tabs-icon {
  width: 1.1rem;
  height: 1.1rem;
}

.pause-icon-component {
  height: 100%;
}

.trigger-icon {
  aspect-ratio: 1;
  width: 4.5rem;
  height: 4.5rem;
}

.auto-tabs-wrapper-2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.auto-tabs-menu-2 {
  border-left: .3rem solid #adadad4d;
  width: 50%;
  min-width: 34rem;
  max-width: 44rem;
  padding-right: 11rem;
}

.u-p1-3 {
  color: #222;
  font-size: var(--_font-size---text--16px);
  line-height: 1.4;
}

.u-h4-2 {
  font-size: var(--_font-size---heading--h4-18px);
}

.trigger-content-wrap {
  margin-top: var(--_font-size---gap--size--64px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.code-embed-2, .code-embed-3 {
  display: none;
}

.p-wrap {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.p-wrap.v {
  justify-content: flex-start;
  align-items: flex-end;
}

.text-block-5 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon {
  margin-right: var(--_font-size---gap--size--12px);
}

.div-block-8 {
  padding: var(--_font-size---gap--size--16px);
  border: 1px solid var(--_colors---lightgrey--white50);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--white5);
  justify-content: center;
  align-items: center;
  display: flex;
}

.diagram-wrap {
  z-index: 12;
  margin: var(--_font-size---gap--size--20px);
  border-radius: var(--_font-size---gap--size--8px);
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.diagram {
  z-index: 1;
  border-radius: var(--_font-size---gap--size--6px);
  object-fit: cover;
  position: relative;
}

.code-embed-4 {
  display: none;
}

.vs-wrap {
  padding: var(--_font-size---gap--size--8px);
  color: var(--_colors---lightgrey--white);
  justify-content: center;
  align-items: center;
  margin-top: -82px;
  display: flex;
}

.text-block-6 {
  font-size: var(--_font-size---gap--size--40px);
  text-align: center;
}

.grid {
  margin-top: var(--_font-size---gap--size--56px);
  padding: var(--_font-size---gap--size--20px) var(--_font-size---gap--size--12px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  border: 1px solid var(--_colors---lightgrey--white);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---blue--00);
  grid-template-rows: auto;
  grid-template-columns: .45fr .75fr .5fr .5fr;
  margin-left: 90px;
  margin-right: 90px;
}

.table-col {
  padding-right: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border-right: 1px solid var(--_colors---lightgrey--white50);
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.table-col.last {
  border-right-style: none;
  padding-right: 0;
}

.table-content-wrap {
  height: var(--_font-size---gap--size--56px);
  padding-left: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  color: var(--_colors---lightgrey--white);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.table-content-wrap.header {
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
}

.table-icon {
  width: var(--_font-size---gap--size--64px);
  height: var(--_font-size---gap--size--64px);
}

.table-text {
  font-size: var(--_font-size---text--18px);
  letter-spacing: -.03em;
}

.table-text.content {
  color: var(--_colors---lightgrey--white80);
  font-size: var(--_font-size---text--16px);
  font-weight: 400;
}

.table-text.header {
  font-size: var(--_font-size---heading--h3-l-24px);
}

.table-text.header.stepwork {
  font-weight: 600;
}

.table-header-wrap {
  height: var(--_font-size---gap--size--56px);
  padding: var(--_font-size---gap--size--8px);
  border-radius: var(--_font-size---gap--size--56px);
  background-image: linear-gradient(185deg, #ffffff3d, #ffffff1f), url('../images/table-header-bg-img_1.avif');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-header-wrap._0 {
  background-image: none;
}

.table-header-text-wrap {
  border-radius: var(--_font-size---gap--size--40px);
  background-color: var(--_colors---lightgrey--white80);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.table-header-text {
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--12px);
  color: var(--_colors---darkgrey--555555);
  letter-spacing: -.03em;
  font-weight: 500;
}

.div-block-10 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer-text {
  color: var(--_colors---darkgrey--black);
  letter-spacing: -.03em;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}

.logo-footer {
  height: var(--_font-size---gap--size--48px);
}

.footer-grid.top {
  margin-bottom: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  grid-template-columns: 1.5fr 1fr;
  width: 100%;
}

.image-14 {
  width: 100%;
}

.footer-img-wrap {
  border-radius: var(--_font-size---gap--size--24px);
  background-image: url('../images/footer-img-1_1.avif');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.background-video {
  width: 100%;
  height: 25rem;
}

.footer-video {
  z-index: 2;
  border-radius: var(--_font-size---gap--size--12px);
  width: 100%;
  height: 20rem;
  display: none;
  position: relative;
}

.footer-socials-wrap {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.social-img {
  height: var(--_font-size---gap--size--48px);
}

.footer-social-code {
  display: none;
}

.div-block-11 {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  align-items: center;
  display: flex;
}

.footer-links {
  margin-top: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  color: var(--_colors---darkgrey--555555);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-links.is-legal {
  margin-top: var(--_font-size---gap--size--0px);
  grid-column-gap: var(--_font-size---gap--size--20px);
  grid-row-gap: var(--_font-size---gap--size--20px);
  border-top: 1px solid var(--_colors---darkgrey--999999);
  border-bottom: 1px solid var(--_colors---darkgrey--999999);
  color: var(--_colors---darkgrey--666666);
}

.footer-link {
  margin-top: var(--_font-size---gap--size--16px);
  margin-bottom: var(--_font-size---gap--size--16px);
  padding-top: var(--_font-size---gap--size--4px);
  padding-bottom: var(--_font-size---gap--size--4px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  color: var(--_colors---darkgrey--555555);
  letter-spacing: -.03em;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.footer-link.is-legal {
  color: var(--_colors---darkgrey--777777);
  font-size: var(--_font-size---text--14px);
  font-weight: 400;
}

.footer-link-code {
  display: none;
}

.nav {
  z-index: 1000;
  height: var(--_font-size---gap--size--64px);
  padding-top: var(--_font-size---gap--size--12px);
  padding-bottom: var(--_font-size---gap--size--12px);
  color: var(--_colors---lightgrey--white);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.nav__bg {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.nav__inner {
  z-index: 1;
  padding-right: var(--_font-size---gap--size--80px);
  padding-left: var(--_font-size---gap--size--80px);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.nav-logo--dark {
  height: var(--_font-size---gap--size--40px);
}

.nav-logo-link--dark {
  justify-content: center;
  align-items: center;
  display: none;
}

.customer-logo-code {
  display: none;
}

.btn {
  padding: var(--_font-size---gap--size--12px) var(--_font-size---gap--size--20px);
  border-radius: var(--_font-size---gap--size--6px);
  background-color: var(--_colors---darkgrey--black);
  color: var(--_colors---lightgrey--white);
  text-align: center;
  line-height: 1.2;
}

.btn.hero {
  padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--80px);
}

.btn-txt {
  border: 1px #fff;
}

.nav-link {
  padding-top: var(--_font-size---gap--size--4px);
  padding-bottom: var(--_font-size---gap--size--4px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  letter-spacing: -.03em;
  text-shadow: 0 3px 4px #0000001a;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  line-height: 1.2;
  display: flex;
}

.nav-link.is-legal {
  color: var(--_colors---darkgrey--666666);
}

.nav-link.light {
  color: var(--_colors---lightgrey--white);
}

.nav-links {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-links.desktop {
  color: #222;
}

.nav-links.mobile {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.tab-code {
  display: none;
}

.legal-subheading {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 140%;
}

.paragraph-59 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 140%;
}

.legal-heading {
  color: var(--_colors---darkgrey--black);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 1.2;
}

.terms-hero {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.legal-paragraph {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  font-size: 1rem;
  line-height: 140%;
}

.legal-paragraph.is-06 {
  color: #222;
  margin-top: 0;
  margin-left: 2rem;
}

.legal-paragraph.is-07, .legal-paragraph.is-05 {
  color: #222;
  margin-bottom: 1rem;
  padding-left: 1rem;
}

.legal-paragraph.is-07, .legal-paragraph.is-05 {
  color: #222;
  margin-bottom: 1rem;
  padding-left: 1rem;
}

.legal-paragraph.is-08 {
  color: #222;
  margin-bottom: 1rem;
  margin-left: 2rem;
}

.legal-paragraph.is-07, .legal-paragraph.is-05 {
  color: #222;
  margin-bottom: 1rem;
  padding-left: 1rem;
}

.legal-paragraph.is-03 {
  color: #222;
  padding-left: 1rem;
}

.legal-paragraph.is-01 {
  margin-bottom: 0;
}

.legal-list {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
  list-style-type: decimal;
}

.legal-list._03 {
  padding-left: 4rem;
  list-style-type: lower-roman;
}

.legal-section {
  padding-top: var(--_font-size---gap--size--96px);
  background-color: #fafafa;
}

.terms_content-warpper {
  width: 100%;
  max-width: 90rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.legal-heading-2 {
  color: var(--_colors---darkgrey--black);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 1.2;
}

.heading-25 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
}

.legal-heading-3 {
  color: var(--_colors---darkgrey--black);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 1.2;
}

.content-2 {
  margin-top: 1.25rem;
}

.bold-text-2 {
  color: #130323;
  font-size: 1.25rem;
}

.pp_divider {
  background-color: #c9d2e4;
  width: 100%;
  height: .5px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.italic-text {
  font-weight: 600;
}

.title {
  border-bottom: 1px solid #c9d2e4;
}

.paragraph-23 {
  text-align: left;
  margin-bottom: 24px;
  font-size: .875rem;
  font-style: italic;
  font-weight: 500;
  line-height: 140%;
}

.privacy-policy {
  max-width: 1440px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 2.5rem 2.5rem;
  display: block;
}

.list {
  margin-bottom: 2rem;
  padding-left: 2rem;
}

.body-2 {
  color: var(--_colors---darkgrey--black);
}

.sub-hero {
  background-color: var(--_colors---lightgrey--fafafa);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sub_content-warpper {
  width: 100%;
  max-width: 1440px;
  margin-top: 1.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.legal-heading-4 {
  color: var(--_colors---darkgrey--black);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 1.2;
}

.paragraph-63 {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  font-size: 1rem;
  line-height: 140%;
}

.link-7 {
  color: #555;
  text-decoration: underline;
}

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

.sub-paragraph-_body {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 140%;
}

.body-3 {
  color: var(--_colors---darkgrey--black);
}

.sub-paragraph-_body-copy {
  color: #fff;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  font-size: 1rem;
  line-height: 140%;
  display: none;
}

.paragraph-64 {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  font-size: 1rem;
  line-height: 140%;
}

.sub-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #130323;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
}

.sub_content-warpper-2 {
  width: 100%;
  max-width: 1440px;
  margin-top: 5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.sub_content-warpper-2.is-2 {
  width: 100%;
  max-width: 1440px;
  margin-top: 1.5rem;
}

.sub-infra {
  background-color: #fafafa;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.legal-heading-5 {
  color: var(--_colors---darkgrey--black);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 1.2;
}

.sub_content-warpper-3 {
  width: 100%;
  max-width: 1440px;
  margin-top: 5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.sub_content-warpper-3.is-2 {
  width: 100%;
  max-width: 1440px;
  margin-top: 1.5rem;
}

.sub_content-warpper-3.updates {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2.5rem;
  display: flex;
}

.sub-paragraph-_body-4 {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  font-size: 1rem;
  line-height: 140%;
}

.sub-table-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0;
  padding-top: 1.5rem;
}

.sub-table-cell {
  border-bottom: 1px solid #130323;
  border-right: 1px solid #130323;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.sub-table-cell.is-01 {
  border-left: 1px solid #130323;
  height: 100%;
}

.table-header-2 {
  background-color: #222;
  border-top: 1px solid #ffffff80;
  border-bottom: 1px solid #ffffff80;
  border-right: 1px solid #ffffff80;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2.5rem 1.5rem;
  display: flex;
}

.table-header-2.is-03 {
  border-top-right-radius: .5rem;
  padding-top: 2.5rem;
}

.table-header-2.is-01 {
  background-color: #222;
  border-left: 1px solid #ffffff80;
  border-top-left-radius: .5rem;
}

.sub-paragraph-_body-3 {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 140%;
}

.sub-other {
  background-color: #fafafa;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sub_content-warpper-4 {
  width: 100%;
  max-width: 1440px;
  margin-top: 1.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.heading-65 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 140%;
}

.sub-paragraph-_body-5 {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 140%;
}

.sub-affiliates {
  background-color: #fafafa;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-65 {
  text-align: center;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}

.heading-64-copy {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 140%;
  display: none;
}

.paragraph-60 {
  color: #222;
  text-align: center;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}

.body-legal {
  color: var(--_colors---darkgrey--black);
  font-family: Roboto, Tahoma, sans-serif;
  font-size: var(--_font-size---text--14px);
}

.body-legal.grey {
  background-color: var(--_colors---lightgrey--fafafa);
}

.cookie-modal_link {
  text-decoration: none;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f3f7f2;
  border-radius: 0 0 .25rem .25rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.cookie-modal_button-wrap.is-small {
  border-bottom-left-radius: var(--_font-size---gap--size--12px);
  border-bottom-right-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  justify-content: flex-start;
  padding: 1.5rem;
}

.cookie-modal_button-wrap.in-pref-manger {
  background-color: var(--_colors---lightgrey--f5f5f5);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 2rem -2rem -2.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.cookie-modal_content-wrap {
  padding: 1.75rem 2rem;
}

.cookie-modal_content-wrap.is-small {
  padding: 1.5rem;
}

.cookie-modal_closebutton_line {
  background-color: #515750;
  width: 1rem;
  height: 2px;
  position: absolute;
}

.cookie-modal_closebutton_line.is-left {
  transform: rotate(45deg);
}

.cookie-modal_closebutton_line.is-right {
  transform: rotate(-45deg);
}

.cookie-modal_closebutton {
  z-index: 5;
  cursor: pointer;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin: 1rem 1.25rem -2.5rem auto;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.cookie-modal_closebutton.is-sticky {
  position: sticky;
  top: -1rem;
}

.cookie-modal_button_text {
  color: #fff;
}

.cookie-modal_button_text._2 {
  color: #222;
}

.cookie-modal_component {
  border-radius: var(--_font-size---gap--size--12px);
  background-color: #fff;
  flex-direction: column;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
  box-shadow: 0 4px 1rem #2629260d;
}

.cookie-popup_component {
  z-index: 99999;
  border: 1px solid var(--_colors---lightgrey--e0e0e0);
  border-radius: var(--_font-size---gap--size--12px);
  max-width: 30rem;
  display: none;
  position: fixed;
  bottom: 1.25rem;
  left: auto;
  right: 1.25rem;
}

.cookie-modal_title {
  margin-bottom: .1875em;
  font-size: 1.25rem;
  font-weight: 700;
}

.cookie-modal_title.is-small {
  font-size: 1.1875rem;
}

.screenreader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.cookie-modal_button {
  background-color: var(--_colors---darkgrey--black);
  color: var(--_colors---lightgrey--white);
  text-align: center;
  border-radius: .25rem;
  padding: .875em 1.5em 1rem;
  font-size: .9375rem;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button:hover {
  background-color: #262926;
}

.cookie-modal_button.is-secondary {
  color: #222;
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
  font-size: .875rem;
  font-weight: 700;
}

.cookie-modal_button.is-secondary:hover {
  text-decoration: underline;
}

.cookie-modal_styles {
  display: none;
}

.cookie-preference_wrapper {
  width: 100%;
  max-height: 100%;
  padding: 2rem;
  position: relative;
  overflow: auto;
}

.cookie-modal_radio_label {
  cursor: pointer;
  margin-bottom: .25rem;
  font-size: .9375rem;
  font-weight: 600;
}

.cookie-modal_radio_button {
  float: left;
  border: 1.75px solid #163163;
  border-radius: .375rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.75rem;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio_button.w--redirected-checked {
  background-color: #163163;
  background-image: url('../images/radio__checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border: 1px solid #515750;
}

.cookie-modal_radio_button.w--redirected-focus {
  box-shadow: none;
}

.cookie-modal_radio_button.is-always-active {
  background-color: var(--_colors---darkgrey--black);
  cursor: not-allowed;
  background-image: url('../images/radio__checkmark.svg');
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border-color: #515750;
}

.cookie-modal_form-wrap {
  margin-bottom: 0;
}

.cookie-modal_component-2 {
  background-color: #fff;
  border: 1px solid #c9d2e4;
  border-radius: .75rem;
  flex-direction: column;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
  box-shadow: 0 4px 1rem #2629260d;
}

.cookie-modal_radio {
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 0;
  padding-left: 1.75rem;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio.is--not-allowed {
  cursor: not-allowed;
}

.cookie-modal_form {
  padding-top: 1.25rem;
  padding-bottom: .5rem;
}

.cookie-modal_radio_description {
  cursor: pointer;
  font-size: .875rem;
  font-weight: 400;
}

.cookie-modal_button-2 {
  background-color: var(--_colors---darkgrey--black);
  color: #fff;
  text-align: center;
  border-radius: .25rem;
  padding: .875em 1.5em 1rem;
  font-size: .9375rem;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button-2:hover {
  background-color: #262926;
}

.cookie-modal_button-2.is-secondary {
  color: #222;
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
  font-size: .875rem;
  font-weight: 700;
}

.cookie-modal_button-2.is-secondary:hover {
  text-decoration: underline;
}

.cookie-preference_background {
  opacity: 1;
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  cursor: pointer;
  background-color: #16316366;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cookie-preference_component-2 {
  z-index: 9525;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.hover-hint {
  z-index: 6;
  margin-right: var(--_font-size---gap--size--20px);
  margin-bottom: var(--_font-size---gap--size--20px);
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--12px);
  border: 1px solid var(--_colors---lightgrey--white);
  border-radius: var(--_font-size---gap--size--6px);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  position: absolute;
  inset: auto 0% 0% auto;
}

.code-tab-fix {
  display: none;
}

.btn--glass {
  padding: var(--_font-size---gap--size--12px) var(--_font-size---gap--size--20px);
  border-radius: var(--_font-size---gap--size--6px);
  background-color: var(--_colors---darkgrey--black);
  color: var(--_colors---lightgrey--white);
  text-align: center;
  line-height: 1.2;
  position: relative;
}

.btn--glass.hero {
  padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--80px);
  width: 16rem;
}

.btn--glass.footer {
  max-width: 18em;
}

.center-button-container {
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  display: none;
}

.glass-button-css {
  display: none;
}

.button-shadow {
  height: auto;
}

.background-pattern {
  width: 100%;
  height: 100%;
  position: absolute;
}

.credit-block {
  color: #666;
  margin-bottom: 12px;
  margin-right: 12px;
  font-family: Lato, sans-serif;
  font-weight: 300;
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.credit-link {
  color: #8b8b8b;
}

.span {
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--white);
  height: 1px;
}

.hero_bg-video {
  width: 100%;
  height: 100vh;
  display: none;
}

.icon-2 {
  margin-top: var(--_font-size---gap--size--6px);
  margin-right: var(--_font-size---gap--size--4px);
  margin-bottom: var(--_font-size---gap--size--6px);
}

.text-block-7 {
  line-height: 1.2;
}

.div-block-12 {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start start;
  display: flex;
}

.image-15 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.div-block-13 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-link-wrap {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-16 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  min-width: 7.5rem;
}

.dd {
  position: relative;
}

.dd-menu {
  border-radius: var(--_font-size---gap--size--6px);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  overflow: visible;
}

.dd-links {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dd-img {
  padding: var(--_font-size---gap--size--8px);
  border-radius: var(--_font-size---gap--size--4px);
  background-color: var(--_colors---lightgrey--white);
  width: 18.75rem;
}

.div-block-14 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dd-card {
  padding: var(--_font-size---gap--size--20px);
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  border-radius: var(--_font-size---gap--size--6px);
  background-image: linear-gradient(180deg, var(--_colors---lightgrey--f5f5f5), var(--_colors---lightgrey--f5f5f5));
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  box-shadow: -4px 4px 8px 8px #00000014;
}

.dd-card.mobile {
  background-color: var(--_colors---lightgrey--white);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-image: none;
}

.dd-icon {
  width: var(--_font-size---gap--size--40px);
  height: var(--_font-size---gap--size--40px);
}

.dd-toggle {
  z-index: 1002;
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  color: var(--_colors---darkgrey--black);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.dd-toggle.light {
  color: var(--_colors---lightgrey--white);
}

.dd-caret {
  width: var(--_font-size---gap--size--20px);
  height: var(--_font-size---gap--size--20px);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.dd-code {
  display: none;
}

.image-18 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 2px;
}

.footer-img {
  border-radius: var(--_font-size---gap--size--24px);
  object-fit: cover;
  width: 100%;
}

.banner_text-wrap {
  z-index: 3;
  padding-right: var(--_font-size---gap--size--16px);
  padding-left: var(--_font-size---gap--size--16px);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.hero_logo-wrap-main {
  z-index: 1;
  height: var(--_font-size---gap--size--56px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

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

.logo-wrap--link.hero {
  flex: none;
  position: relative;
  overflow: visible;
}

.logo-wrap--link.hero.clickable {
  aspect-ratio: auto;
  position: relative;
}

.case-pill {
  z-index: 2;
  border-radius: var(--_font-size---gap--size--96px);
  background-color: var(--_colors---accent--teal--04);
  box-shadow: 0 2px 0 0 var(--_colors---accent--teal--02);
  justify-content: center;
  align-items: center;
  height: 1rem;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: auto 0% -6px auto;
}

.case-pill_text {
  color: var(--_colors---darkgrey--555555);
  letter-spacing: -.03em;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1;
}

.footer-address {
  padding-top: var(--_font-size---gap--size--12px);
  padding-bottom: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  color: var(--_colors---darkgrey--555555);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.footer-address.is-legal {
  margin-top: var(--_font-size---gap--size--48px);
  grid-column-gap: var(--_font-size---gap--size--20px);
  grid-row-gap: var(--_font-size---gap--size--20px);
  border-top: 1px solid var(--_colors---darkgrey--999999);
  color: var(--_colors---darkgrey--666666);
}

.address-icon {
  height: var(--_font-size---gap--size--64px);
}

.div-block-15 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.address-text.top {
  color: var(--_colors---darkgrey--555555);
}

.address-text.btm {
  color: var(--_colors---darkgrey--777777);
}

.role-card-text {
  font-size: var(--_font-size---text--16px);
  line-height: 1.4;
}

.grid-security-features {
  margin-top: var(--_font-size---gap--size--40px);
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---darkgrey--99950);
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  overflow: hidden;
}

.code-embed-5 {
  display: none;
}

.card {
  padding: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card.security_features {
  padding: var(--_font-size---gap--size--12px);
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--white);
}

.card.p-24px {
  padding-bottom: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---blue--01);
  background-image: url('../images/oval-b.png');
  background-position: 0 0;
  background-size: 5px;
  justify-content: flex-start;
}

.card.p-24px.right {
  border-bottom-right-radius: var(--_font-size---gap--size--24px);
}

.card.p-24px.left {
  border-bottom-left-radius: var(--_font-size---gap--size--24px);
}

.card.capabilities-02 {
  padding-top: var(--_font-size---gap--size--0px);
  padding-bottom: var(--_font-size---gap--size--0px);
  padding-left: var(--_font-size---gap--size--0px);
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  border: 1px dashed var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end stretch;
  min-height: 13rem;
  display: flex;
}

.card.investor-top {
  padding-top: var(--_font-size---gap--size--0px);
  padding-bottom: var(--_font-size---gap--size--0px);
  padding-left: var(--_font-size---gap--size--0px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--white);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-end stretch;
  min-height: 10rem;
  display: flex;
}

.card.investor-btm {
  padding: var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--8px);
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--white);
}

.card.benchmark-hero {
  padding: var(--_font-size---gap--size--20px);
  grid-column-gap: var(--_font-size---gap--size--0px);
  grid-row-gap: var(--_font-size---gap--size--0px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: linear-gradient(to bottom, var(--_colors---accent--yellow--0450), var(--_colors---accent--yellow--0450));
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start stretch;
  display: flex;
}

.card.benchmark-hero.left {
  border-bottom-left-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: linear-gradient(to bottom, var(--_colors---accent--pink--0550), var(--_colors---accent--pink--0550));
}

.card.benchmark-hero.right {
  border-bottom-right-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: linear-gradient(to bottom, var(--_colors---accent--teal--0420), var(--_colors---accent--teal--0420));
}

.card.key-benefits {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  border: 1px dashed var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  color: var(--_colors---lightgrey--white80);
}

.card.compliment {
  padding-right: var(--_font-size---gap--size--0px);
  padding-left: var(--_font-size---gap--size--0px);
  border-radius: var(--_font-size---gap--size--8px);
}

.card.whystepwork {
  padding: var(--_font-size---gap--size--16px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border: 1px dashed var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: grid;
}

.card.vs {
  padding: var(--_font-size---gap--size--32px);
}

.card.vs-top {
  padding-top: var(--_font-size---gap--size--32px);
  padding-bottom: var(--_font-size---gap--size--32px);
  border-bottom: 1px solid var(--_colors---darkgrey--99950);
  border-top-left-radius: var(--_font-size---gap--size--24px);
}

.card.vs-btm {
  padding-top: var(--_font-size---gap--size--32px);
  padding-bottom: var(--_font-size---gap--size--32px);
  border-bottom-left-radius: var(--_font-size---gap--size--24px);
}

.card-icon-64px {
  width: var(--_font-size---gap--size--64px);
  height: var(--_font-size---gap--size--64px);
  aspect-ratio: 1;
}

.card-title {
  font-size: var(--_font-size---text--18px);
  letter-spacing: -.02em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  line-height: 1.2;
}

.card-title.white {
  color: var(--_colors---lightgrey--white);
}

.card-title.whystepwork_grid {
  font-size: var(--_font-size---text--16px);
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 12em;
}

.card-title.solution-features {
  font-size: var(--_font-size---heading--h3-l-24px);
}

.gdpr-grid {
  margin-top: var(--_font-size---gap--size--40px);
  margin-bottom: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--24px);
  background-image: url('../images/dot-e6.png');
  background-size: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.image-21 {
  aspect-ratio: 3 / 2;
  border-radius: var(--_font-size---gap--size--20px);
  width: 100%;
}

.gdpr_content-wrap {
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.gdpr_list-wrap {
  padding: var(--_font-size---gap--size--16px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  border-top-right-radius: var(--_font-size---gap--size--24px);
  border-bottom-right-radius: var(--_font-size---gap--size--24px);
  background-image: linear-gradient(135deg, var(--_colors---lightgrey--white10), var(--_colors---lightgrey--white50)), url('../images/gdpr-img-bg_1.avif');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.gdpr_list-item {
  padding: var(--_font-size---gap--size--12px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--white80);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 4px 8px #0000001f;
}

.gdpr_icon {
  width: var(--_font-size---gap--size--24px);
  height: var(--_font-size---gap--size--24px);
}

.img-wrap-security {
  padding: var(--_font-size---gap--size--20px);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---accent--purple--02);
  background-image: url('../images/oval-w-3.png');
  background-position: 0 0;
  background-size: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero_img-security {
  aspect-ratio: 1;
  border-radius: var(--_font-size---gap--size--12px);
}

.hero_img-security.small-screens {
  display: none;
}

.hero_content-wrap {
  padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--24px);
  border-top-left-radius: var(--_font-size---gap--size--12px);
  border-top-right-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---accent--purple--02);
  background-image: url('../images/oval-w-3.png');
  background-position: 0 0;
  background-size: 2px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero_content-wrap.top {
  height: var(--_font-size---gap--size--56px);
  background-image: none;
  background-size: auto;
  display: none;
}

.hero_content-wrap.capabilities {
  background-color: var(--_colors---lightgrey--white);
  background-image: url('../images/oval-b.png');
  background-size: 4px;
  width: 100%;
}

.hero_content-wrap.bottom {
  border-radius: var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--12px) var(--_font-size---gap--size--12px);
}

.grid-label {
  font-size: var(--_font-size---heading--h3-l-24px);
  font-weight: 500;
  line-height: 1.2;
}

.grid-label.capabilities {
  color: var(--_colors---darkgrey--555555);
}

.grid-label.benchmark {
  color: var(--_colors---darkgrey--black);
}

.grid-label.security {
  color: var(--_colors---lightgrey--white);
}

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

.div-block-17 {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.content-wrap {
  padding: var(--_font-size---gap--size--80px) var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  border-radius: var(--_font-size---gap--size--24px);
  background-image: url('../images/capabilites-hero-bg.png');
  background-position: 50%;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.content-wrap.capabilities {
  padding-top: var(--_font-size---gap--size--120px);
  padding-bottom: var(--_font-size---gap--size--64px);
  border-bottom-left-radius: var(--_font-size---gap--size--0px);
  border-bottom-right-radius: var(--_font-size---gap--size--0px);
  background-image: linear-gradient(0deg, var(--_colors---lightgrey--white5), var(--_colors---lightgrey--white5)), linear-gradient(180deg, #0b193200, #0b1932), url('../images/capabilities-img-category-01_1.avif');
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
}

.div-block-20 {
  padding: var(--_font-size---gap--size--40px) var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.cap-tile {
  padding: var(--_font-size---gap--size--16px);
  background-color: var(--_colors---lightgrey--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.cap-tile.dotted {
  background-image: url('../images/oval-b.png');
  background-position: 0 0;
  background-size: 4px;
}

.cap-tile.with-icon {
  padding: var(--_font-size---gap--size--16px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.capabilities-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---darkgrey--99950);
  color: var(--_colors---lightgrey--white);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.capabilities-grid._3c {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  grid-template-rows: auto auto auto;
  grid-template-columns: .75fr 1fr 1fr;
}

.div-block-22 {
  background-color: var(--_colors---lightgrey--white);
}

.image-24 {
  border-radius: var(--_font-size---gap--size--8px);
  object-fit: cover;
  width: 100%;
}

.header-wrap {
  display: flex;
}

.header-wrap.role {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.header-wrap.trigger {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: end stretch;
  display: grid;
}

.header-wrap._2c {
  grid-column-gap: var(--_font-size---gap--size--20px);
  grid-row-gap: var(--_font-size---gap--size--20px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.header-wrap._2c.dark {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--_colors---lightgrey--white);
  grid-template-columns: 47% 5% 47.25%;
}

.header-wrap._2c.v {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.header-wrap._2r {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.header-wrap._2r.dark {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--_colors---lightgrey--white);
  grid-template-columns: 47% 5% 47.25%;
}

.header-wrap._2r.v {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.header-wrap.gdpr {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
}

.header-wrap.capabilities {
  padding: var(--_font-size---gap--size--80px) var(--_font-size---gap--size--40px) var(--_font-size---gap--size--40px);
  border-style: none solid;
  border-width: 1px;
  border-color: var(--_colors---darkgrey--99950);
  background-image: url('../images/oval-b.png');
  background-position: 0 0;
  background-size: 6px;
}

.header-wrap.capabilities-02 {
  padding-bottom: var(--_font-size---gap--size--24px);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.card-content-wrap {
  padding: var(--_font-size---gap--size--16px) 0px;
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.card-content-wrap.top {
  padding-top: var(--_font-size---gap--size--40px);
}

.img-bg {
  padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--12px);
  border-top-left-radius: var(--_font-size---gap--size--8px);
  border-bottom-left-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---darkgrey--99950);
  background-image: url('../images/grid-filled-b.png');
  background-position: 0 0;
  background-size: 25px;
  justify-content: center;
  align-items: flex-start;
  min-width: 7rem;
  height: 100%;
  display: flex;
}

.img-bg.yellow {
  background-image: url('../images/grid-filled-y-1.png');
}

.img-bg.pink {
  background-image: url('../images/grid-filled-p.png');
}

.img-bg.green {
  background-image: url('../images/grid-filled-g.png');
}

.capabilities-content-wrap {
  padding: var(--_font-size---gap--size--80px) var(--_font-size---gap--size--40px) var(--_font-size---gap--size--64px);
  border-right: 1px solid var(--_colors---darkgrey--99950);
  border-bottom: 1px solid var(--_colors---darkgrey--99950);
  border-left: 1px solid var(--_colors---darkgrey--99950);
  border-bottom-left-radius: var(--_font-size---gap--size--24px);
  border-bottom-right-radius: var(--_font-size---gap--size--24px);
  background-image: none;
  background-size: auto;
  flex-flow: column;
  display: flex;
}

.capabilities-content-wrap.role {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.capabilities-content-wrap.trigger {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: end stretch;
  display: grid;
}

.capabilities-content-wrap._2c {
  grid-column-gap: var(--_font-size---gap--size--20px);
  grid-row-gap: var(--_font-size---gap--size--20px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.capabilities-content-wrap._2c.dark {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--_colors---lightgrey--white);
  grid-template-columns: 47% 5% 47.25%;
}

.capabilities-content-wrap._2c.v {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.capabilities-content-wrap._2r {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.capabilities-content-wrap._2r.dark {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--_colors---lightgrey--white);
  grid-template-columns: 47% 5% 47.25%;
}

.capabilities-content-wrap._2r.v {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.capabilities-content-wrap.gdpr {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
}

.capabilities-content-wrap.capabilities {
  padding: var(--_font-size---gap--size--80px) var(--_font-size---gap--size--40px) var(--_font-size---gap--size--40px);
  border-style: none solid;
  border-width: 1px;
  border-color: var(--_colors---darkgrey--99950);
  background-image: url('../images/oval-b.png');
  background-position: 0 0;
  background-size: 6px;
}

.capabilities-content-wrap.capabilities-02 {
  padding-top: var(--_font-size---gap--size--80px);
  padding-right: var(--_font-size---gap--size--80px);
  padding-left: var(--_font-size---gap--size--80px);
  border-style: none solid;
  border-width: 1px;
  border-color: var(--_colors---darkgrey--99950);
  background-image: none;
  background-size: auto;
}

.div-block-26 {
  border: 1px dashed var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: url('../images/oval-b.png');
  background-position: 50%;
  background-size: 4px;
}

.capabilities-grid-02 {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-icon-80px {
  width: var(--_font-size---gap--size--80px);
  height: var(--_font-size---gap--size--80px);
  aspect-ratio: 1;
}

.card-icon-24px {
  width: var(--_font-size---gap--size--40px);
  height: var(--_font-size---gap--size--40px);
  aspect-ratio: 1;
}

.card-icon-24px.shadow {
  box-shadow: 0 4px 16px #00000014;
}

.card-icon-48px {
  width: var(--_font-size---gap--size--48px);
  height: var(--_font-size---gap--size--48px);
  aspect-ratio: 1;
  flex: none;
}

.inverstor-grid {
  margin-top: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.divider {
  background-color: var(--_colors---darkgrey--99950);
  width: 70%;
  height: 1px;
}

.divider.whystepwork {
  padding-left: var(--_font-size---gap--size--24px);
  border: 1px dashed var(--_colors---darkgrey--99950);
  background-color: var(--_colors---lightgrey--f5f5f5);
  width: 100%;
}

.divider.none {
  display: none;
}

.div-block-28 {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  display: flex;
}

.img-bg-top {
  padding-top: var(--_font-size---gap--size--40px);
  padding-right: var(--_font-size---gap--size--24px);
  padding-left: var(--_font-size---gap--size--24px);
  border-top-left-radius: var(--_font-size---gap--size--8px);
  border-top-right-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---darkgrey--99950);
  background-image: url('../images/grid-filled-g.png');
  background-position: 0 0;
  background-size: 25px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.img-bg-top.yellow {
  background-image: url('../images/grid-filled-y-1.png');
}

.img-bg-top.pink {
  background-image: url('../images/grid-filled-p.png');
}

.investor-img {
  width: var(--_font-size---gap--size--104px);
  height: var(--_font-size---gap--size--104px);
}

.u-container-hero {
  padding-right: var(--_font-size---gap--size--80px);
  padding-left: var(--_font-size---gap--size--80px);
  width: 100%;
  max-width: 90rem;
  position: relative;
}

.u-container-hero.role {
  flex-flow: column;
  display: flex;
}

.u-container-hero.security {
  display: none;
}

.u-container-hero.footer {
  padding-top: var(--_font-size---gap--size--72px);
}

.u-container-hero.security_hero, .u-container-hero.capabilities_hero {
  padding-bottom: var(--_font-size---gap--size--0px);
}

.u-container-hero.cababilities, .u-container-hero.cababilities-02 {
  padding-top: var(--_font-size---gap--size--0px);
  padding-bottom: var(--_font-size---gap--size--0px);
}

.u-container-hero.investors {
  margin-top: var(--_font-size---gap--size--40px);
}

.mission-label-wrap {
  padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--24px);
  border-top-left-radius: var(--_font-size---gap--size--24px);
  border-top-right-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---blue--01);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mission-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---darkgrey--99950);
  color: var(--_colors---lightgrey--white);
  grid-template-columns: 1fr 2fr;
  width: 100%;
}

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

.mission-content-wrap {
  padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--24px);
  border-bottom-right-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---blue--01);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.value-grid {
  margin-top: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.card-2 {
  padding-top: var(--_font-size---gap--size--24px);
  padding-bottom: var(--_font-size---gap--size--40px);
  border-bottom: 1px solid var(--_colors---darkgrey--99950);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-icon-120px {
  width: var(--_font-size---gap--size--120px);
  height: var(--_font-size---gap--size--120px);
  aspect-ratio: 1;
}

.card-2-text-wrap {
  padding-left: var(--_font-size---gap--size--16px);
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.benefit-grid {
  margin-top: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.card-2-copy {
  padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--16px) var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.benefit-img {
  margin-bottom: var(--_font-size---gap--size--12px);
  aspect-ratio: 3 / 2;
  width: 100%;
}

.benchamrk_hero-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---darkgrey--99950);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-32 {
  padding: var(--_font-size---gap--size--24px) var(--_font-size---gap--size--20px);
  border-top-left-radius: var(--_font-size---gap--size--24px);
  border-top-right-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---lightgrey--f5f5f5);
}

.hamburger--menu-wrap {
  display: none;
  position: relative;
}

.hero_page-name-wrap {
  padding: var(--_font-size---gap--size--24px);
  border-top-left-radius: var(--_font-size---gap--size--12px);
  border-top-right-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  display: flex;
}

.hero_page-name-wrap.why {
  border-top-left-radius: var(--_font-size---gap--size--24px);
  border-top-right-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---lightgrey--white);
}

.div-block-32-copy {
  padding: var(--_font-size---gap--size--40px) var(--_font-size---gap--size--20px);
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.img-bg_hero {
  padding-top: var(--_font-size---gap--size--16px);
  padding-right: var(--_font-size---gap--size--12px);
  padding-left: var(--_font-size---gap--size--12px);
  border-top-left-radius: var(--_font-size---gap--size--0px);
  border-bottom-left-radius: var(--_font-size---gap--size--0px);
  background-color: var(--_colors---darkgrey--99950);
  background-image: url('../images/grid-filled-b.png');
  background-position: 0 0;
  background-size: 25px;
  justify-content: center;
  align-items: flex-start;
  min-width: 7rem;
  height: 100%;
  display: flex;
}

.img-bg_hero.yellow {
  background-image: url('../images/grid-filled-y-1.png');
}

.img-bg_hero.pink {
  border-bottom-left-radius: var(--_font-size---gap--size--12px);
  background-image: url('../images/grid-filled-p.png');
}

.img-bg_hero.green {
  background-image: url('../images/grid-filled-g.png');
}

.key-benefits-content-wrap {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--12px);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-title-wrap {
  padding: var(--_font-size---gap--size--24px);
  border: 1px dashed var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  color: var(--_colors---lightgrey--white);
  background-image: url('../images/dot-e6.png');
  background-position: 50%;
  background-size: 6px;
}

.grid-title-wrap._w-img {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_colors---lightgrey--f5f5f5);
  color: var(--_colors---darkgrey--black);
  background-image: url('../images/oval-b.png');
  background-size: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.key-benefit-decorative {
  border: 1px dashed var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: url('../images/dot-e6.png');
  background-position: 0 0;
  background-size: 6px;
}

.table-wrap {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.table-wrap.why {
  align-items: stretch;
  display: none;
}

.table-labels {
  z-index: 10;
  background-color: var(--_colors---lightgrey--f5f5f5);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 9.5rem;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
}

.table-labels.why {
  width: 28.125rem;
}

.table-label {
  color: var(--_colors---darkgrey--555555);
  font-weight: 500;
}

.tabel-label-wrap {
  height: var(--_font-size---gap--size--96px);
  padding-right: var(--_font-size---gap--size--4px);
  padding-bottom: var(--_font-size---gap--size--8px);
  padding-left: var(--_font-size---gap--size--4px);
  grid-column-gap: var(--_font-size---gap--size--4px);
  grid-row-gap: var(--_font-size---gap--size--4px);
  border-bottom: 1px dashed var(--_colors---darkgrey--99950);
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 9rem;
  display: flex;
}

.tabel-label-wrap.spacer {
  border-radius: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--8px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px);
}

.tabel-label-wrap.whystepwork {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  width: 100%;
}

.tabel-label-wrap.spacer-whystepwrok {
  border-radius: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--8px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px);
  border-bottom-style: none;
  width: 100%;
}

.label-description {
  color: var(--_colors---darkgrey--777777);
  font-size: var(--_font-size---text--12px);
  max-width: 10em;
  line-height: 1.2;
}

.label-description.whystepwork {
  max-width: 24em;
}

.table-grid {
  grid-column-gap: var(--_font-size---gap--size--0px);
  grid-row-gap: var(--_font-size---gap--size--0px);
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 56.25rem;
  display: grid;
}

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

.table-header {
  height: var(--_font-size---gap--size--96px);
  padding: var(--_font-size---gap--size--12px);
  grid-column-gap: var(--_font-size---gap--size--4px);
  grid-row-gap: var(--_font-size---gap--size--4px);
  border-bottom: 1px dashed var(--_colors---darkgrey--99950);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-header.why {
  padding-left: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  border-bottom-style: none;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.text-block-8 {
  font-size: var(--_font-size---text--12px);
  text-align: center;
  font-weight: 500;
}

.table-cell {
  height: var(--_font-size---gap--size--96px);
  padding: var(--_font-size---gap--size--12px);
  grid-column-gap: var(--_font-size---gap--size--4px);
  grid-row-gap: var(--_font-size---gap--size--4px);
  border-bottom: 1px dashed var(--_colors---darkgrey--99950);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-cell.why {
  padding-left: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  justify-content: flex-end;
  align-items: flex-start;
}

.table-grid-wrap {
  width: 100%;
  overflow: auto;
}

.responsive-table {
  display: none;
}

.div-block-35 {
  grid-column-gap: var(--_font-size---gap--size--4px);
  grid-row-gap: var(--_font-size---gap--size--4px);
  flex-flow: column;
  display: flex;
}

.text-block-10 {
  color: var(--_colors---darkgrey--555555);
  font-size: var(--_font-size---text--18px);
  line-height: 1.2;
}

.loading-code {
  display: none;
}

.text-span {
  color: var(--_colors---darkgrey--555555);
  font-size: var(--_font-size---heading--h3-l-24px);
}

.whystepwork_grid {
  border-radius: var(--_font-size---gap--size--24px);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.divider--stripes {
  height: var(--_font-size---gap--size--32px);
  width: 100%;
}

.hero_content-grid-wrap {
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-38 {
  padding-left: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-39 {
  border: 1px dashed var(--_colors---darkgrey--99950);
  width: 100%;
  height: 1px;
}

.hero_img.why {
  aspect-ratio: 1;
  border-bottom-right-radius: var(--_font-size---gap--size--24px);
  object-fit: cover;
}

.image-25 {
  height: var(--_font-size---gap--size--40px);
}

.market-landscape-img {
  width: 100%;
}

.compliment-content-wrap {
  margin-top: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.complimentary_card-wrap {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-42 {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-26 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.decoratve-divider {
  display: none;
}

.reasons-card {
  z-index: 2;
  margin-top: var(--_font-size---gap--size--40px);
  margin-right: var(--_font-size---gap--size--64px);
  margin-left: var(--_font-size---gap--size--64px);
  padding-top: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--20px);
  background-color: var(--_colors---lightgrey--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 70rem;
  display: flex;
  position: relative;
  top: 80px;
}

.reasons-card.role {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.reasons-card.trigger {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: end stretch;
  display: grid;
}

.reasons-card._2c {
  grid-column-gap: var(--_font-size---gap--size--20px);
  grid-row-gap: var(--_font-size---gap--size--20px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.reasons-card._2c.dark {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--_colors---lightgrey--white);
  grid-template-columns: 47% 5% 47.25%;
}

.reasons-card._2c.v {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.reasons-card._2r {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.reasons-card._2r.dark {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--_colors---lightgrey--white);
  grid-template-columns: 47% 5% 47.25%;
}

.reasons-card._2r.v {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.reasons-card.gdpr {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
}

.reasons-card.capabilities {
  padding: var(--_font-size---gap--size--80px) var(--_font-size---gap--size--24px) var(--_font-size---gap--size--40px);
  border-style: none solid;
  border-width: 1px;
  border-color: var(--_colors---darkgrey--99950);
  background-image: url('../images/oval-b.png');
  background-position: 50%;
  background-size: 6px;
}

.reasons-card.capabilities-02 {
  padding: var(--_font-size---gap--size--24px);
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: none;
  background-size: auto;
}

.reasons-card.mission {
  padding-bottom: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}

.reasons-card.table {
  padding-top: var(--_font-size---gap--size--80px);
  padding-bottom: var(--_font-size---gap--size--40px);
  border-bottom: 1px dashed var(--_colors---darkgrey--99950);
}

.reasons-card.chart {
  padding-top: var(--_font-size---gap--size--80px);
  padding-bottom: var(--_font-size---gap--size--40px);
  border-bottom: 1px dashed var(--_colors---darkgrey--99950);
  justify-content: space-between;
  align-items: flex-end;
}

.reasons-card.whystepwork {
  padding-top: var(--_font-size---gap--size--24px);
  padding-bottom: var(--_font-size---gap--size--24px);
  padding-left: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
}

.reasons-bg {
  top: 5rem;
  left: 50%;
  bottom: var(--_font-size---gap--size--80px);
  z-index: 1;
  border-radius: var(--_font-size---gap--size--24px);
  background-image: url('../images/grid-filled-blue.png');
  background-position: 0 0;
  background-size: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 95%;
  max-width: 80rem;
  height: 53%;
  position: absolute;
  transform: translate(-50%);
}

.div-block-44 {
  padding-top: var(--_font-size---gap--size--40px);
  padding-bottom: var(--_font-size---gap--size--40px);
}

.div-block-45 {
  padding: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--20px);
  grid-row-gap: var(--_font-size---gap--size--20px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-46 {
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  border: 1px dashed var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  flex-flow: column;
  display: flex;
}

.card-number-wrap {
  height: var(--_font-size---gap--size--32px);
  border-bottom: 1px dashed var(--_colors---darkgrey--99950);
  position: relative;
}

.div-block-48 {
  padding-right: var(--_font-size---gap--size--16px);
  padding-bottom: var(--_font-size---gap--size--16px);
  padding-left: var(--_font-size---gap--size--16px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.number-wrap {
  left: var(--_font-size---gap--size--16px);
  top: var(--_font-size---gap--size--12px);
  width: var(--_font-size---gap--size--40px);
  height: var(--_font-size---gap--size--40px);
  background-color: var(--_colors---darkgrey--black);
  color: var(--_colors---lightgrey--white);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.number-wrap.feature_green {
  left: var(--_font-size---gap--size--0px);
  background-color: var(--_colors---accent--teal--02);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 6px;
}

.number-wrap.feature_yellow {
  left: var(--_font-size---gap--size--0px);
  background-color: var(--_colors---accent--yellow--01);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 6px;
}

.number-wrap.feature_pink {
  left: var(--_font-size---gap--size--0px);
  background-color: var(--_colors---accent--pink--02);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 6px;
}

.number-text {
  text-align: center;
  font-weight: 500;
}

.reasons-wrap {
  z-index: 2;
  justify-content: center;
  width: 95%;
  max-width: 80rem;
  display: flex;
  position: relative;
}

.card-grid-3x3 {
  padding: var(--_font-size---gap--size--64px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---blue--02);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-grid-3x3.light {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  border: 1px dashed var(--_colors---darkgrey--99950);
  background-color: var(--_colors---darkgrey--99950);
  background-image:
    linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px);
  background-position: 0 0;
  background-size: 14px 14px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.div-block-49 {
  padding: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.image-27 {
  aspect-ratio: 3 / 2;
  border-radius: var(--_font-size---gap--size--8px);
  object-fit: cover;
  width: 100%;
}

.image-28 {
  border-radius: var(--_font-size---gap--size--6px);
  object-fit: cover;
  width: 100%;
}

.card-text-wrap {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.nav-logo--light {
  height: var(--_font-size---gap--size--40px);
  display: inline-flex;
}

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

.nav_toggle {
  z-index: 1002;
  width: var(--_font-size---gap--size--24px);
  height: var(--_font-size---gap--size--24px);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nav_panel {
  left: var(--_font-size---gap--size--0px);
  top: var(--_font-size---gap--size--64px);
  right: var(--_font-size---gap--size--0px);
  z-index: 1001;
  padding: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---lightgrey--white);
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  display: none;
  position: fixed;
  overflow: auto;
}

.nav_right {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-container {
  flex-wrap: wrap;
  place-content: center space-between;
  align-items: center;
  width: 96%;
  max-width: 1280px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-glass-filter {
  display: none;
}

.navbar-button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.navbar-glass-effect {
  filter: url('../images/');
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border-radius: inherit;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.navbar-wrapper {
  background-color: #0000;
  align-items: center;
  min-height: 80px;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.navbar-menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.navbar-logo {
  color: #fff;
  display: flex;
}

.dropdown-list {
  border: 1px solid #292929;
  border-radius: 12px;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.dropdown-list.w--open {
  background-color: #161616;
  padding: 1rem;
  position: absolute;
}

.button-secondary {
  grid-column-gap: .5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #111;
  border: 1px solid #996aff;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button-secondary:hover {
  color: #fff;
  background-color: #000;
  border-color: #494949;
}

.button-secondary:focus {
  outline-offset: 0px;
  outline: 3px solid #996aff;
}

.button-secondary.nav {
  font-weight: 500;
}

.navbar-link {
  color: #fff;
  align-items: center;
  padding: 1.75rem 1rem;
  font-weight: 500;
  transition: all .3s;
}

.navbar-link:hover {
  color: #ececec;
}

.navbar-link.w--current {
  color: #fff;
}

.dropdown-toggle {
  color: #fff;
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.dropdown-toggle:hover {
  color: #ececec;
}

.menu-dropdown {
  position: relative;
}

.navbar-glass-tint {
  border-radius: inherit;
  background-color: #0009;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

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

.navbar-menu-button {
  padding: 0;
}

.dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border: 1px solid #0000;
  border-radius: 6px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 12px;
  font-size: 18px;
  text-decoration: none;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  display: block;
}

.dropdown-link:hover {
  background-color: #ffffff0f;
  border: 1px solid #222;
  border-radius: 6px;
}

.dropdown-link.w--current {
  white-space: nowrap;
  font-size: 20px;
  font-weight: 700;
}

.dropdown-links {
  font-weight: 500;
}

.dropdown-link-menu {
  grid-row-gap: .5rem;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(250px, 500px));
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.paragraph-small {
  color: #b3b3b3;
  font-size: 14px;
}

.button {
  grid-column-gap: .5rem;
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: 10px 18px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button:hover {
  box-shadow: none;
  color: #000;
  background-color: #b1b1b1;
  border-color: #7aa35a;
}

.button:focus {
  outline-offset: 0px;
  background-color: #b3b3b3;
  outline: 3px solid #996aff;
}

.button.nav {
  font-weight: 500;
}

.navbar-glass-shine {
  border-radius: inherit;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  box-shadow: inset -1px -1px 1px 1px #ffffff4d, inset 2px 2px 1px #ffffff4d;
}

.navbar {
  z-index: 2000;
  border-radius: 50rem;
  width: calc(100% - 2rem);
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 1rem;
  box-shadow: 0 0 20px #0000001a, 0 6px 6px #0003;
}

.code-embed-8 {
  display: none;
}

.features_wrap {
  margin-top: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  flex-flow: column;
  display: flex;
}

.features_wrap.green {
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--white);
}

.feature-card {
  padding: var(--_font-size---gap--size--40px);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--_font-size---gap--size--12px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-51 {
  padding-bottom: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.div-block-51.middle {
  padding-right: var(--_font-size---gap--size--0px);
}

.div-block-52 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.number-wrap-copy {
  width: var(--_font-size---gap--size--40px);
  height: var(--_font-size---gap--size--40px);
  background-color: var(--_colors---accent--teal--01);
  color: var(--_colors---lightgrey--white);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 4px;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.divider--stripes-features {
  height: var(--_font-size---gap--size--24px);
}

.image-29 {
  border-radius: var(--_font-size---gap--size--6px);
}

.nav-code {
  display: none;
}

.features-divider {
  border-bottom: 1px dashed var(--_colors---darkgrey--99950);
  background-color: var(--_colors---lightgrey--white);
  width: 100%;
  position: relative;
}

.solution-card-text {
  color: var(--_colors---darkgrey--555555);
  font-size: var(--_font-size---text--18px);
  max-width: 28em;
  line-height: 1.4;
}

.image-30 {
  border-radius: var(--_font-size---gap--size--6px);
  background-image: linear-gradient(180deg, var(--_colors---lightgrey--f5f5f5), var(--_colors---accent--teal--04));
  width: 100%;
}

.div-block-54 {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  display: flex;
}

.divider-wrap {
  height: var(--_font-size---gap--size--32px);
  border-bottom: 1px dashed var(--_colors---darkgrey--99950);
  width: 100%;
  position: relative;
}

.divider-wrap.role {
  height: var(--_font-size---gap--size--24px);
}

.div-block-55 {
  margin-bottom: var(--_font-size---gap--size--20px);
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.solution-content-wrap {
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.pill {
  padding: var(--_font-size---gap--size--6px) var(--_font-size---gap--size--24px);
  background-color: var(--_colors---accent--teal--01);
  color: var(--_colors---lightgrey--white);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 6px;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pill.yellow {
  background-color: var(--_colors---accent--yellow--00);
}

.pill.pink {
  background-color: var(--_colors---accent--pink--00);
}

.pill.it {
  padding-top: var(--_font-size---gap--size--4px);
  padding-bottom: var(--_font-size---gap--size--4px);
  background-image: none;
}

.pill.grc {
  background-color: var(--_colors---accent--pink--01);
  background-image: none;
}

.pill.infosec {
  background-color: var(--_colors---accent--yellow--01);
  background-image: none;
}

.image-31 {
  aspect-ratio: 1;
  width: 100%;
}

.solution-heading-wrap {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.solution-pill-text {
  font-size: var(--_font-size---text--16px);
}

.hero_solution-img {
  margin-bottom: var(--_font-size---gap--size--20px);
  width: 15.625rem;
  height: 15.625rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-59 {
  height: var(--_font-size---gap--size--64px);
}

.div-block-60 {
  height: var(--_font-size---gap--size--48px);
  background-color: var(--_colors---blue--03);
}

.div-block-61 {
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  border: 1px solid var(--_colors---lightgrey--white50);
  border-radius: var(--_font-size---gap--size--12px);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1.5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.security-icons-wrap {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-bottom-right-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--white50);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.security-decorative {
  background-color: var(--_colors---accent--purple--02);
  background-image: url('../images/oval-w-3.png');
  background-position: 0 0;
  background-size: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.security-decorative.btm {
  border-bottom-right-radius: var(--_font-size---gap--size--12px);
}

.div-block-64 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-65 {
  padding: var(--_font-size---gap--size--16px);
  grid-column-gap: var(--_font-size---gap--size--4px);
  grid-row-gap: var(--_font-size---gap--size--4px);
  background-color: var(--_colors---accent--purple--02);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.security-icon-label {
  color: var(--_colors---lightgrey--white);
  text-align: center;
}

.hero_text-wrap {
  padding-top: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero_text-wrap.security {
  padding: var(--_font-size---gap--size--40px);
  border-bottom-right-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---accent--purple--02);
  background-image: url('../images/oval-w-3.png');
  background-position: 0 0;
  background-size: 2px;
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
}

.div-block-66 {
  padding: var(--_font-size---gap--size--20px);
  border-radius: var(--_font-size---gap--size--8px);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.btn-wrap {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-btn {
  font-size: var(--_font-size---text--16px);
}

.div-block-67 {
  margin-top: var(--_font-size---gap--size--96px);
  background-color: var(--_colors---lightgrey--fafafa);
}

.chart-code {
  margin-top: var(--_font-size---gap--size--24px);
  margin-bottom: 0;
}

.solution-img {
  border-radius: var(--_font-size---gap--size--8px);
  width: 100%;
}

.gap {
  padding: var(--_font-size---gap--size--8px);
  color: var(--_colors---lightgrey--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.seuciry-spacer {
  display: none;
}

.u-container-hero-80 {
  padding: var(--_font-size---gap--size--40px) var(--_font-size---gap--size--80px);
  width: 100%;
  max-width: 90rem;
}

.u-container-hero-80.role {
  flex-flow: column;
  display: flex;
}

.u-container-hero-80.security {
  padding-top: var(--_font-size---gap--size--64px);
  padding-bottom: var(--_font-size---gap--size--72px);
}

.u-container-hero-80.footer {
  padding-top: var(--_font-size---gap--size--72px);
}

.u-container-hero-80.security_hero, .u-container-hero-80.capabilities_hero {
  padding-bottom: var(--_font-size---gap--size--0px);
}

.u-container-hero-80.cababilities, .u-container-hero-80.cababilities-02 {
  padding-top: var(--_font-size---gap--size--0px);
  padding-bottom: var(--_font-size---gap--size--0px);
}

.u-container-hero-80.investors {
  margin-top: var(--_font-size---gap--size--40px);
  padding-bottom: var(--_font-size---gap--size--80px);
}

.u-container-hero-80.mission {
  padding-top: var(--_font-size---gap--size--64px);
  padding-bottom: var(--_font-size---gap--size--64px);
}

.u-container-hero-80.table {
  position: relative;
}

.u-container-hero-80.reasons {
  padding-top: var(--_font-size---gap--size--0px);
  padding-bottom: var(--_font-size---gap--size--0px);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: visible;
}

.u-container-hero-80.cababilities-copy {
  padding-top: var(--_font-size---gap--size--40px);
  padding-bottom: var(--_font-size---gap--size--40px);
}

.u-container-hero-80.solution-features {
  margin-top: var(--_font-size---gap--size--40px);
  padding-bottom: var(--_font-size---gap--size--80px);
}

.image-32 {
  border-radius: var(--_font-size---gap--size--12px);
  width: 100%;
}

.code-embed-9 {
  display: none;
}

.heading-66 {
  color: var(--_colors---accent--yellow--01);
  font-size: var(--_font-size---gap--size--20px);
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: 400;
  text-decoration: none;
}

.text-block-11 {
  color: var(--_colors---lightgrey--white80);
  padding-left: 0;
}

.image-33 {
  margin-top: -520px;
  display: none;
}

.rotator {
  text-align: left;
  overflow: hidden;
}

.heading-text-animation {
  display: none;
}

.section-heading-wrap {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .4fr 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.line {
  background-color: var(--_colors---lightgrey--white);
  width: 100%;
  height: 1px;
}

.line.onlight {
  background-color: var(--_colors---darkgrey--black);
}

.line-wrap {
  padding-top: var(--_font-size---gap--size--32px);
}

.line-wrap.security {
  padding-top: var(--_font-size---gap--size--56px);
}

.div-block-71 {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-72 {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: row;
  display: flex;
}

.hero_h1-02 {
  font-family: var(--_font-size---cabinetgrotesk);
  font-size: var(--_font-size---heading--h1-xl-72px);
  letter-spacing: -.02em;
  text-shadow: 0 4px 2px #00000014;
  max-width: 15em;
  font-weight: 700;
}

.hero_h1-02.security {
  text-align: left;
  max-width: 20em;
}

.hero_h1-02.capabilities {
  color: var(--_colors---darkgrey--black);
  max-width: 12em;
}

.hero_h1-02.company {
  max-width: 10em;
}

.hero_h1-02.benchmark {
  color: var(--_colors---darkgrey--black);
  text-align: left;
  max-width: 100%;
}

.hero_h1-02.whystepwork {
  color: var(--_colors---darkgrey--black);
  text-align: left;
  max-width: 17em;
  line-height: 1.1;
}

.hero_h1-02.solutions {
  color: var(--_colors---darkgrey--black);
  text-align: center;
  max-width: 10em;
}

.hero_h1-02.onlight {
  color: var(--_colors---darkgrey--black);
  font-size: var(--_font-size---heading--h1-l-68px);
}

.hero_paragraph-02 {
  margin-bottom: var(--_font-size---gap--size--16px);
  color: var(--_colors---lightgrey--white);
  font-size: var(--_font-size---text--24px);
  text-align: center;
  text-shadow: 0 1.5px 2px #0000001a;
  max-width: 36em;
  font-weight: 300;
  line-height: 1.4;
}

.hero_paragraph-02.security {
  text-align: left;
  max-width: 42em;
}

.hero_paragraph-02.capabilities {
  color: var(--_colors---darkgrey--black);
  max-width: 38em;
}

.hero_paragraph-02.company {
  max-width: 32em;
}

.hero_paragraph-02.benchmark {
  margin-bottom: var(--_font-size---gap--size--0px);
  color: var(--_colors---darkgrey--555555);
  text-align: left;
  max-width: 30em;
}

.hero_paragraph-02.whystepwork {
  color: var(--_colors---darkgrey--555555);
  text-align: left;
  max-width: 26em;
}

.hero_paragraph-02.onlight {
  color: var(--_colors---darkgrey--black);
  font-size: var(--_font-size---text--20px);
  text-align: left;
}

.trust-badges {
  margin-bottom: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-34 {
  height: var(--_font-size---gap--size--48px);
  box-shadow: 0 2px 5px #0003;
}

.trust-badge {
  padding: var(--_font-size---gap--size--4px) var(--_font-size---gap--size--12px) var(--_font-size---gap--size--4px) var(--_font-size---gap--size--4px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  border-radius: var(--_font-size---gap--size--40px);
  justify-content: flex-start;
  align-items: center;
  min-width: 10rem;
  display: flex;
  box-shadow: 0 4px 8px #0000001f;
}

.trust-badge__icon {
  width: var(--_font-size---gap--size--40px);
  height: var(--_font-size---gap--size--40px);
}

.trust-badge__label {
  font-weight: 500;
}

.line-2 {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.line-wrap-2 {
  padding-top: var(--_font-size---gap--size--32px);
}

.section-heading-wrap-2 {
  margin-bottom: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .4fr 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.u-h2-2 {
  letter-spacing: .01em;
  font-family: Cabinetgrotesk, Arial, sans-serif;
  font-weight: 700;
}

.u-p1-4 {
  color: #222;
  font-size: 1.25rem;
  line-height: 1.4;
}

.u-p1-4.ondark {
  color: #fff;
  max-width: 40em;
}

.alternatives-content {
  border-radius: var(--_font-size---gap--size--24px);
  color: var(--_colors---lightgrey--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5rem 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.alternatives-content.none {
  grid-template-rows: auto;
}

.left-card {
  padding: var(--_font-size---gap--size--24px) var(--_font-size---gap--size--24px) var(--_font-size---gap--size--40px) var(--_font-size---gap--size--12px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---darkgrey--99950);
  background-image: url('../images/grid-filled-dark-blue.png');
  background-position: 50%;
  background-size: 24px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: .25fr 90%;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.rail-label {
  color: var(--_colors---lightgrey--white80);
  font-size: var(--_font-size---text--14px);
  text-align: center;
}

.stepwork-logo {
  height: var(--_font-size---gap--size--40px);
}

.alternatives-logo-labels {
  padding-right: var(--_font-size---gap--size--8px);
  padding-left: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.alternatives-logo-labels.none {
  display: none;
}

.agent-logo-wrap {
  padding: var(--_font-size---gap--size--4px) var(--_font-size---gap--size--6px) var(--_font-size---gap--size--4px) var(--_font-size---gap--size--4px);
  border: 1px solid var(--_colors---lightgrey--white50);
  border-radius: var(--_font-size---gap--size--8px);
}

.agent-text-logo {
  object-fit: cover;
  height: 1.75rem;
}

.alternatives-grid {
  padding: var(--_font-size---gap--size--24px) var(--_font-size---gap--size--40px) var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--24px);
  background-image: linear-gradient(180deg, var(--_colors---blue--01), var(--_colors---blue--02) 50%, var(--_colors---blue--01));
  box-shadow: 0 -24px var(--_font-size---gap--size--40px) 0 var(--_colors---blue--0520), 0 var(--_font-size---gap--size--20px) var(--_font-size---gap--size--40px) 0 var(--_colors---blue--0520);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.alternatives-grid.home {
  padding-top: var(--_font-size---gap--size--40px);
  padding-bottom: var(--_font-size---gap--size--0px);
  background-color: var(--_colors---blue--01);
  background-image: url('../images/oval-g-11.png');
  background-position: 0 0;
  background-size: 12px;
  overflow: hidden;
}

.spacer-40px {
  padding-right: var(--_font-size---gap--size--4px);
  padding-left: var(--_font-size---gap--size--4px);
}

.spacer-40px.none {
  display: none;
}

.rail-section {
  padding-right: var(--_font-size---gap--size--16px);
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch start;
  display: grid;
}

.spacer-text {
  font-size: var(--_font-size---text--14px);
  text-align: center;
}

.rail-wrap {
  grid-column-gap: var(--_font-size---gap--size--4px);
  grid-row-gap: var(--_font-size---gap--size--4px);
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.rail-wrap.setup {
  height: 20rem;
}

.alternative-text-cards {
  display: none;
}

.rail-spine {
  background-color: var(--_colors---lightgrey--white50);
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.rail-cap {
  width: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--white50);
  height: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.rail-cap.bottom {
  top: auto;
  bottom: 0;
}

.rail-cap-bottom {
  background-color: var(--_colors---lightgrey--white50);
}

.rail-axis {
  width: var(--_font-size---gap--size--16px);
  position: relative;
}

.left-card__content {
  grid-template-rows: 20rem auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  height: 100%;
  display: grid;
  position: relative;
}

.setup-row {
  justify-content: center;
  align-items: center;
  height: 20rem;
  display: flex;
  position: relative;
}

.setup-row.left-setup {
  z-index: 1;
}

.setup-circle {
  background-color: var(--_colors---blue--01);
  box-shadow: none;
  outline-color: var(--_colors---darkgrey--99950);
  outline-offset: 0px;
  background-image: radial-gradient(circle at 0 0, #ffffff1a, #fff0 0%);
  border-radius: 50%;
  outline-width: 2px;
  outline-style: dashed;
  width: 17.5rem;
  height: 17.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.setup-circle.bottom {
  z-index: 1;
}

.setup-circle.is-mid {
  background-image: radial-gradient(circle, #ffffff1a, #ffffff1a 0%, #fff0 103%);
  width: 16rem;
  height: 16rem;
}

.setup-circle.is-outer {
  background-image: radial-gradient(circle, #fff0, #ffffff1a 0%, #fff0 102%);
  width: 14rem;
  height: 14rem;
}

.setup-circle.is-inner {
  box-shadow: none;
  background-image: radial-gradient(circle at 0 0, #ffffff1a, #fff0 0%);
  width: 18rem;
  height: 18rem;
}

.setup-content {
  z-index: 1;
  margin-top: var(--_font-size---gap--size--64px);
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.image-38 {
  width: var(--_font-size---gap--size--72px);
  height: var(--_font-size---gap--size--72px);
}

.setup-robot {
  justify-content: center;
  align-items: center;
  margin-top: -64px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.info-card {
  padding: var(--_font-size---gap--size--4px) var(--_font-size---gap--size--12px) var(--_font-size---gap--size--4px) var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--4px);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 4px 8px #0000001f;
}

.info-card.diy-card {
  padding: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  background-color: #0a1832;
  justify-content: space-between;
  align-items: center;
  height: 48px;
}

.info-card.result {
  padding-top: var(--_font-size---gap--size--40px);
  padding-bottom: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---blue--01);
  box-shadow: none;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
}

.info-card.gradient2 {
  padding: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  background-color: #0a1832;
}

.info-card.inner-card {
  padding: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  background-color: #0a1832;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}

.info-icon {
  width: var(--_font-size---gap--size--40px);
  height: var(--_font-size---gap--size--40px);
}

.info-icon.large {
  width: var(--_font-size---gap--size--48px);
  height: var(--_font-size---gap--size--48px);
}

.info-icon.small {
  width: var(--_font-size---gap--size--32px);
  height: var(--_font-size---gap--size--32px);
}

.card-connector-wrap {
  height: var(--_font-size---gap--size--8px);
  justify-content: center;
  display: flex;
}

.card-connector-wrap._16px {
  height: var(--_font-size---gap--size--16px);
}

.card-connector {
  height: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--white50);
  width: 1px;
}

.card-connector._16px {
  height: var(--_font-size---gap--size--16px);
}

.setup-text {
  color: var(--_colors---lightgrey--white80);
  font-size: var(--_font-size---text--16px);
  text-align: center;
}

.setup-text.text--active {
  color: var(--_colors---lightgrey--white);
  font-size: var(--_font-size---text--18px);
}

.setup-ring {
  border: .5px dashed var(--_colors---lightgrey--white50);
  box-shadow: none;
  border-radius: 50%;
  width: 17.5rem;
  height: 17.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.setup-ring.bottom {
  z-index: 1;
}

.setup-ring.is-mid {
  width: 16rem;
  height: 16rem;
}

.setup-ring.is-outer {
  background-color: var(--_colors---blue--01);
  background-image: radial-gradient(circle, #fff0, #ffffff1a 0%, #fff0 102%);
  width: 14rem;
  height: 14rem;
}

.setup-ring.is-inner {
  width: 18rem;
  height: 18rem;
}

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

.effor-card.left-effort {
  z-index: 1;
  position: relative;
}

.row-spacer {
  height: var(--_font-size---gap--size--16px);
}

.alternative-rail, .alternative-rotating-animation {
  display: none;
}

.result-card {
  z-index: 1;
  padding: var(--_font-size---gap--size--16px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border: 1px dashed var(--_colors---lightgrey--white50);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---blue--01);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 4px #a9efa929, -2px -2px 4px #a9efa929;
}

.result-card.right {
  box-shadow: none;
}

.gradient-wrap {
  border-radius: var(--_font-size---gap--size--8px);
  background-image: linear-gradient(310deg, #a9efa9cc, #fff 55%, #a9efa9);
  height: 100%;
  padding: .5px;
}

.gradient-wrap.result {
  width: 100%;
}

.gradient-wrap.red {
  background-image: linear-gradient(310deg, #f8636b80, #fff 55%, #f8636b80);
}

.gradient-wrap.red.diy-card {
  height: 48px;
}

.gradient-wrap.result--red {
  background-image: linear-gradient(310deg, #f8636b, #fff 55%, #f8636b);
  width: 100%;
}

.gradient-border-copy {
  border-radius: var(--_font-size---gap--size--8px);
  background-image: linear-gradient(310deg, #a9efa9, #fff 55%, #a9efa9);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: .5px;
  display: flex;
}

.result-text {
  color: var(--_colors---green--01);
  font-size: var(--_font-size---gap--size--32px);
  text-align: center;
  font-weight: 700;
}

.result-text.red {
  color: var(--_colors---red--01);
}

.reult-text {
  color: var(--_colors---green--01);
  font-size: var(--_font-size---text--18px);
  text-align: center;
}

.reult-text.red {
  color: var(--_colors---red--01);
}

.text-span-2 {
  font-size: var(--_font-size---text--14px);
}

.right-card {
  padding: var(--_font-size---gap--size--24px) var(--_font-size---gap--size--24px) var(--_font-size---gap--size--40px) var(--_font-size---gap--size--12px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---blue--01);
  background-image: url('../images/oval-g-11.png');
  background-position: 50%;
  background-size: 12px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 90%;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  height: 100%;
  display: grid;
  position: relative;
}

.effort-text {
  color: var(--_colors---red--01);
  font-size: var(--_font-size---text--16px);
  text-align: center;
}

.alternatives-cards {
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.alternatives-cards.right-frame {
  display: block;
  position: relative;
}

.height-calculatoin {
  display: none;
}

.text-block-14 {
  color: var(--_colors---lightgrey--white50);
  text-align: right;
}

.step-text-wrap {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.code-embed-11 {
  display: none;
}

.fade {
  z-index: 1;
  height: var(--_font-size---gap--size--80px);
  border-top-left-radius: var(--_font-size---gap--size--12px);
  border-top-right-radius: var(--_font-size---gap--size--12px);
  background-image: linear-gradient(0deg, #0b193200, var(--_colors---blue--01));
  position: absolute;
  inset: 0% 0% auto;
}

.fade.bottom {
  background-image: linear-gradient(180deg, #0b193200, var(--_colors---blue--01));
  inset: auto 0% 0%;
}

.diy-track, .batch {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
  display: flex;
}

.div-block-79-copy {
  padding: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--24px);
  background-image: linear-gradient(180deg, var(--_colors---blue--01), var(--_colors---blue--02) 50%, var(--_colors---blue--01));
  box-shadow: 0 -24px var(--_font-size---gap--size--40px) 0 var(--_colors---blue--0520), 0 var(--_font-size---gap--size--20px) var(--_font-size---gap--size--40px) 0 var(--_colors---blue--0520);
  flex-flow: column;
  display: none;
}

.div-block-80 {
  grid-column-gap: var(--_font-size---gap--size--4px);
  grid-row-gap: var(--_font-size---gap--size--4px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-15 {
  color: var(--_colors---lightgrey--white80);
}

.text-span-3 {
  font-size: var(--_font-size---text--14px);
  font-weight: 400;
}

.rail-line {
  outline-color: var(--_colors---lightgrey--white50);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: dashed;
  height: 100%;
  position: absolute;
  left: 25.5%;
}

.step-cards-container {
  padding: var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  border-radius: var(--_font-size---gap--size--12px);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: flex;
  position: relative;
}

.step-card {
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--12px) var(--_font-size---gap--size--8px) var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--4px);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---blue--01);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
  box-shadow: 0 4px 8px #0000001f;
}

.step-card.diy-card {
  padding: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  background-color: #0a1832;
  justify-content: space-between;
  align-items: center;
  height: 48px;
}

.step-card.result {
  padding-top: var(--_font-size---gap--size--40px);
  padding-bottom: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---blue--01);
  box-shadow: none;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
}

.step-card.gradient2 {
  padding: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  background-color: #0a1832;
}

.step-card.inner-card {
  padding: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  background-color: #0a1832;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}

.step-icon {
  width: var(--_font-size---gap--size--40px);
  height: var(--_font-size---gap--size--40px);
}

.step-icon.icon--active {
  width: var(--_font-size---gap--size--48px);
  height: var(--_font-size---gap--size--48px);
}

.step-icon.icon--inactive {
  width: var(--_font-size---gap--size--32px);
  height: var(--_font-size---gap--size--32px);
}

.video-bg-animated {
  padding: var(--_font-size---gap--size--0px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--12px);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: flex;
}

.video-bg-animated.lg-liquid {
  padding: var(--_font-size---gap--size--20px);
  aspect-ratio: 4 / 3;
  border-radius: var(--_font-size---gap--size--12px);
  background-image: url('../images/home-video-bg-img.avif');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
}

.background-video-2 {
  aspect-ratio: 4 / 3;
  border-radius: var(--_font-size---gap--size--8px);
}

.div-block-81 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-12, .video-bg-gradient {
  display: none;
}

.right-video-wrap {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--12px);
  flex-flow: column;
  width: 100%;
  min-width: 0;
  display: flex;
}

.text-block-16 {
  color: var(--_colors---lightgrey--white80);
  font-size: var(--_font-size---text--12px);
  text-align: right;
}

.div-block-83 {
  padding-top: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---blue--01);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.grid-2 {
  padding-top: var(--_font-size---gap--size--20px);
  padding-bottom: var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--0px);
  grid-row-gap: var(--_font-size---gap--size--0px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  width: 92.5rem;
}

.alternative-footer-logo {
  width: var(--_font-size---gap--size--64px);
  height: var(--_font-size---gap--size--64px);
}

.step-video {
  aspect-ratio: 4 / 3;
  border-radius: var(--_font-size---gap--size--6px);
}

.step-video.none {
  display: none;
}

.step-card-wrapper {
  z-index: 2;
  border-radius: var(--_font-size---gap--size--8px);
  width: 100%;
  padding: .5px;
  position: relative;
}

.step-card-wrapper.is-active {
  background-image: linear-gradient(135deg, var(--_colors---blue--05), var(--_colors---accent--pink--05));
}

.step-video-wrapper {
  border-radius: var(--_font-size---gap--size--6px);
  width: 100%;
  display: none;
}

.step-video-wrapper.is-active {
  display: inline-flex;
}

.step-video-wrapper.is-inactive, .card-change-animation {
  display: none;
}

.text-span-4 {
  color: var(--_colors---darkgrey--555555);
  font-size: var(--_font-size---text--16px);
}

.img-wrap-copy {
  padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--16px) var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--12px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.img-wrap-copy.security_features {
  border-radius: var(--_font-size---gap--size--0px);
  background-image: url('../images/security_img-bg-1_1.avif');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: cover;
  border-style: none;
}

.img-wrap-copy.security_gdpr {
  padding: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--12px);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-style: none;
}

.img-wrap-copy.capabilities-01 {
  border-radius: var(--_font-size---gap--size--0px);
  background-color: var(--_colors---lightgrey--ebebeb);
  border-style: none;
}

.img-wrap-copy.capabilities-02 {
  margin-bottom: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--ebebeb);
  border-style: none;
}

.img-wrap-copy.company {
  margin-top: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--12px) var(--_font-size---gap--size--12px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px);
  border-bottom-style: none;
}

.img-wrap-copy.mission {
  padding: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--12px);
  background-color: var(--_colors---darkgrey--99950);
  background-image: url('../images/grid-filled-blue.png');
  background-position: 0 0;
  background-size: 20px;
  border-style: none;
}

.img-wrap-copy.key-benefits {
  margin-bottom: var(--_font-size---gap--size--12px);
  border-color: var(--_colors---lightgrey--white50);
  background-color: var(--_colors---lightgrey--white10);
}

.img-wrap-copy.why {
  padding: var(--_font-size---gap--size--0px);
  aspect-ratio: 1;
  border-radius: var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--12px);
  border-style: none;
}

.img-wrap-copy.landscape {
  margin-top: var(--_font-size---gap--size--40px);
  padding: var(--_font-size---gap--size--0px);
}

.img-wrap-copy.compliment {
  padding: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--12px);
  background-image: url('../images/compliment-img-bg_1.avif');
  background-position: 0 80%;
  background-size: auto;
}

.img-wrap-copy.bento-grid {
  padding: var(--_font-size---gap--size--0px);
  aspect-ratio: 3 / 2;
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  object-fit: fill;
  border-style: none;
}

.img-wrap-copy.bento-grid-02 {
  border-style: dashed;
  border-color: var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: url('../images/oval-b.png');
  background-position: 0 0;
  background-size: 4px;
}

.img-wrap-copy.startup {
  padding: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---accent--teal--02);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 5px;
  justify-content: center;
  align-items: center;
}

.img-wrap-copy.startups {
  aspect-ratio: 1;
  display: none;
}

.img-wrap-copy.mid-market {
  padding: var(--_font-size---gap--size--16px);
  aspect-ratio: 1;
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---accent--yellow--01);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 5px;
  justify-content: center;
  align-items: center;
}

.img-wrap-copy.enterprise {
  padding: var(--_font-size---gap--size--16px);
  aspect-ratio: 1;
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---accent--pink--02);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 5px;
  justify-content: center;
  align-items: center;
}

.progress-line {
  z-index: 0;
  background-color: var(--_colors---lightgrey--white10);
  border-radius: 2px;
  width: 1.5px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.progress-line-fill {
  z-index: 1;
  border-radius: 2px;
  width: 1.5px;
  height: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.code-embed-13 {
  display: none;
}

.card-icon-104px {
  width: var(--_font-size---gap--size--104px);
  height: var(--_font-size---gap--size--104px);
  aspect-ratio: 1;
}

.scrambeled-text, .code-embed-14 {
  display: none;
}

.div-block-84 {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: .4fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  width: 100%;
  display: grid;
}

.div-block-85 {
  flex-flow: column;
  display: flex;
}

.div-block-86 {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  display: flex;
}

.div-block-87 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.code-embed-15 {
  display: none;
}

.background-video-3 {
  aspect-ratio: 4 / 3;
  width: 100%;
  height: 100%;
}

.slider {
  margin-top: var(--_font-size---gap--size--40px);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  width: 100%;
  height: 100%;
}

.div-block-88 {
  border-radius: var(--_font-size---gap--size--24px);
  background-image: linear-gradient(180deg, var(--fcfcfc), var(--_colors---lightgrey--f5f5f5));
  grid-template-rows: auto auto;
  grid-template-columns: 40% 70%;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.role_content-wrap {
  padding-top: var(--_font-size---gap--size--12px);
  padding-right: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.role_img-wrap {
  padding: var(--_font-size---gap--size--8px);
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.role_text-wrap {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.role-video-wrap {
  padding: var(--_font-size---gap--size--12px);
  border-radius: var(--_font-size---gap--size--20px);
  background-image: url('../images/grid-filled-g.png');
  background-position: 0 0;
  background-size: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.role-video-wrap.grc {
  background-image: url('../images/grid-filled-p.png');
}

.role-video-wrap.infosec {
  background-image: url('../images/grid-filled-y-1.png');
}

.video {
  border-radius: var(--_font-size---gap--size--12px);
}

.mask {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.slide {
  margin-right: var(--_font-size---gap--size--16px);
  width: 100%;
  height: 100%;
}

.slider-wrapper {
  margin-top: var(--_font-size---gap--size--40px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.slider-track {
  z-index: 1;
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  justify-content: flex-start;
  align-items: stretch;
  min-width: 100%;
  height: 100%;
  transition: transform .4s;
  display: flex;
  position: relative;
}

.slider-card {
  padding: var(--_font-size---gap--size--20px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--fcfcfc);
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1.2fr 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.role_testimonial-wrap {
  margin-top: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  border-radius: var(--_font-size---gap--size--12px);
  flex-flow: row;
  display: flex;
}

.text-block-17 {
  font-size: var(--_font-size---text--18px);
  line-height: 1.4;
}

.role_testimonial-info {
  padding-top: var(--_font-size---gap--size--16px);
  padding-right: var(--_font-size---gap--size--8px);
  padding-left: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--4px);
  grid-row-gap: var(--_font-size---gap--size--4px);
  border-radius: var(--_font-size---gap--size--20px);
  background-color: var(--_colors---lightgrey--white);
  background-image:
    linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px);
  background-position: 0 0;
  background-size: 12px 12px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 40%;
  display: grid;
}

.role_testimonial-text-wrap {
  padding: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--20px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  display: flex;
}

.role_testimonial-info-wrap {
  grid-column-gap: var(--_font-size---gap--size--6px);
  grid-row-gap: var(--_font-size---gap--size--6px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-18 {
  color: var(--_colors---darkgrey--555555);
  letter-spacing: -.02em;
  line-height: 1.1;
}

.div-block-97 {
  flex-flow: column;
  display: flex;
}

.text-block-18-copy {
  color: var(--_colors---darkgrey--black);
  font-weight: 500;
}

.role_testimonial-logo {
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.image-40 {
  height: 2.1875rem;
}

.slider-arrow {
  padding: var(--_font-size---gap--size--8px);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-arrows {
  z-index: 3;
  margin-bottom: var(--_font-size---gap--size--16px);
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.slider-arrow-icon {
  width: var(--_font-size---gap--size--24px);
  height: var(--_font-size---gap--size--24px);
}

.code-embed-16 {
  margin-bottom: 0;
  display: none;
}

.capabilities-02-content-wrap {
  padding: var(--_font-size---gap--size--80px) var(--_font-size---gap--size--40px) var(--_font-size---gap--size--64px);
  border-right: 1px solid var(--_colors---darkgrey--99950);
  border-bottom: 1px solid var(--_colors---darkgrey--99950);
  border-left: 1px solid var(--_colors---darkgrey--99950);
  background-image: url('../images/slackbot---bg---img.avif');
  background-size: cover;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.capabilities-02-content-wrap.role {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.capabilities-02-content-wrap.trigger {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: end stretch;
  display: grid;
}

.capabilities-02-content-wrap._2c {
  grid-column-gap: var(--_font-size---gap--size--20px);
  grid-row-gap: var(--_font-size---gap--size--20px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.capabilities-02-content-wrap._2c.dark {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--_colors---lightgrey--white);
  grid-template-columns: 47% 5% 47.25%;
}

.capabilities-02-content-wrap._2c.v {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.capabilities-02-content-wrap._2r {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.capabilities-02-content-wrap._2r.dark {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--_colors---lightgrey--white);
  grid-template-columns: 47% 5% 47.25%;
}

.capabilities-02-content-wrap._2r.v {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.capabilities-02-content-wrap.gdpr {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
}

.capabilities-02-content-wrap.capabilities {
  padding: var(--_font-size---gap--size--80px) var(--_font-size---gap--size--40px) var(--_font-size---gap--size--40px);
  border-style: none solid;
  border-width: 1px;
  border-color: var(--_colors---darkgrey--99950);
  background-image: url('../images/oval-b.png');
  background-position: 0 0;
  background-size: 6px;
}

.capabilities-02-content-wrap.capabilities-02 {
  padding-top: var(--_font-size---gap--size--80px);
  padding-right: var(--_font-size---gap--size--80px);
  padding-left: var(--_font-size---gap--size--80px);
  border-style: none solid;
  border-width: 1px;
  border-color: var(--_colors---darkgrey--99950);
  background-image: none;
  background-size: auto;
}

.video-wrap {
  padding: var(--_font-size---gap--size--12px);
  border: 1px solid var(--_colors---lightgrey--white);
  border-radius: var(--_font-size---gap--size--6px);
  background-color: var(--_colors---lightgrey--white50);
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-wrap.security_features {
  border-radius: var(--_font-size---gap--size--0px);
  background-image: url('../images/security_img-bg-1_1.avif');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: cover;
  border-style: none;
}

.video-wrap.security_gdpr {
  padding: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--12px);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-style: none;
}

.video-wrap.capabilities-01 {
  padding: var(--_font-size---gap--size--24px);
  background-image: url('../images/oval-b.png'), linear-gradient(180deg, var(--_colors---blue--02), var(--_colors---blue--01));
  background-position: 50%, 0 0;
  background-size: 5px, auto;
}

.video-wrap.capabilities-02 {
  padding: var(--_font-size---gap--size--20px);
  border-radius: var(--_font-size---gap--size--20px);
  display: block;
}

.video-wrap.company {
  margin-top: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--12px) var(--_font-size---gap--size--12px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px);
  border-bottom-style: none;
}

.video-wrap.mission {
  padding: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--24px);
  background-color: var(--_colors---darkgrey--99950);
  background-image: url('../images/grid-filled-dark-blue.png');
  background-position: 50% 0;
  background-size: 24px;
  border-style: none;
}

.video-wrap.key-benefits {
  margin-bottom: var(--_font-size---gap--size--12px);
  border-color: var(--_colors---lightgrey--white50);
  background-color: var(--_colors---lightgrey--white10);
  background-image: linear-gradient(132deg, var(--_colors---lightgrey--white10), #ebebeb99);
}

.video-wrap.why {
  padding: var(--_font-size---gap--size--0px);
  aspect-ratio: 1;
  border-radius: var(--_font-size---gap--size--0px) var(--_font-size---gap--size--0px) var(--_font-size---gap--size--12px);
  border-style: none;
}

.video-wrap.landscape {
  margin-top: var(--_font-size---gap--size--40px);
  padding: var(--_font-size---gap--size--0px);
}

.video-wrap.compliment {
  padding: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--12px);
  background-image: url('../images/compliment-img-bg_1.avif');
  background-position: 0 80%;
  background-size: auto;
}

.video-wrap.bento-grid {
  padding: var(--_font-size---gap--size--0px);
  aspect-ratio: 3 / 2;
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  object-fit: fill;
  border-style: none;
}

.video-wrap.bento-grid-02 {
  border-style: dashed;
  border-color: var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: url('../images/oval-b.png');
  background-position: 0 0;
  background-size: 4px;
}

.video-wrap.startup {
  padding: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---accent--teal--02);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 5px;
  justify-content: center;
  align-items: center;
}

.video-wrap.startups {
  aspect-ratio: 1;
  display: none;
}

.video-wrap.mid-market {
  padding: var(--_font-size---gap--size--16px);
  aspect-ratio: 1;
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---accent--yellow--01);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 5px;
  justify-content: center;
  align-items: center;
}

.video-wrap.enterprise {
  padding: var(--_font-size---gap--size--16px);
  aspect-ratio: 1;
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---accent--pink--02);
  background-image: url('../images/oval-g-12.png');
  background-position: 50%;
  background-size: 5px;
  justify-content: center;
  align-items: center;
}

.code-embed-17 {
  width: 100%;
}

.code-embed-18, .code-embed-18-copy {
  width: 100%;
  margin-bottom: 0;
}

.code-embed-19 {
  width: 100%;
}

.vs_api-visual {
  padding: var(--_font-size---gap--size--16px);
  border-top-right-radius: var(--_font-size---gap--size--24px);
  border-bottom-right-radius: var(--_font-size---gap--size--24px);
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.grid-3 {
  grid-template-rows: auto;
  width: 100%;
}

.vs_content-wrap {
  margin-top: var(--_font-size---gap--size--40px);
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--24px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: hidden;
}

.hero-grid-flow {
  width: 100%;
  height: 100%;
  min-height: 32.5rem;
}

.sw-density-right {
  height: 100%;
  position: relative;
}

.vs_api-cards {
  border-right: 1px solid var(--_colors---darkgrey--99950);
  border-top-left-radius: var(--_font-size---gap--size--24px);
  border-bottom-left-radius: var(--_font-size---gap--size--24px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-99 {
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--8px);
  background-color: var(--_colors---lightgrey--e0e0e0);
  background-image: url('../images/oval-dgrey-4px.png');
  background-position: 50%;
  background-size: 8px;
  justify-content: center;
  align-items: center;
  min-width: 16.25rem;
  display: flex;
}

.div-block-99.blue {
  background-color: var(--_colors---accent--blue--01);
}

.text-block-19 {
  color: var(--_colors---darkgrey--555555);
  font-weight: 500;
}

.code-embed-21-copy {
  height: 100%;
  min-height: 25rem;
  display: none;
}

.compliment_visual-wrap {
  padding: var(--_font-size---gap--size--40px);
  border: 1px dashed var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: url('../images/oval-dgrey-4px.png');
  background-position: 50%;
  background-size: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  width: 100%;
  height: auto;
  min-height: 37.5rem;
  display: flex;
  position: relative;
}

.orbit-1 {
  z-index: 1;
  aspect-ratio: 1;
  border: 1px dashed var(--_colors---darkgrey--999999);
  background-color: var(--_colors---lightgrey--f5f5f5);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 26rem;
  height: 26rem;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.orbit-2 {
  z-index: 2;
  aspect-ratio: 1;
  border: 1px solid var(--_colors---darkgrey--99950);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: url('../images/oval-dgrey-4px.png');
  background-position: 50%;
  background-size: 6px;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 21rem;
  height: 21rem;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(0)translate(-50%, -50%);
}

.orbit-3 {
  z-index: 3;
  aspect-ratio: 1;
  border: 1px solid var(--_colors---darkgrey--99950);
  background-color: var(--_colors---lightgrey--f5f5f5);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 15rem;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.setup-center {
  z-index: 4;
  aspect-ratio: 1;
  background-color: var(--_colors---lightgrey--f5f5f5);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 9rem;
  height: 9rem;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.setup-center__logo {
  z-index: 6;
  width: 5rem;
  height: 5rem;
  position: relative;
}

.setup-tag--rpa {
  z-index: 5;
  width: 6.5rem;
  height: 4rem;
}

.setup-tag--itsm, .setup-tag--api {
  z-index: 5;
}

.setup-tag {
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(0, 9rem)translate(-50%, -50%);
}

.setup-tag.rpa {
  z-index: 50;
  transform: translate(-9rem)translate(-50%, -50%);
}

.setup-tag.itsm {
  transform: translate(9rem)translate(-50%, -50%);
}

.setup-center__ring {
  border: 1px dashed var(--_colors---darkgrey--999999);
  border-radius: 999px;
  width: 9rem;
  height: 9rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.code-embed-20, .embed-tag-sweep-lines, .embed-tag-sweep-sequencer, .embed-setup-center-ring-rotation {
  display: none;
}

.usecase-compare {
  margin-top: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.usecase-col.static {
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  background-image: url('../images/oval-dgrey-4px.png');
  background-position: 50%;
  background-size: 8px;
}

.usecase-col.rain {
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---darkgrey--99950);
  background-image:
    linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px);
  background-position: 50%;
  background-size: 20px 20px;
}

.usecase-panel {
  padding-top: var(--_font-size---gap--size--16px);
  padding-right: var(--_font-size---gap--size--16px);
  padding-left: var(--_font-size---gap--size--16px);
  border: 1px solid var(--_colors---darkgrey--99950);
  border-radius: var(--_font-size---gap--size--24px);
}

.usecase-panel__header {
  padding: var(--_font-size---gap--size--12px) var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--8px);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.usecase-panel__header.api {
  background-color: var(--_colors---lightgrey--e0e0e0);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.usecase-panel__header.vision {
  background-color: var(--_colors---accent--blue--01);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.usecase-panel__body {
  padding-top: var(--_font-size---gap--size--16px);
  position: relative;
  overflow: hidden;
}

.usecase-body {
  padding-top: var(--_font-size---gap--size--16px);
  height: 26.25rem;
  position: relative;
  overflow: hidden;
}

.usecase-rain-layer {
  z-index: 2;
  pointer-events: none;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0;
}

.usecase-pile-layer {
  padding: var(--_font-size---gap--size--16px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  pointer-events: none;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0 0 0 -999px;
}

.usecase-pile-layer.uc-anim-scope {
  position: relative;
}

.usecase-pill {
  padding: var(--_font-size---gap--size--12px) var(--_font-size---gap--size--12px) var(--_font-size---gap--size--12px) var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  border: 1px solid var(--_colors---accent--blue--02);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--fcfcfc);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: -2px 2px 8px #22222214;
}

.usecase-pill.api {
  border-color: var(--_colors---darkgrey--777777);
  background-color: var(--_colors---lightgrey--f5f5f5);
}

.usecase-pill.is-c1 {
  box-shadow: -2px 2px 8px #22222214;
}

.usecase-pill.is-c1.is-template {
  display: none;
}

.usecase-pill__num {
  width: var(--_font-size---gap--size--32px);
  height: var(--_font-size---gap--size--32px);
  border: 1px solid var(--_colors---accent--blue--02);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.usecase-pill__num.is-static {
  background-color: var(--_colors---darkgrey--999999);
  border-style: none;
}

.text-block-20 {
  color: var(--_colors---blue--01);
}

.usecase-pill__number {
  color: var(--_colors---lightgrey--white);
  text-align: center;
  font-weight: 500;
}

.usecase-static-list {
  padding: var(--_font-size---gap--size--24px) var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 26.25rem;
  display: flex;
}

.usecase-pill--api {
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--12px) var(--_font-size---gap--size--8px) var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  border: 1px dashed var(--_colors---accent--blue--02);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--fcfcfc);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: -2px 2px 8px #22222214;
}

.usecase-pill--api.api {
  border-color: var(--_colors---darkgrey--777777);
  background-color: var(--_colors---lightgrey--f5f5f5);
}

.usecase-pill--api.is-c1.is-template {
  display: none;
}

.uc-compare {
  padding: var(--_font-size---gap--size--20px) var(--_font-size---gap--size--24px) var(--_font-size---gap--size--24px);
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  border-radius: var(--_font-size---gap--size--20px);
  background-color: var(--_colors---lightgrey--f5f5f5);
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.uc-compare_stage {
  width: 100%;
  position: relative;
}

.uc-compare_stage.desktop {
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  flex-flow: column;
  display: flex;
}

.uc-compare_stage.mobile {
  display: none;
}

.uc-compare_lanes {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.uc-lane {
  height: var(--_font-size---gap--size--48px);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.uc-compare_bg {
  margin-top: var(--_font-size---gap--size--40px);
  padding: var(--_font-size---gap--size--16px);
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  border: 1px solid var(--_colors---accent--blue--01);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--_colors---darkgrey--99950);
  background-image:
    linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px);
  background-position: 50%;
  background-size: 15px 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.uc-step-markers {
  left: 0;
  top: var(--_font-size---gap--size--24px);
  right: 0;
  bottom: var(--_font-size---gap--size--24px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: absolute;
}

.uc-compare_header {
  grid-column-gap: var(--_font-size---gap--size--20px);
  grid-row-gap: var(--_font-size---gap--size--20px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.uc-compare_footer {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.uc-footer-card {
  padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  border-radius: var(--_font-size---gap--size--12px);
  background-color: var(--_colors---lightgrey--fafafa);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.uc-footer-card.first-t {
  border-top-left-radius: 11px;
}

.uc-footer-card.last-b {
  border-bottom-right-radius: 11px;
  width: 100%;
}

.uc-footer-card.first-b {
  border-bottom-left-radius: 11px;
}

.uc-footer-card.last-t {
  border-top-right-radius: 11px;
}

.embed-uc-track {
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
}

.uc-icon-wrap {
  z-index: 2;
  width: var(--_font-size---gap--size--48px);
  height: var(--_font-size---gap--size--48px);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.uc-icon-wrap.human, .uc-icon-wrap.api-grey {
  display: none;
}

.uc-step-marker {
  border-right: 1px dashed var(--_colors---darkgrey--99950);
  width: 1px;
  height: 100%;
}

.uc-step-marker.is-hidden-line {
  border-right-style: none;
}

.uc-lanes-main {
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.uc-lanes-gutter {
  width: var(--_font-size---gap--size--48px);
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  display: flex;
  position: relative;
}

.uc-gutter-slot {
  z-index: 2;
  width: var(--_font-size---gap--size--48px);
  height: var(--_font-size---gap--size--48px);
  position: relative;
}

.uc-gutter-slot.api {
  justify-content: center;
  align-items: center;
  display: flex;
}

.uc-steps-row {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.uc-step-card {
  padding: var(--_font-size---gap--size--12px) var(--_font-size---gap--size--8px) var(--_font-size---gap--size--8px) var(--_font-size---gap--size--12px);
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  box-shadow: inset 3px 0 0 0 var(--_colors---accent--yellow--02);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.uc-step-card.s1 {
  box-shadow: inset 3px 0 0 0 var(--_colors---accent--purple--02);
}

.uc-step-card.s2 {
  box-shadow: inset 3px 0 0 0 var(--_colors---accent--pink--0450);
}

.uc-step-card.s3 {
  box-shadow: inset 3px 0 0 0 var(--_colors---accent--yellow--02);
}

.uc-step-card.s4 {
  box-shadow: inset 3px 0 0 0 var(--_colors---accent--teal--0240);
}

.uc-step-dot {
  width: var(--_font-size---gap--size--24px);
  height: var(--_font-size---gap--size--24px);
  aspect-ratio: 1;
  background-color: var(--_colors---accent--yellow--02);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.uc-step-dot.s1 {
  background-color: var(--_colors---accent--purple--02);
}

.uc-step-dot.s2 {
  background-color: var(--_colors---accent--pink--0450);
}

.uc-step-dot.s3 {
  background-color: var(--_colors---accent--yellow--02);
}

.uc-step-dot.s4 {
  background-color: var(--_colors---accent--teal--0240);
}

.uc-step-text {
  color: var(--_colors---darkgrey--555555);
  font-size: var(--_font-size---text--14px);
  text-align: center;
  font-weight: 500;
}

.uc-step-label {
  color: var(--_colors---darkgrey--555555);
  font-size: var(--_font-size---text--14px);
  text-align: left;
  font-weight: 500;
}

.embed-uc-compare {
  margin: 0;
  display: none;
}

.uc-card-heading-wrap {
  grid-column-gap: var(--_font-size---gap--size--4px);
  grid-row-gap: var(--_font-size---gap--size--4px);
  flex-flow: column;
  display: flex;
}

.uc-footer-heading-wrap {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sw-dot-divider-copy {
  width: 100%;
}

.uc-icon-badge {
  padding: 2px var(--_font-size---gap--size--4px);
  background-color: var(--_colors---lightgrey--ebebeb);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 4rem;
  display: flex;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 2px 6px #0000001f;
}

.uc-icon-badge.stepwork {
  z-index: 5;
  background-color: var(--_colors---blue--06);
  top: -16px;
}

.uc-compare-icon-label {
  font-size: var(--_font-size---text--12px);
  text-align: center;
}

.code-embed-21 {
  display: none;
}

.div-block-101 {
  grid-column-gap: var(--_font-size---gap--size--16px);
  grid-row-gap: var(--_font-size---gap--size--16px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.uc-header-heading-wrap {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-102 {
  grid-column-gap: var(--_font-size---gap--size--40px);
  grid-row-gap: var(--_font-size---gap--size--40px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-103 {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-104 {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  display: flex;
}

.div-block-105 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.setup-stage {
  width: 26rem;
  height: 26rem;
  position: relative;
}

.embed-setup-stage-responsive {
  display: none;
}

.video-2 {
  border-radius: var(--_font-size---gap--size--20px);
  display: none;
}

.capabilities-slackbot-embed {
  border-radius: var(--_font-size---gap--size--12px);
  width: 100%;
}

.code-embed-22, .code-embed-23 {
  display: none;
}

.subtext {
  color: var(--_colors---darkgrey--555555);
  font-size: var(--_font-size---text--14px);
  width: 100%;
  max-width: 44em;
  line-height: 1.4;
}

.subtext.role {
  font-size: var(--_font-size---text--16px);
  text-align: center;
  max-width: 40em;
}

.subtext.security_features {
  color: var(--_colors---darkgrey--666666);
  letter-spacing: -.03em;
  max-width: 28em;
  line-height: 1.2;
}

.subtext.security_gdpr, .subtext.investors {
  max-width: 30em;
}

.subtext.reasons {
  text-align: center;
  max-width: 32em;
}

.subtext.solution {
  text-align: center;
  max-width: 40em;
}

.subtext.why-stepwork-capabilities {
  max-width: 24em;
}

.subtext.none {
  display: none;
}

.subtext.white {
  color: var(--_colors---lightgrey--white);
}

.subtext.mission {
  max-width: 30em;
}

.subtext.use-cases {
  max-width: 32em;
}

.subtext.ondark {
  color: var(--_colors---lightgrey--white);
}

.subtext.eu {
  max-width: 46em;
}

.div-block-107 {
  flex-flow: column;
  display: flex;
}

.text-span-5 {
  line-height: 1.4;
}

.div-block-108 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.alternatives-responsive-layout-fix {
  display: none;
}

.role-pill-text {
  color: var(--_colors---darkgrey--black);
  font-weight: 500;
}

.div-block-110 {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  display: flex;
}

.slider-gesture-layer {
  z-index: 2;
  position: absolute;
  inset: 0;
}

.hero-card {
  padding: var(--_font-size---gap--size--40px);
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--24px);
  background-color: var(--fcfcfc);
  flex-flow: column;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1.2fr 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 90rem;
  display: flex;
  position: relative;
}

.hero-card_tabs {
  padding-bottom: var(--_font-size---gap--size--8px);
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-card_content {
  width: 100%;
  position: relative;
}

.hero-card_pane {
  grid-column-gap: var(--_font-size---gap--size--24px);
  grid-row-gap: var(--_font-size---gap--size--24px);
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.hero-card_pane.is-running {
  display: none;
}

.pane-left {
  flex-flow: column;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.pane-left.is-running {
  justify-content: space-between;
  align-items: flex-start;
}

.pane-right {
  padding: var(--_font-size---gap--size--24px);
  border-radius: var(--_font-size---gap--size--16px);
  width: 60%;
}

.pane-right.is-recording {
  background-image: radial-gradient(circle closest-corner at 50% 50%, var(--_colors---accent--pink--04), var(--_colors---accent--pink--01));
}

.pane-right.is-running {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_colors---blue--03), var(--_colors---blue--01));
}

.pane-left-text {
  grid-column-gap: var(--_font-size---gap--size--12px);
  grid-row-gap: var(--_font-size---gap--size--12px);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.hero-card_tab {
  padding-right: var(--_font-size---gap--size--24px);
  padding-left: var(--_font-size---gap--size--16px);
  grid-column-gap: var(--_font-size---gap--size--4px);
  grid-row-gap: var(--_font-size---gap--size--4px);
  border: 1px solid var(--_colors---darkgrey--black);
  border-radius: var(--_font-size---gap--size--24px);
  justify-content: center;
  align-items: center;
  height: 3rem;
  display: flex;
  cursor: pointer;
}

.hero-card_tab.is-recording-active {
  border-color: var(--_colors---accent--pink--02);
  background-color: var(--_colors---accent--pink--03);
  justify-content: center;
  align-items: center;
}

.hero-card_tab.is-running-active {
  border-color: var(--_colors---blue--03);
  background-color: var(--_colors---blue--02);
  justify-content: center;
  align-items: center;
}

.marquee-pill-copy {
  padding: var(--_font-size---gap--size--8px) var(--_font-size---gap--size--20px);
  border: 1px dashed var(--_colors---darkgrey--black);
  border-radius: var(--_font-size---gap--size--20px);
  flex: none;
  justify-content: center;
  align-items: center;
  height: 2.75rem;
  display: flex;
}

.marquee-pill-copy.blue {
  border-color: var(--_colors---blue--03);
}

.marquee-pill-copy.red {
  border-color: var(--_colors---accent--pink--03);
}

.marquee-pill-copy.yellow {
  border-color: var(--_colors---accent--yellow--02);
}

.marquee-pill-copy.green {
  border-color: var(--_colors---accent--teal--02);
}

.marquee-pill-copy.is-checked {
  border-style: solid;
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
}

.pill-check-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}


.div-block-111 {
  grid-column-gap: var(--_font-size---gap--size--8px);
  grid-row-gap: var(--_font-size---gap--size--8px);
  flex-flow: wrap;
  flex: none;
  display: flex;
}

.tab-label {
  font-size: var(--_font-size---text--16px);
  text-align: left;
  font-weight: 500;
}

.tab-label.is-recording-active, .tab-label.white {
  color: var(--_colors---lightgrey--white);
}

.tab-icon {
  width: var(--_font-size---gap--size--32px);
  height: var(--_font-size---gap--size--32px);
}

.tab-icon.is-spinning {
  animation: tab-spin 1s linear infinite;
}

@keyframes tab-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.tab-timer {
  color: var(--_colors---lightgrey--white);
  font-size: var(--_font-size---text--12px);
  text-align: right;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .hero_section {
    min-height: 90vh;
  }

  .hero_section.security {
    padding-top: var(--_font-size---gap--size--40px);
    padding-bottom: var(--_font-size---gap--size--24px);
  }

  .hero_section.capabilities {
    padding-top: var(--_font-size---gap--size--96px);
  }

  .hero_section.company {
    padding-top: var(--_font-size---gap--size--40px);
  }

  .hero_section.why {
    padding-top: var(--_font-size---gap--size--104px);
    padding-bottom: var(--_font-size---gap--size--24px);
    min-height: 65vh;
  }

  .hero_section.solution-startup, .hero_section.solution-mid-market, .hero_section.solution-enterprise {
    min-height: 45vh;
  }

  .hero_section.home {
    padding-bottom: var(--_font-size---gap--size--40px);
    min-height: 95vh;
  }

  .hero_section.benchmark {
    padding-top: var(--_font-size---gap--size--80px);
  }

  .hero-content-wrapper {
    padding-right: var(--_font-size---gap--size--40px);
    padding-left: var(--_font-size---gap--size--40px);
  }

  .hero_h1 {
    font-size: var(--_font-size---heading--h1-l-68px);
    letter-spacing: -.03em;
  }

  .hero_h1.capabilities {
    max-width: 8em;
  }

  .hero_h1.company {
    max-width: 100%;
  }

  .hero_h1.whystepwork {
    letter-spacing: -.045em;
    max-width: 100%;
  }

  .hero_paragraph {
    font-size: var(--_font-size---text--18px);
    font-weight: 400;
  }

  .hero_paragraph.capabilities {
    max-width: 30em;
  }

  .hero_paragraph.benchmark {
    text-shadow: none;
  }

  .hero_paragraph.whystepwork {
    font-size: var(--_font-size---text--20px);
    max-width: 100%;
  }

  .hero_heading-wrap.security {
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
  }

  .u-section.reasons {
    margin-bottom: var(--_font-size---gap--size--64px);
  }

  .u-container-80 {
    padding: var(--_font-size---gap--size--24px) var(--_font-size---gap--size--40px);
    max-width: 90rem;
  }

  .u-container-80.role.tabs-fix {
    padding-top: var(--_font-size---gap--size--40px);
    padding-bottom: var(--_font-size---gap--size--40px);
  }

  .u-container-80.security {
    padding-top: var(--_font-size---gap--size--24px);
    padding-bottom: var(--_font-size---gap--size--40px);
  }

  .u-container-80.footer {
    padding-top: var(--_font-size---gap--size--56px);
  }

  .u-container-80.investors {
    margin-top: var(--_font-size---gap--size--0px);
    padding-bottom: var(--_font-size---gap--size--40px);
  }

  .u-container-80.mission {
    padding-top: var(--_font-size---gap--size--48px);
    padding-bottom: var(--_font-size---gap--size--48px);
  }

  .u-container-80.values {
    padding-top: var(--_font-size---gap--size--40px);
    padding-bottom: var(--_font-size---gap--size--24px);
  }

  .u-container-80.key-benefits {
    padding-bottom: var(--_font-size---gap--size--40px);
  }

  .u-container-80.cababilities-copy {
    padding-top: var(--_font-size---gap--size--0px);
  }

  .u-container-80.solution-features {
    margin-top: var(--_font-size---gap--size--0px);
    padding-bottom: var(--_font-size---gap--size--40px);
  }

  .u-container-80.compliment {
    padding-bottom: var(--_font-size---gap--size--24px);
  }

  .u-container-80.dark {
    padding-top: var(--_font-size---gap--size--40px);
  }

  .u-container-80.cababilities-03 {
    padding-bottom: var(--_font-size---gap--size--64px);
  }

  .u-container-80.uc {
    padding-top: var(--_font-size---gap--size--40px);
  }

  .u-container-80.hero {
    padding-top: var(--_font-size---gap--size--24px);
    padding-bottom: var(--_font-size---gap--size--40px);
  }

  .u-h2 {
    font-size: var(--_font-size---heading--h2-m-40px);
  }

  .u-h2.security_gdpr {
    max-width: 100%;
  }

  .u-h2.reasons {
    max-width: 13em;
  }

  .u-p1 {
    font-size: var(--_font-size---text--18px);
    letter-spacing: -.02em;
    max-width: 32em;
  }

  .u-p1.security_gdpr {
    max-width: 100%;
  }

  .text-wrap._2c.dark {
    grid-template-columns: 47% 5% 47.25%;
  }

  .text-wrap.capabilities {
    padding-top: var(--_font-size---gap--size--40px);
    padding-bottom: var(--_font-size---gap--size--24px);
  }

  .text-wrap.table {
    padding-top: var(--_font-size---gap--size--20px);
  }

  .text-wrap.why {
    padding-right: var(--_font-size---gap--size--24px);
    padding-left: var(--_font-size---gap--size--24px);
  }

  .tab-grid {
    padding: var(--_font-size---gap--size--24px);
  }

  .img-wrap.security_features {
    padding-top: var(--_font-size---gap--size--24px);
    padding-bottom: var(--_font-size---gap--size--24px);
    background-color: var(--_colors---lightgrey--white);
    background-image: url('../images/security_img-bg-1_1.avif');
  }

  .img-wrap.capabilities-02 {
    margin-bottom: var(--_font-size---gap--size--12px);
    padding: var(--_font-size---gap--size--20px);
  }

  .img-wrap.mission {
    padding: var(--_font-size---gap--size--16px);
  }

  .img-wrap.key-benefits {
    margin-bottom: var(--_font-size---gap--size--8px);
  }

  .img-wrap.why {
    padding: var(--_font-size---gap--size--40px);
    border-bottom-left-radius: var(--_font-size---gap--size--12px);
    background-color: var(--_colors---lightgrey--f5f5f5);
    background-image: url('../images/oval-b.png');
    background-position: 0 0;
    background-size: 4px;
  }

  .img-wrap.landscape {
    margin-top: var(--_font-size---gap--size--24px);
  }

  .img-wrap.startup {
    padding: var(--_font-size---gap--size--12px);
  }

  .tab-right-content-wrap {
    padding-right: var(--_font-size---gap--size--16px);
  }

  .u-h3 {
    font-size: var(--_font-size---heading--h3-m-20px);
  }

  .role-text-wrap {
    grid-column-gap: var(--_font-size---gap--size--40px);
    grid-row-gap: var(--_font-size---gap--size--40px);
  }

  .use-case-logo {
    width: 2.5rem;
    height: 2.5rem;
  }

  .use-case-robot {
    height: 5rem;
    inset: auto auto 0% 0%;
  }

  .use-case-category-cards {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .security_header-wrap {
    margin-bottom: var(--_font-size---gap--size--16px);
  }

  .security_header-wrap.security {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    grid-template-columns: .4fr 2fr;
  }

  .security-header-icon.reveal {
    height: 4.5rem;
  }

  .security_card-grid {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    grid-template-columns: .4fr 1fr 1fr;
  }

  .security_card {
    padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--12px);
    justify-content: flex-start;
    align-items: flex-end;
  }

  .security-icon {
    width: var(--_font-size---gap--size--64px);
    height: var(--_font-size---gap--size--64px);
  }

  .card-title-text {
    font-size: var(--_font-size---text--18px);
  }

  .logo-img {
    width: 12rem;
    height: 12rem;
  }

  .data-engine-card {
    padding: var(--_font-size---gap--size--8px);
  }

  .auto-tabs-content {
    flex: none;
    height: auto;
    margin-right: 0;
  }

  .u-h4 {
    font-size: var(--_font-size---heading--h4-18px);
  }

  .auto-tabs-button {
    justify-content: center;
    align-items: center;
    display: flex;
    inset: -3.5% 0% auto;
  }

  .container-large {
    max-width: none;
  }

  .trigger-img {
    aspect-ratio: auto;
    width: 100%;
    height: auto;
  }

  .auto-tabs-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .auto-tabs-menu {
    width: 100%;
    min-width: auto;
    max-width: none;
    margin-bottom: 3rem;
  }

  .auto-tabs-content-inner.is-right-align {
    aspect-ratio: 3 / 2;
  }

  .u-p1-2 {
    font-size: var(--_font-size---text--16px);
  }

  .u-p1-2.ondark {
    font-size: var(--_font-size---text--14px);
    font-weight: 400;
  }

  .u-p1-2.limit {
    line-height: 1.2;
  }

  .u-p1-2.complimentary {
    max-width: 15em;
  }

  .auto-tabs-wrapper-2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .auto-tabs-menu-2 {
    width: 100%;
    min-width: auto;
    max-width: none;
    margin-bottom: 3rem;
  }

  .u-p1-3 {
    line-height: 1.2;
  }

  .u-h4-2 {
    font-size: var(--_font-size---text--18px);
  }

  .vs-wrap {
    padding-right: var(--_font-size---gap--size--4px);
    padding-left: var(--_font-size---gap--size--4px);
  }

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

  .table-content-wrap.header {
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
  }

  .table-icon {
    width: var(--_font-size---gap--size--48px);
    height: var(--_font-size---gap--size--48px);
  }

  .table-text.header {
    font-size: var(--_font-size---text--18px);
  }

  .table-header-wrap {
    padding: var(--_font-size---gap--size--6px);
  }

  .table-header-text-wrap {
    justify-content: center;
    align-items: center;
  }

  .table-header-text {
    padding-right: var(--_font-size---gap--size--4px);
    padding-left: var(--_font-size---gap--size--4px);
    font-size: var(--_font-size---text--12px);
    text-align: center;
  }

  .footer-text.reveal {
    font-size: 1.5rem;
  }

  .logo-footer.reveal {
    height: var(--_font-size---gap--size--40px);
  }

  .footer-socials-wrap.reveal {
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
  }

  .footer-links {
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--16px);
  }

  .nav {
    display: none;
  }

  .nav__inner {
    padding-right: var(--_font-size---gap--size--40px);
    padding-left: var(--_font-size---gap--size--40px);
    justify-content: space-between;
  }

  .nav-links {
    padding: var(--_font-size---gap--size--40px);
    background-color: var(--_colors---lightgrey--white);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
  }

  .nav-links.desktop {
    display: none;
  }

  .bold-text-2 {
    color: #222;
  }

  .italic-text {
    color: #555;
  }

  .paragraph-23 {
    color: #fff;
  }

  .privacy-policy {
    padding-bottom: 2.5rem;
  }

  .sub-table, .sub-table-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .table-header-2, .table-header-2.is-03, .table-header-2.is-03 {
    height: 100%;
  }

  .btn--glass.hero {
    padding-right: var(--_font-size---gap--size--40px);
    padding-left: var(--_font-size---gap--size--40px);
  }

  .btn--glass.none {
    display: none;
  }

  .btn--glass.footer {
    max-width: 20em;
  }

  .span {
    padding: var(--_font-size---gap--size--0px);
    height: 2px;
  }

  .footer-address {
    padding-bottom: var(--_font-size---gap--size--16px);
  }

  .role-card-text {
    font-size: var(--_font-size---text--14px);
  }

  .grid-security-features {
    margin-top: var(--_font-size---gap--size--24px);
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .card.security_features {
    padding: var(--_font-size---gap--size--16px);
  }

  .card.investor-top {
    padding-right: var(--_font-size---gap--size--16px);
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
    min-height: 8rem;
  }

  .card.key-benefits {
    padding: var(--_font-size---gap--size--20px);
  }

  .card.compliment {
    padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--0px);
    justify-content: flex-start;
  }

  .card.vs-top {
    border-bottom-style: none;
  }

  .card.vs-btm {
    border-top-right-radius: var(--_font-size---gap--size--24px);
    border-bottom-left-radius: var(--_font-size---gap--size--0px);
  }

  .card-icon-64px {
    width: var(--_font-size---gap--size--56px);
    height: var(--_font-size---gap--size--56px);
  }

  .card-title.solution-features {
    font-size: var(--_font-size---heading--h3-m-20px);
  }

  .gdpr-grid {
    margin-top: var(--_font-size---gap--size--24px);
    margin-bottom: var(--_font-size---gap--size--0px);
    grid-column-gap: var(--_font-size---gap--size--0px);
    grid-row-gap: var(--_font-size---gap--size--0px);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .gdpr_content-wrap {
    grid-column-gap: var(--_font-size---gap--size--24px);
    grid-row-gap: var(--_font-size---gap--size--24px);
  }

  .gdpr_list-wrap {
    border-bottom-left-radius: var(--_font-size---gap--size--0px);
    border-bottom-right-radius: var(--_font-size---gap--size--0px);
  }

  .hero_img-security {
    flex: 0 auto;
    display: none;
  }

  .hero_img-security.small-screens {
    aspect-ratio: auto;
    width: 100%;
    display: block;
  }

  .grid-label {
    font-size: var(--_font-size---heading--h3-m-20px);
  }

  .cap-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    display: none;
  }

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

  .header-wrap.capabilities-02 {
    padding-bottom: var(--_font-size---gap--size--16px);
  }

  .card-content-wrap {
    padding-top: var(--_font-size---gap--size--24px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    justify-content: flex-start;
    height: 100%;
  }

  .card-content-wrap.top {
    padding-top: var(--_font-size---gap--size--24px);
    justify-content: flex-end;
  }

  .img-bg {
    min-width: 6rem;
  }

  .img-bg._02, .img-bg._01 {
    min-width: 5.5rem;
  }

  .capabilities-content-wrap {
    padding: var(--_font-size---gap--size--40px) var(--_font-size---gap--size--24px) var(--_font-size---gap--size--24px);
  }

  .div-block-26 {
    display: none;
  }

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

  .card-icon-80px.role {
    width: var(--_font-size---gap--size--72px);
    height: var(--_font-size---gap--size--72px);
  }

  .inverstor-grid {
    margin-top: var(--_font-size---gap--size--24px);
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--16px);
  }

  .div-block-28 {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .u-container-hero {
    padding-right: var(--_font-size---gap--size--40px);
    padding-left: var(--_font-size---gap--size--40px);
  }

  .value-grid {
    margin-top: var(--_font-size---gap--size--24px);
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--16px);
  }

  .card-2 {
    padding-top: var(--_font-size---gap--size--12px);
    padding-bottom: var(--_font-size---gap--size--24px);
    grid-column-gap: var(--_font-size---gap--size--20px);
    grid-row-gap: var(--_font-size---gap--size--20px);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .card-2-text-wrap {
    padding-left: var(--_font-size---gap--size--12px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .benefit-grid {
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--16px);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .hamburger--menu-wrap {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .div-block-32-copy {
    padding-top: var(--_font-size---gap--size--24px);
    padding-bottom: var(--_font-size---gap--size--24px);
  }

  .key-benefits-content-wrap {
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
  }

  .whystepwork_grid {
    grid-template-columns: .75fr 2fr;
  }

  .hero_content-grid-wrap.why {
    grid-column-gap: var(--_font-size---gap--size--0px);
    grid-row-gap: var(--_font-size---gap--size--0px);
    grid-template-columns: 1fr;
  }

  .hero_img.why {
    border-radius: var(--_font-size---gap--size--8px);
  }

  .compliment-content-wrap {
    margin-top: var(--_font-size---gap--size--24px);
    grid-column-gap: var(--_font-size---gap--size--24px);
    grid-row-gap: var(--_font-size---gap--size--24px);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .complimentary_card-wrap {
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--16px);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: stretch stretch;
    width: 100%;
  }

  .div-block-42 {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .reasons-card {
    margin-top: var(--_font-size---gap--size--32px);
    margin-right: var(--_font-size---gap--size--24px);
    margin-left: var(--_font-size---gap--size--24px);
    padding-top: var(--_font-size---gap--size--24px);
    top: 40px;
  }

  .reasons-bg {
    top: 2.5rem;
  }

  .div-block-45 {
    padding: var(--_font-size---gap--size--16px);
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
  }

  .div-block-48 {
    padding-right: var(--_font-size---gap--size--12px);
    padding-left: var(--_font-size---gap--size--12px);
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
    height: 100%;
  }

  .number-wrap {
    top: var(--_font-size---gap--size--8px);
  }

  .card-grid-3x3.light {
    padding: var(--_font-size---gap--size--32px);
  }

  .navbar-button-wrapper {
    flex-direction: row-reverse;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .navbar-menu-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: flex-start;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .menu-icon-line-middle {
    background-color: #ececec;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .button-secondary.nav {
    width: 100%;
  }

  .menu-icon-middle-line {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-link {
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar-link:hover {
    color: #b3b3b3;
  }

  .dropdown-toggle {
    align-items: center;
    width: 100%;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .dropdown-toggle:hover {
    color: #b3b3b3;
  }

  .menu-dropdown {
    width: 100%;
    position: relative;
  }

  .menu-icon-line-top, .menu-icon {
    background-color: #ececec;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-menu {
    -webkit-text-fill-color: inherit;
    background-color: #131313;
    background-clip: border-box;
    border-top: 1px solid #222;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 3.2rem 5rem;
    position: absolute;
  }

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

  .menu-icon-component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .dropdown-link {
    width: 100%;
  }

  .dropdown-link:hover {
    background-color: #ffffff0f;
    width: 100%;
  }

  .dropdown-link-menu {
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .button.nav {
    width: 100%;
  }

  .navbar {
    width: auto;
  }

  .navbar-menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: #101828;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .features_wrap.green {
    margin-top: var(--_font-size---gap--size--24px);
    grid-column-gap: var(--_font-size---gap--size--32px);
    grid-row-gap: var(--_font-size---gap--size--32px);
  }

  .feature-card {
    padding: var(--_font-size---gap--size--32px);
  }

  .div-block-51 {
    padding-bottom: var(--_font-size---gap--size--0px);
  }

  .solution-card-text {
    font-size: var(--_font-size---text--16px);
  }

  .div-block-55 {
    margin-bottom: var(--_font-size---gap--size--40px);
  }

  .hero_solution-img {
    margin-bottom: var(--_font-size---gap--size--16px);
    width: 13.75rem;
    height: 13.75rem;
  }

  .div-block-61 {
    grid-column-gap: var(--_font-size---gap--size--40px);
    grid-row-gap: var(--_font-size---gap--size--40px);
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  .gap {
    padding-right: var(--_font-size---gap--size--4px);
    padding-left: var(--_font-size---gap--size--4px);
  }

  .seuciry-spacer {
    background-color: var(--_colors---lightgrey--white);
    display: none;
  }

  .u-container-hero-80 {
    padding-right: var(--_font-size---gap--size--40px);
    padding-left: var(--_font-size---gap--size--40px);
    max-width: 90rem;
  }

  .u-container-hero-80.security {
    padding-top: var(--_font-size---gap--size--40px);
    padding-bottom: var(--_font-size---gap--size--56px);
  }

  .u-container-hero-80.footer {
    padding-top: var(--_font-size---gap--size--56px);
  }

  .image-32 {
    width: 70%;
  }

  .code-embed-10 {
    display: none;
  }

  .reason-content-wrap {
    flex-flow: column;
    display: flex;
  }

  .section-heading-wrap {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    grid-template-columns: .4fr 2fr;
    place-items: start stretch;
  }

  .line-wrap {
    padding-top: var(--_font-size---gap--size--24px);
  }

  .line-wrap.security {
    padding-top: var(--_font-size---gap--size--40px);
  }

  .line-wrap.hero {
    padding-top: var(--_font-size---gap--size--32px);
  }

  .hero_h1-02 {
    font-size: var(--_font-size---heading--h1-l-68px);
  }

  .hero_h1-02.company {
    max-width: 100%;
  }

  .hero_h1-02.whystepwork {
    letter-spacing: -.045em;
    max-width: 100%;
  }

  .hero_paragraph-02 {
    font-size: var(--_font-size---text--18px);
  }

  .hero_paragraph-02.capabilities {
    max-width: 32em;
  }

  .hero_paragraph-02.whystepwork {
    max-width: 100%;
  }

  .hero_paragraph-02.onlight {
    font-size: var(--_font-size---text--18px);
  }

  .line-wrap-2 {
    padding-top: var(--_font-size---gap--size--24px);
  }

  .section-heading-wrap-2 {
    margin-bottom: var(--_font-size---gap--size--24px);
  }

  .u-h2-2 {
    font-size: 2.25rem;
  }

  .alternatives-content {
    grid-template-columns: 1fr 1.5rem 1fr;
  }

  .left-card {
    padding-top: var(--_font-size---gap--size--20px);
    padding-bottom: var(--_font-size---gap--size--24px);
    padding-left: var(--_font-size---gap--size--8px);
    grid-column-gap: var(--_font-size---gap--size--4px);
  }

  .rail-label {
    font-size: var(--_font-size---text--12px);
  }

  .stepwork-logo {
    height: var(--_font-size---gap--size--32px);
  }

  .agent-text-logo {
    height: 1.25rem;
  }

  .alternatives-grid {
    padding-right: var(--_font-size---gap--size--20px);
    padding-bottom: var(--_font-size---gap--size--32px);
    padding-left: var(--_font-size---gap--size--20px);
  }

  .alternatives-grid.home {
    margin-bottom: var(--_font-size---gap--size--40px);
    padding-top: var(--_font-size---gap--size--32px);
  }

  .rail-wrap {
    grid-column-gap: var(--_font-size---gap--size--0px);
    grid-row-gap: var(--_font-size---gap--size--0px);
  }

  .setup-circle.is-mid {
    width: 13rem;
    height: 13rem;
  }

  .setup-circle.is-outer {
    width: 10rem;
    height: 10rem;
  }

  .setup-circle.is-inner {
    width: 15rem;
    height: 15rem;
  }

  .info-card.inner-card {
    grid-column-gap: var(--_font-size---gap--size--4px);
  }

  .info-icon {
    width: var(--_font-size---gap--size--32px);
    height: var(--_font-size---gap--size--32px);
  }

  .info-icon.large, .info-icon.small {
    width: var(--_font-size---gap--size--24px);
    height: var(--_font-size---gap--size--24px);
  }

  .setup-text {
    font-size: var(--_font-size---text--14px);
    text-align: left;
  }

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

  .result-text {
    font-size: var(--_font-size---gap--size--24px);
  }

  .right-card {
    padding-top: var(--_font-size---gap--size--20px);
    padding-bottom: var(--_font-size---gap--size--24px);
    padding-left: var(--_font-size---gap--size--8px);
    grid-template-columns: 1.5rem 90%;
  }

  .effort-text {
    font-size: var(--_font-size---text--14px);
    text-align: left;
    letter-spacing: -.01em;
  }

  .text-block-14 {
    font-size: var(--_font-size---text--12px);
  }

  .step-icon.icon--active {
    width: var(--_font-size---gap--size--40px);
    height: var(--_font-size---gap--size--40px);
  }

  .video-bg-animated.lg-liquid {
    padding: var(--_font-size---gap--size--12px);
  }

  .img-wrap-copy {
    padding-right: var(--_font-size---gap--size--16px);
  }

  .img-wrap-copy.security_features {
    background-color: var(--_colors---lightgrey--white);
    background-image: url('../images/security_img-bg-1_1.avif');
  }

  .img-wrap-copy.capabilities-02 {
    margin-bottom: var(--_font-size---gap--size--12px);
  }

  .img-wrap-copy.mission {
    padding: var(--_font-size---gap--size--16px);
  }

  .img-wrap-copy.why {
    padding: var(--_font-size---gap--size--40px);
    border-bottom-left-radius: var(--_font-size---gap--size--12px);
    background-color: var(--_colors---lightgrey--f5f5f5);
    background-image: url('../images/oval-b.png');
    background-position: 0 0;
    background-size: 4px;
  }

  .img-wrap-copy.landscape {
    margin-top: var(--_font-size---gap--size--24px);
  }

  .img-wrap-copy.startup {
    padding: var(--_font-size---gap--size--12px);
  }

  .card-icon-104px {
    width: var(--_font-size---gap--size--80px);
    height: var(--_font-size---gap--size--80px);
  }

  .div-block-84 {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    grid-template-columns: .4fr 2fr;
  }

  .role_content-wrap {
    grid-column-gap: var(--_font-size---gap--size--20px);
    grid-row-gap: var(--_font-size---gap--size--20px);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .role_img-wrap {
    padding: var(--_font-size---gap--size--4px);
  }

  .role_text-wrap {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .slider-wrapper {
    margin-top: var(--_font-size---gap--size--24px);
  }

  .slider-track {
    justify-content: flex-start;
    align-items: stretch;
  }

  .slider-card {
    padding: var(--_font-size---gap--size--16px);
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
  }

  .role_testimonial-wrap {
    margin-bottom: var(--_font-size---gap--size--4px);
  }

  .text-block-17 {
    font-size: var(--_font-size---text--16px);
  }

  .role_testimonial-info {
    padding-top: var(--_font-size---gap--size--12px);
    grid-template-columns: 2.5fr 1fr;
    width: 45%;
  }

  .role_testimonial-text-wrap {
    padding: var(--_font-size---gap--size--12px);
    width: 55%;
  }

  .image-40 {
    height: 2.1875rem;
  }

  .slider-arrows {
    margin-bottom: var(--_font-size---gap--size--12px);
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
  }

  .capabilities-02-content-wrap {
    padding: var(--_font-size---gap--size--40px) var(--_font-size---gap--size--24px);
  }

  .video-wrap.security_features {
    background-color: var(--_colors---lightgrey--white);
    background-image: url('../images/security_img-bg-1_1.avif');
  }

  .video-wrap.capabilities-02, .video-wrap.mission {
    padding: var(--_font-size---gap--size--16px);
  }

  .video-wrap.why {
    padding: var(--_font-size---gap--size--40px);
    border-bottom-left-radius: var(--_font-size---gap--size--12px);
    background-color: var(--_colors---lightgrey--f5f5f5);
    background-image: url('../images/oval-b.png');
    background-position: 0 0;
    background-size: 4px;
  }

  .video-wrap.landscape {
    margin-top: var(--_font-size---gap--size--24px);
  }

  .video-wrap.startup {
    padding: var(--_font-size---gap--size--12px);
  }

  .vs_api-visual {
    border-top-right-radius: var(--_font-size---gap--size--0px);
    border-bottom-left-radius: var(--_font-size---gap--size--24px);
  }

  .vs_content-wrap {
    margin-top: var(--_font-size---gap--size--24px);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .sw-density-right.none {
    display: none;
  }

  .vs_api-cards {
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
    border-top-right-radius: var(--_font-size---gap--size--24px);
    border-bottom-left-radius: var(--_font-size---gap--size--0px);
    border-right-style: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    place-items: stretch stretch;
  }

  .compliment_visual-wrap {
    min-height: 30rem;
  }

  .sw-dot-divider {
    display: none;
  }

  .usecase-compare {
    margin-top: var(--_font-size---gap--size--24px);
  }

  .uc-compare {
    padding: var(--_font-size---gap--size--20px);
  }

  .uc-step-card {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .sw-dot-divider-copy {
    display: none;
  }

  .uc-icon-badge {
    width: 3.75rem;
  }

  .div-block-101 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-102 {
    grid-column-gap: var(--_font-size---gap--size--24px);
    grid-row-gap: var(--_font-size---gap--size--24px);
  }

  .div-block-106 {
    width: 26rem;
    height: 26rem;
  }

  .subtext {
    letter-spacing: -.02em;
    max-width: 32em;
  }

  .subtext.security_gdpr {
    max-width: 100%;
  }

  .div-block-107 {
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
  }

  .bold-text-3 {
    width: 100%;
  }

  .hero-card {
    padding: var(--_font-size---gap--size--16px);
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
  }

  .pane-left-text {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }
}

@media screen and (max-width: 767px) {
  .hero_section {
    min-height: 80vh;
  }

  .hero_section.company {
    padding-top: var(--_font-size---gap--size--64px);
    border-bottom-left-radius: var(--_font-size---gap--size--40px);
    border-bottom-right-radius: var(--_font-size---gap--size--48px);
    min-height: 60vh;
  }

  .hero_section.benchmark {
    padding-bottom: var(--_font-size---gap--size--40px);
  }

  .hero-content-wrapper {
    padding-right: var(--_font-size---gap--size--24px);
    padding-left: var(--_font-size---gap--size--24px);
  }

  .hero_h1 {
    font-size: var(--_font-size---heading--h1-m-44px);
  }

  .hero_paragraph.benchmark {
    max-width: none;
  }

  .hero_paragraph.whystepwork {
    margin-bottom: var(--_font-size---gap--size--12px);
  }

  .hero_heading-wrap.home {
    padding-top: var(--_font-size---gap--size--56px);
  }

  .logo-image {
    height: var(--_font-size---gap--size--32px);
  }

  .customer-wrap.heromarquee {
    height: var(--_font-size---gap--size--64px);
  }

  .u-section.reasons {
    margin-bottom: var(--_font-size---gap--size--24px);
  }

  .u-container-80 {
    padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--24px) var(--_font-size---gap--size--24px);
  }

  .u-container-80.security {
    padding-right: var(--_font-size---gap--size--24px);
    padding-bottom: var(--_font-size---gap--size--32px);
  }

  .u-container-80.investors {
    margin-top: var(--_font-size---gap--size--0px);
  }

  .u-container-80.solution-features {
    padding-bottom: var(--_font-size---gap--size--24px);
  }

  .u-container-80.uc {
    padding-top: var(--_font-size---gap--size--32px);
  }

  .u-container-80.hero {
    padding-right: var(--_font-size---gap--size--24px);
    padding-bottom: var(--_font-size---gap--size--32px);
  }

  .u-h2 {
    max-width: 10em;
  }

  .u-h2.security_features {
    max-width: 8em;
  }

  .u-h2.mission {
    text-align: center;
    max-width: 100%;
  }

  .u-h2.reasons {
    max-width: 12em;
  }

  .u-h2.eu {
    max-width: 100%;
  }

  .u-h2.onlight {
    max-width: none;
  }

  .u-p1 {
    letter-spacing: -.01em;
    width: auto;
    line-height: 1.3;
  }

  .u-p1.investors {
    max-width: 100%;
  }

  .u-p1.reasons {
    max-width: 26.5em;
  }

  .u-p1.mission {
    text-align: center;
    max-width: 100%;
  }

  .text-wrap._2c {
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .text-wrap._2c.dark {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .text-wrap._2r {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .text-wrap.capabilities {
    padding: var(--_font-size---gap--size--32px) var(--_font-size---gap--size--16px) var(--_font-size---gap--size--16px);
  }

  .text-wrap.capabilities-02 {
    padding-top: var(--_font-size---gap--size--0px);
    padding-bottom: var(--_font-size---gap--size--0px);
  }

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

  .img-wrap.capabilities-02 {
    padding: var(--_font-size---gap--size--16px);
  }

  .img-wrap.mission {
    border-bottom-left-radius: var(--_font-size---gap--size--0px);
  }

  .u-h3.role {
    max-width: none;
  }

  .image-10 {
    width: 3rem;
    height: 3rem;
  }

  .use-case-cards-wrap {
    padding: 1rem;
  }

  .use-case-content-wrap.top {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .use-case-plus {
    width: 1rem;
    height: 1rem;
  }

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

  .security_card {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .security-icon {
    width: var(--_font-size---gap--size--56px);
    height: var(--_font-size---gap--size--56px);
  }

  .card-title-text {
    font-size: var(--_font-size---text--18px);
  }

  .marquee-main-container {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .logo-img {
    width: 10rem;
    height: 10rem;
  }

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

  .data-engine-card {
    padding: var(--_font-size---gap--size--24px);
  }

  .hero-plane {
    top: 44.8vh;
    left: -4.4rem;
  }

  .auto-tabs-menu {
    padding-right: 0;
  }

  .auto-tabs-content-inner.is-right-align {
    padding: var(--_font-size---gap--size--24px);
  }

  .u-p1-2.ondark {
    font-size: var(--_font-size---text--16px);
    letter-spacing: -.02em;
    line-height: 1.2;
  }

  .u-p1-2.limit {
    max-width: 100%;
  }

  .u-p1-2.complimentary {
    padding-left: var(--_font-size---gap--size--56px);
    max-width: none;
  }

  .auto-tabs-menu-2 {
    padding-right: 0;
  }

  .u-p1-3 {
    font-weight: 500;
  }

  .u-p1-3.uc {
    text-align: center;
  }

  .u-h4-2 {
    font-size: var(--_font-size---text--16px);
  }

  .vs-wrap {
    padding-top: var(--_font-size---gap--size--12px);
    padding-bottom: var(--_font-size---gap--size--12px);
    justify-content: center;
    align-items: center;
  }

  .text-block-6 {
    font-size: var(--_font-size---text--16px);
  }

  .grid {
    margin-top: var(--_font-size---gap--size--40px);
    grid-column-gap: var(--_font-size---gap--size--24px);
    grid-row-gap: var(--_font-size---gap--size--24px);
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .table-col {
    border-right-style: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .table-col.first {
    border-bottom: 1px solid var(--_colors---lightgrey--white50);
  }

  .table-content-wrap {
    padding-left: var(--_font-size---gap--size--0px);
    justify-content: center;
    align-items: center;
  }

  .footer-text.reveal {
    font-size: 1.25rem;
  }

  .social-img {
    height: var(--_font-size---gap--size--40px);
  }

  .footer-links {
    margin-top: var(--_font-size---gap--size--32px);
    padding-top: var(--_font-size---gap--size--8px);
    padding-bottom: var(--_font-size---gap--size--8px);
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--0px);
    flex-flow: wrap;
  }

  .footer-links.is-legal {
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--0px);
  }

  .footer-link {
    margin-top: var(--_font-size---gap--size--8px);
    margin-bottom: var(--_font-size---gap--size--8px);
  }

  .legal-paragraph, .sub-paragraph-_body, .sub-paragraph-_body-copy {
    margin-bottom: 1.5rem;
  }

  .sub-table {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }

  .sub-paragraph-_body-4 {
    margin-bottom: 1.5rem;
  }

  .sub-table-2 {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }

  .sub-table-cell {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .table-header-2, .table-header-2.is-01, .table-header-2.is-03, .table-header-2.is-03, .table-header-2.is-01 {
    height: 100%;
  }

  .sub-paragraph-_body-3 {
    margin-bottom: 1.5rem;
  }

  .heading-65 {
    text-align: center;
    font-size: .875rem;
    font-weight: 500;
  }

  .sub-paragraph-_body-5 {
    margin-bottom: 1.5rem;
  }

  .paragraph-65, .paragraph-60 {
    font-size: .875rem;
  }

  .cookie-modal_button-wrap {
    padding: 1.5rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    margin: 1.5rem -1.5rem -2rem;
    padding-top: 1.25rem;
    position: sticky;
    bottom: -2rem;
  }

  .cookie-modal_content-wrap {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cookie-modal_closebutton {
    margin-right: 1.25rem;
  }

  .cookie-modal_closebutton.is-sticky {
    top: -1rem;
  }

  .cookie-preference_wrapper {
    padding-top: 2rem;
  }

  .cookie-modal_form {
    padding-top: .75rem;
  }

  .btn--glass.hero {
    width: 14rem;
  }

  .btn--glass.footer {
    max-width: 16em;
  }

  .footer-img {
    border-radius: var(--_font-size---gap--size--8px);
  }

  .grid-security-features {
    grid-template-columns: 1fr 1fr;
  }

  .card {
    padding: var(--_font-size---gap--size--20px);
  }

  .card.p-24px {
    padding-right: var(--_font-size---gap--size--16px);
    padding-bottom: var(--_font-size---gap--size--32px);
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--16px);
  }

  .card.capabilities-02 {
    padding-right: var(--_font-size---gap--size--0px);
    grid-column-gap: var(--_font-size---gap--size--0px);
    grid-row-gap: var(--_font-size---gap--size--0px);
    flex-flow: column;
  }

  .card.investor-top {
    padding-right: var(--_font-size---gap--size--0px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    flex-flow: column;
    min-height: 8rem;
  }

  .card.investor-btm {
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--16px);
  }

  .card.benchmark-hero {
    padding: var(--_font-size---gap--size--12px) var(--_font-size---gap--size--16px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .card.benchmark-hero.left {
    border-bottom-left-radius: var(--_font-size---gap--size--0px);
    justify-content: flex-start;
    align-items: center;
  }

  .card.benchmark-hero.right {
    border-bottom-left-radius: var(--_font-size---gap--size--24px);
  }

  .card.key-benefits {
    padding: var(--_font-size---gap--size--16px);
  }

  .card.compliment {
    padding-top: var(--_font-size---gap--size--12px);
    padding-bottom: var(--_font-size---gap--size--4px);
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
    flex-flow: column;
  }

  .card.vs-top {
    padding-top: var(--_font-size---gap--size--24px);
    padding-bottom: var(--_font-size---gap--size--16px);
    border-top-right-radius: var(--_font-size---gap--size--24px);
  }

  .card.vs-btm {
    padding-top: var(--_font-size---gap--size--16px);
    padding-bottom: var(--_font-size---gap--size--16px);
    border-top-right-radius: var(--_font-size---gap--size--0px);
    border-bottom-left-radius: var(--_font-size---gap--size--0px);
  }

  .card-icon-64px {
    width: var(--_font-size---gap--size--48px);
    height: var(--_font-size---gap--size--48px);
  }

  .gdpr-grid {
    border-radius: var(--_font-size---gap--size--20px);
  }

  .gdpr_list-wrap {
    border-top-left-radius: var(--_font-size---gap--size--20px);
    border-top-right-radius: var(--_font-size---gap--size--20px);
  }

  .content-wrap.capabilities {
    padding-top: var(--_font-size---gap--size--96px);
  }

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

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

  .header-wrap.capabilities-02 {
    padding-bottom: var(--_font-size---gap--size--20px);
  }

  .card-content-wrap {
    padding-top: var(--_font-size---gap--size--0px);
    padding-bottom: var(--_font-size---gap--size--0px);
    justify-content: center;
  }

  .card-content-wrap.top {
    padding-top: var(--_font-size---gap--size--16px);
  }

  .img-bg {
    min-width: 4.5rem;
  }

  .img-bg._02 {
    padding-top: var(--_font-size---gap--size--12px);
    padding-bottom: var(--_font-size---gap--size--12px);
    border-top-right-radius: var(--_font-size---gap--size--8px);
    border-bottom-left-radius: var(--_font-size---gap--size--0px);
    justify-content: flex-end;
    align-items: center;
    min-width: 100%;
  }

  .img-bg._01 {
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    min-width: auto;
    height: auto;
  }

  .capabilities-content-wrap {
    padding: var(--_font-size---gap--size--40px) var(--_font-size---gap--size--24px) var(--_font-size---gap--size--24px);
  }

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

  .card-icon-80px {
    width: var(--_font-size---gap--size--64px);
    height: var(--_font-size---gap--size--64px);
  }

  .card-icon-80px.benchmark {
    width: var(--_font-size---gap--size--80px);
    height: var(--_font-size---gap--size--80px);
  }

  .card-icon-48px {
    width: var(--_font-size---gap--size--40px);
    height: var(--_font-size---gap--size--40px);
  }

  .inverstor-grid {
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
  }

  .div-block-28 {
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
  }

  .img-bg-top {
    padding-top: var(--_font-size---gap--size--20px);
    padding-right: var(--_font-size---gap--size--16px);
    padding-left: var(--_font-size---gap--size--16px);
    justify-content: center;
    align-items: flex-end;
  }

  .investor-img {
    width: var(--_font-size---gap--size--96px);
    height: var(--_font-size---gap--size--96px);
  }

  .u-container-hero {
    padding-right: var(--_font-size---gap--size--24px);
    padding-left: var(--_font-size---gap--size--24px);
  }

  .mission-label-wrap {
    justify-content: center;
    align-items: center;
  }

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

  .mission-img {
    width: 60%;
  }

  .mission-content-wrap {
    padding-bottom: var(--_font-size---gap--size--24px);
    border-bottom-left-radius: var(--_font-size---gap--size--24px);
    justify-content: flex-end;
    align-items: center;
  }

  .card-2 {
    padding-bottom: var(--_font-size---gap--size--16px);
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .card-2-text-wrap {
    padding-left: var(--_font-size---gap--size--0px);
  }

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

  .div-block-32 {
    padding: var(--_font-size---gap--size--20px) var(--_font-size---gap--size--16px);
  }

  .div-block-32-copy {
    padding: var(--_font-size---gap--size--20px) var(--_font-size---gap--size--16px);
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .key-benefits-content-wrap {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-title-wrap {
    padding: var(--_font-size---gap--size--16px);
  }

  .key-benefit-decorative {
    display: none;
  }

  .compliment-content-wrap {
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--16px);
  }

  .complimentary_card-wrap {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-42 {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .reasons-card {
    top: var(--_font-size---gap--size--16px);
    margin-top: var(--_font-size---gap--size--20px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    width: 95%;
  }

  .reasons-bg {
    top: var(--_font-size---gap--size--24px);
    height: 40%;
  }

  .div-block-45 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-46 {
    grid-column-gap: var(--_font-size---gap--size--20px);
    grid-row-gap: var(--_font-size---gap--size--20px);
  }

  .card-number-wrap {
    height: var(--_font-size---gap--size--40px);
  }

  .div-block-48 {
    grid-column-gap: var(--_font-size---gap--size--0px);
    grid-row-gap: var(--_font-size---gap--size--0px);
  }

  .number-wrap {
    left: auto;
    top: var(--_font-size---gap--size--8px);
    right: var(--_font-size---gap--size--16px);
    bottom: 0%;
  }

  .navbar-wrapper {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button-secondary {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .button-secondary:hover {
    color: #344054;
    background-color: #fff;
  }

  .navbar-link, .dropdown-toggle {
    font-size: 1rem;
  }

  .navbar-menu {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }

  .dropdown-link-menu {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .button {
    font-size: 1rem;
  }

  .button:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .features_wrap.green {
    padding-top: var(--_font-size---gap--size--24px);
    padding-bottom: var(--_font-size---gap--size--24px);
    grid-column-gap: var(--_font-size---gap--size--24px);
    grid-row-gap: var(--_font-size---gap--size--24px);
  }

  .feature-card {
    padding: var(--_font-size---gap--size--0px) var(--_font-size---gap--size--24px);
    grid-template-columns: 1fr;
  }

  .hero_solution-img {
    padding-left: var(--_font-size---gap--size--16px);
    width: 10rem;
    height: 10rem;
  }

  .div-block-61 {
    grid-column-gap: var(--_font-size---gap--size--24px);
    grid-row-gap: var(--_font-size---gap--size--24px);
    grid-template-columns: 1fr;
  }

  .btn-wrap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .gap {
    padding-top: var(--_font-size---gap--size--12px);
    padding-bottom: var(--_font-size---gap--size--12px);
    justify-content: center;
    align-items: center;
  }

  .seuciry-spacer {
    display: none;
  }

  .u-container-hero-80 {
    padding-right: var(--_font-size---gap--size--24px);
    padding-left: var(--_font-size---gap--size--24px);
  }

  .reason-content-wrap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .section-heading-wrap {
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .line-wrap {
    padding-top: var(--_font-size---gap--size--24px);
  }

  .div-block-71 {
    padding-top: var(--_font-size---gap--size--8px);
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
  }

  .hero_h1-02, .hero_h1-02.onlight {
    font-size: var(--_font-size---heading--h1-m-44px);
  }

  .hero_paragraph-02, .hero_paragraph-02.onlight {
    font-size: var(--_font-size---text--16px);
  }

  .trust-badge {
    min-width: 8rem;
  }

  .trust-badge__icon {
    width: var(--_font-size---gap--size--32px);
    height: var(--_font-size---gap--size--32px);
  }

  .trust-badge__label {
    font-size: var(--_font-size---text--12px);
  }

  .alternatives-content {
    grid-template-rows: auto 24px auto;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .alternatives-content.none {
    display: none;
  }

  .alternatives-content.home {
    grid-template-rows: auto;
  }

  .alternatives-content.home-heading {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .alternatives-logo-labels {
    flex-flow: column;
  }

  .alternatives-logo-labels.none {
    padding-right: var(--_font-size---gap--size--4px);
    padding-left: var(--_font-size---gap--size--4px);
    justify-content: center;
    align-items: center;
    width: 10%;
    display: flex;
  }

  .alternatives-grid {
    padding-left: var(--_font-size---gap--size--8px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 3rem 1fr;
    align-items: stretch;
  }

  .alternatives-grid.home {
    padding-right: var(--_font-size---gap--size--16px);
    padding-left: var(--_font-size---gap--size--16px);
    grid-column-gap: var(--_font-size---gap--size--24px);
    grid-row-gap: var(--_font-size---gap--size--24px);
  }

  .spacer-40px {
    height: var(--_font-size---gap--size--24px);
  }

  .spacer-40px.none {
    display: block;
  }

  .grid-2 {
    padding-top: var(--_font-size---gap--size--16px);
    padding-bottom: var(--_font-size---gap--size--20px);
  }

  .alternative-footer-logo {
    width: var(--_font-size---gap--size--56px);
    height: var(--_font-size---gap--size--56px);
  }

  .img-wrap-copy.mission {
    border-bottom-left-radius: var(--_font-size---gap--size--0px);
  }

  .card-icon-104px {
    width: var(--_font-size---gap--size--80px);
    height: var(--_font-size---gap--size--80px);
  }

  .card-icon-104px.role {
    width: var(--_font-size---gap--size--64px);
    height: var(--_font-size---gap--size--64px);
  }

  .role_content-wrap {
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--16px);
  }

  .slider-card {
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.5fr;
  }

  .role_testimonial-wrap {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .role_testimonial-info {
    padding-right: var(--_font-size---gap--size--12px);
    padding-bottom: var(--_font-size---gap--size--12px);
    flex-flow: column;
    width: 40%;
  }

  .role_testimonial-text-wrap {
    width: 60%;
  }

  .role_testimonial-info-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
  }

  .image-40 {
    height: 2.1875rem;
  }

  .capabilities-02-content-wrap {
    padding: var(--_font-size---gap--size--40px) var(--_font-size---gap--size--24px) var(--_font-size---gap--size--24px);
  }

  .video-wrap.mission {
    border-bottom-left-radius: var(--_font-size---gap--size--0px);
  }

  .vs_api-cards {
    grid-column-gap: var(--_font-size---gap--size--0px);
    grid-row-gap: var(--_font-size---gap--size--0px);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

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

  .uc-compare {
    padding: var(--_font-size---gap--size--16px) var(--_font-size---gap--size--16px) var(--_font-size---gap--size--0px);
    grid-column-gap: var(--_font-size---gap--size--32px);
    grid-row-gap: var(--_font-size---gap--size--32px);
  }

  .uc-compare_stage.mobile {
    display: block;
  }

  .uc-compare_bg {
    margin-top: var(--_font-size---gap--size--24px);
    grid-column-gap: var(--_font-size---gap--size--24px);
    grid-row-gap: var(--_font-size---gap--size--24px);
  }

  .uc-lanes-main {
    grid-column-gap: var(--_font-size---gap--size--40px);
    grid-row-gap: var(--_font-size---gap--size--40px);
  }

  .uc-step-card {
    padding-top: var(--_font-size---gap--size--8px);
    box-shadow: inset 2px 0 0 0 var(--_colors---accent--yellow--02);
  }

  .uc-step-card.s1 {
    box-shadow: inset 2px 0 0 0 var(--_colors---accent--purple--02);
  }

  .uc-step-card.s2 {
    box-shadow: inset 2px 0 0 0 var(--_colors---accent--pink--0450);
  }

  .uc-step-card.s4 {
    box-shadow: inset 2px 0 0 0 var(--_colors---accent--teal--0240);
  }

  .uc-step-label {
    font-size: var(--_font-size---text--12px);
  }

  .uc-header-heading-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-102 {
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--16px);
  }

  .div-block-103 {
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
  }

  .div-block-104 {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .subtext {
    letter-spacing: -.01em;
    width: auto;
    max-width: none;
    line-height: 1.3;
  }

  .subtext.investors {
    max-width: 100%;
  }

  .subtext.reasons {
    max-width: 26.5em;
  }

  .subtext.mission {
    text-align: center;
    max-width: 100%;
  }

  .div-block-107 {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .alternative-mobile-wrap {
    grid-column-gap: var(--_font-size---gap--size--6px);
    grid-row-gap: var(--_font-size---gap--size--6px);
    display: flex;
  }

  .div-block-109 {
    flex-flow: row;
  }

  .hero-card {
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.5fr;
  }
}

@media screen and (max-width: 479px) {
  .hero_section {
    background-position: 80%;
  }

  .hero_section.security {
    padding-top: var(--_font-size---gap--size--32px);
  }

  .hero_section.capabilities {
    padding-top: var(--_font-size---gap--size--64px);
  }

  .hero_section.company {
    padding-right: var(--_font-size---gap--size--12px);
    padding-left: var(--_font-size---gap--size--12px);
    border-bottom-left-radius: var(--_font-size---gap--size--24px);
    border-bottom-right-radius: var(--_font-size---gap--size--24px);
  }

  .hero_section.home {
    padding-bottom: var(--_font-size---gap--size--32px);
    min-height: 90vh;
  }

  .hero_section.benchmark {
    padding-bottom: var(--_font-size---gap--size--32px);
  }

  .hero-content-wrapper {
    padding-right: var(--_font-size---gap--size--12px);
    padding-left: var(--_font-size---gap--size--12px);
  }

  .hero_h1 {
    font-size: var(--_font-size---heading--h1-m-44px);
    letter-spacing: -.04em;
    max-width: 100%;
  }

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

  .hero_h1.capabilities {
    text-align: left;
    max-width: 100%;
  }

  .hero_paragraph {
    font-size: var(--_font-size---text--16px);
    letter-spacing: -.01em;
  }

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

  .hero_paragraph.capabilities {
    margin-bottom: var(--_font-size---gap--size--8px);
    text-align: left;
    max-width: 100%;
  }

  .hero_paragraph.home {
    margin-bottom: var(--_font-size---gap--size--8px);
    max-width: 40em;
  }

  .hero_heading-wrap.security {
    padding-right: var(--_font-size---gap--size--8px);
    padding-left: var(--_font-size---gap--size--8px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .hero_heading-wrap.company {
    border-radius: var(--_font-size---gap--size--12px);
  }

  .hero_heading-wrap.home {
    padding-top: var(--_font-size---gap--size--40px);
  }

  .text-block {
    font-size: var(--_font-size---text--12px);
  }

  .hero-content-inner {
    padding-bottom: var(--_font-size---gap--size--0px);
  }

  .u-container-80 {
    padding: var(--_font-size---gap--size--24px) var(--_font-size---gap--size--12px) var(--_font-size---gap--size--16px);
  }

  .u-container-80.role.tabs-fix {
    padding-top: var(--_font-size---gap--size--32px);
    padding-bottom: var(--_font-size---gap--size--32px);
  }

  .u-container-80.security {
    padding-right: var(--_font-size---gap--size--20px);
    padding-left: var(--_font-size---gap--size--20px);
    border-radius: var(--_font-size---gap--size--12px);
  }

  .u-container-80.footer {
    padding-top: var(--_font-size---gap--size--32px);
  }

  .u-container-80.gdpr {
    padding-top: var(--_font-size---gap--size--16px);
    padding-bottom: var(--_font-size---gap--size--16px);
  }

  .u-container-80.cababilities, .u-container-80.cababilities-02 {
    padding-right: var(--_font-size---gap--size--0px);
    padding-left: var(--_font-size---gap--size--0px);
  }

  .u-container-80.mission {
    padding-top: var(--_font-size---gap--size--40px);
    padding-bottom: var(--_font-size---gap--size--40px);
  }

  .u-container-80.values {
    padding-top: var(--_font-size---gap--size--24px);
    padding-bottom: var(--_font-size---gap--size--12px);
  }

  .u-container-80.key-benefits {
    padding-bottom: var(--_font-size---gap--size--24px);
  }

  .u-container-80.compliment {
    padding-top: var(--_font-size---gap--size--16px);
    padding-bottom: var(--_font-size---gap--size--16px);
  }

  .u-container-80.dark {
    padding-top: var(--_font-size---gap--size--24px);
    padding-bottom: var(--_font-size---gap--size--24px);
  }

  .u-container-80.cababilities-03 {
    padding-right: var(--_font-size---gap--size--0px);
    padding-bottom: var(--_font-size---gap--size--24px);
    padding-left: var(--_font-size---gap--size--0px);
  }

  .u-container-80.hero {
    padding-right: var(--_font-size---gap--size--20px);
    padding-left: var(--_font-size---gap--size--20px);
    border-radius: var(--_font-size---gap--size--12px);
  }

  .u-h2 {
    font-size: var(--_font-size---heading--h2-s-27px);
    max-width: 100%;
  }

  .u-h2.security_features {
    text-align: left;
    max-width: 100%;
  }

  .u-h2.reasons {
    text-align: left;
    max-width: none;
  }

  .u-p1 {
    font-size: var(--_font-size---text--16px);
    text-align: left;
  }

  .u-p1.investors {
    text-align: left;
  }

  .u-p1.reasons {
    text-align: left;
    max-width: none;
  }

  .u-p1.ondark {
    max-width: 100%;
  }

  .text-wrap.capabilities {
    padding-top: var(--_font-size---gap--size--32px);
    padding-bottom: var(--_font-size---gap--size--20px);
  }

  .text-wrap.capabilities-02 {
    justify-content: center;
    align-items: flex-start;
  }

  .text-wrap.mission {
    padding-bottom: var(--_font-size---gap--size--16px);
  }

  .text-wrap.why {
    padding-right: var(--_font-size---gap--size--20px);
    padding-left: var(--_font-size---gap--size--12px);
  }

  .text-wrap.stacked {
    width: 100%;
  }

  .text-wrap.capabilities-03 {
    padding-right: var(--_font-size---gap--size--16px);
    padding-left: var(--_font-size---gap--size--16px);
    border-radius: var(--_font-size---gap--size--8px);
    justify-content: flex-start;
    align-items: center;
  }

  .tabs-role {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    justify-content: center;
    align-items: center;
  }

  .tab-link-tab-1.w--current {
    padding-right: var(--_font-size---gap--size--24px);
    padding-left: var(--_font-size---gap--size--24px);
  }

  .img-wrap.security_gdpr {
    padding: var(--_font-size---gap--size--12px);
  }

  .img-wrap.capabilities-02 {
    margin-bottom: var(--_font-size---gap--size--4px);
    padding: var(--_font-size---gap--size--12px);
    border-radius: var(--_font-size---gap--size--8px);
  }

  .img-wrap.key-benefits {
    padding: var(--_font-size---gap--size--8px);
  }

  .img-wrap.landscape {
    margin-top: var(--_font-size---gap--size--16px);
  }

  .u-h3 {
    font-size: var(--_font-size---heading--h3-m-20px);
  }

  .use-case-category {
    flex-flow: column;
    align-items: flex-start;
  }

  .use-case-robot {
    height: 5.5rem;
  }

  .use-case-category-cards {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

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

  .security-header-icon.reveal {
    height: 4rem;
  }

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

  .security_card {
    border-radius: var(--_font-size---gap--size--8px);
  }

  .card-title-text {
    font-size: var(--_font-size---text--16px);
  }

  .marquee-main-container {
    margin-top: var(--_font-size---gap--size--24px);
    border-radius: var(--_font-size---gap--size--12px);
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .logo-img {
    width: 8rem;
    height: 8rem;
  }

  .data-engne-content-wrap {
    margin-top: var(--_font-size---gap--size--40px);
  }

  .data-engine_grid {
    margin-top: var(--_font-size---gap--size--16px);
  }

  .data-engine-card {
    padding: var(--_font-size---gap--size--16px);
  }

  .hero-plane {
    top: 64.2vh;
  }

  .auto-tabs-component {
    margin-top: var(--_font-size---gap--size--40px);
  }

  .auto-tabs-button {
    justify-content: flex-start;
    align-items: center;
    inset: -3.5% auto auto 0%;
  }

  .trigger-img {
    aspect-ratio: auto;
    height: auto;
  }

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

  .auto-tabs-button-inner.is-absolute {
    margin-bottom: var(--_font-size---gap--size--8px);
  }

  .auto-tabs-content-inner.is-right-align {
    padding: var(--_font-size---gap--size--16px);
  }

  .u-p1-2 {
    font-size: var(--_font-size---text--14px);
  }

  .u-p1-2.complimentary {
    padding-left: var(--_font-size---gap--size--0px);
  }

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

  .trigger-content-wrap {
    margin-top: var(--_font-size---gap--size--40px);
  }

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

  .table-col.last {
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
  }

  .logo-footer.reveal {
    height: var(--_font-size---gap--size--32px);
  }

  .footer-grid.top {
    grid-row-gap: var(--_font-size---gap--size--16px);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer-socials-wrap.reveal {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    justify-content: flex-start;
    align-items: center;
  }

  .footer-links {
    padding-bottom: var(--_font-size---gap--size--8px);
  }

  .footer-link {
    margin-top: var(--_font-size---gap--size--4px);
    margin-bottom: var(--_font-size---gap--size--4px);
  }

  .nav__inner {
    padding-right: var(--_font-size---gap--size--12px);
    padding-left: var(--_font-size---gap--size--12px);
  }

  .paragraph-59 {
    font-size: .875rem;
  }

  .legal-paragraph {
    margin-bottom: 1.5rem;
    font-size: .875rem;
  }

  .terms_content-warpper {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .italic-text {
    color: #555;
  }

  .paragraph-23 {
    margin-bottom: 16px;
  }

  .privacy-policy {
    margin-top: 0;
    padding: 1.5rem 12px;
  }

  .sub_content-warpper {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .paragraph-63 {
    font-size: .875rem;
  }

  .sub-paragraph-_body, .sub-paragraph-_body-copy {
    margin-bottom: 1.5rem;
    font-size: .875rem;
  }

  .paragraph-64 {
    font-size: .875rem;
  }

  .sub-table {
    margin-bottom: 4rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sub_content-warpper-2 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .sub_content-warpper-2.is-2 {
    flex-direction: column;
    align-items: flex-start;
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex;
  }

  .sub_content-warpper-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .sub_content-warpper-3.is-2 {
    flex-direction: column;
    align-items: flex-start;
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex;
  }

  .sub-paragraph-_body-4 {
    margin-bottom: 1.5rem;
    font-size: .875rem;
  }

  .sub-table-2 {
    margin-bottom: 4rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sub-table-cell, .sub-table-cell.is-01 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .table-header-2, .table-header-2.is-01 {
    height: 100%;
    padding: 1.5rem .5rem;
  }

  .table-header-2.is-03 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .table-header-2.is-01 {
    height: 100%;
    padding: 1.5rem .5rem;
  }

  .sub-paragraph-_body-3 {
    margin-bottom: 1.5rem;
    font-size: .875rem;
  }

  .sub_content-warpper-4 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .heading-65 {
    text-align: center;
    font-size: .75rem;
    font-weight: 500;
  }

  .sub-paragraph-_body-5 {
    margin-bottom: 1.5rem;
    font-size: .875rem;
  }

  .paragraph-65, .paragraph-60 {
    font-size: .75rem;
  }

  .cookie-modal_button-wrap.is-small {
    justify-content: space-between;
    padding: 1.25rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    bottom: 0;
  }

  .cookie-modal_content-wrap.is-small {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cookie-modal_closebutton {
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .cookie-modal_component {
    max-width: 100%;
  }

  .cookie-popup_component {
    max-width: 100%;
    inset: auto 0% 0%;
  }

  .cookie-modal_button {
    flex: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .cookie-preference_wrapper {
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cookie-modal_component-2 {
    max-width: 100%;
  }

  .cookie-modal_button-2 {
    flex: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .cookie-preference_component-2 {
    align-items: flex-end;
  }

  .btn--glass.hero {
    width: auto;
  }

  .btn--glass.footer {
    max-width: 100%;
  }

  .banner_text-wrap.herolabel {
    padding-right: var(--_font-size---gap--size--12px);
    padding-left: var(--_font-size---gap--size--12px);
  }

  .grid-security-features {
    margin-top: var(--_font-size---gap--size--16px);
    border-radius: var(--_font-size---gap--size--12px);
    grid-template-rows: 1fr auto auto;
    grid-template-columns: 1fr;
  }

  .card.security_features {
    padding: var(--_font-size---gap--size--12px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .card.p-24px {
    padding: var(--_font-size---gap--size--20px);
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
  }

  .card.capabilities-02 {
    padding-right: var(--_font-size---gap--size--0px);
    grid-column-gap: var(--_font-size---gap--size--0px);
    grid-row-gap: var(--_font-size---gap--size--0px);
    flex-flow: column;
    min-height: auto;
  }

  .card.investor-top {
    min-height: auto;
  }

  .card.benchmark-hero {
    grid-column-gap: var(--_font-size---gap--size--0px);
    grid-row-gap: var(--_font-size---gap--size--0px);
  }

  .card.benchmark-hero.right {
    border-bottom-left-radius: var(--_font-size---gap--size--0px);
    border-bottom-right-radius: var(--_font-size---gap--size--0px);
  }

  .card.key-benefits {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .card.vs-top {
    padding-top: var(--_font-size---gap--size--16px);
    padding-right: var(--_font-size---gap--size--16px);
    padding-left: var(--_font-size---gap--size--16px);
    border-top-left-radius: var(--_font-size---gap--size--12px);
    border-top-right-radius: var(--_font-size---gap--size--12px);
  }

  .gdpr-grid {
    border-radius: var(--_font-size---gap--size--12px);
  }

  .image-21 {
    border-radius: var(--_font-size---gap--size--8px);
  }

  .gdpr_list-wrap {
    padding: var(--_font-size---gap--size--12px);
    border-top-left-radius: var(--_font-size---gap--size--12px);
    border-top-right-radius: var(--_font-size---gap--size--12px);
  }

  .gdpr_list-item {
    padding: var(--_font-size---gap--size--8px);
    grid-column-gap: var(--_font-size---gap--size--6px);
    grid-row-gap: var(--_font-size---gap--size--6px);
  }

  .img-wrap-security {
    padding: var(--_font-size---gap--size--8px);
    border-radius: var(--_font-size---gap--size--12px);
  }

  .hero_img-security.small-screens {
    border-radius: var(--_font-size---gap--size--8px);
  }

  .hero_content-wrap {
    justify-content: center;
    align-items: center;
  }

  .grid-label {
    font-size: var(--_font-size---heading--h3-m-20px);
  }

  .content-wrap {
    padding: var(--_font-size---gap--size--20px);
  }

  .content-wrap.capabilities {
    padding: var(--_font-size---gap--size--64px) var(--_font-size---gap--size--16px) var(--_font-size---gap--size--48px);
    border-radius: var(--_font-size---gap--size--0px);
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-20 {
    padding: var(--_font-size---gap--size--32px) var(--_font-size---gap--size--20px);
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
  }

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

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

  .image-24 {
    border-radius: var(--_font-size---gap--size--6px);
  }

  .header-wrap.capabilities-02 {
    padding-bottom: var(--_font-size---gap--size--16px);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .card-content-wrap.top {
    padding-right: var(--_font-size---gap--size--12px);
    padding-left: var(--_font-size---gap--size--12px);
  }

  .img-bg.yellow {
    width: 100%;
    min-width: auto;
  }

  .img-bg._02 {
    padding-right: var(--_font-size---gap--size--20px);
    justify-content: flex-end;
    align-items: center;
    height: auto;
  }

  .img-bg._01 {
    padding-top: var(--_font-size---gap--size--12px);
    padding-bottom: var(--_font-size---gap--size--12px);
    border-top-right-radius: var(--_font-size---gap--size--8px);
    border-bottom-left-radius: var(--_font-size---gap--size--0px);
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
  }

  .capabilities-content-wrap {
    padding: var(--_font-size---gap--size--24px) var(--_font-size---gap--size--20px) var(--_font-size---gap--size--0px);
    border-radius: var(--_font-size---gap--size--0px);
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
  }

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

  .card-icon-80px.benchmark {
    width: var(--_font-size---gap--size--64px);
    height: var(--_font-size---gap--size--64px);
  }

  .inverstor-grid {
    margin-top: var(--_font-size---gap--size--20px);
    grid-template-columns: 1fr;
  }

  .div-block-28 {
    padding-left: var(--_font-size---gap--size--0px);
  }

  .u-container-hero {
    padding-right: var(--_font-size---gap--size--0px);
    padding-left: var(--_font-size---gap--size--0px);
  }

  .u-container-hero.benchmark {
    padding-right: var(--_font-size---gap--size--12px);
    padding-left: var(--_font-size---gap--size--12px);
  }

  .mission-label-wrap {
    border-top-left-radius: var(--_font-size---gap--size--12px);
    border-top-right-radius: var(--_font-size---gap--size--12px);
  }

  .mission-grid {
    border-radius: var(--_font-size---gap--size--12px);
  }

  .mission-img {
    width: 70%;
  }

  .mission-content-wrap {
    padding-right: var(--_font-size---gap--size--12px);
    padding-left: var(--_font-size---gap--size--12px);
    border-bottom-left-radius: var(--_font-size---gap--size--12px);
    border-bottom-right-radius: var(--_font-size---gap--size--12px);
  }

  .value-grid {
    margin-top: var(--_font-size---gap--size--20px);
    grid-column-gap: var(--_font-size---gap--size--12px);
    grid-row-gap: var(--_font-size---gap--size--12px);
    grid-template-columns: 1fr;
  }

  .card-2 {
    padding-top: var(--_font-size---gap--size--8px);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .card-icon-120px {
    width: var(--_font-size---gap--size--80px);
    height: var(--_font-size---gap--size--80px);
  }

  .benefit-grid {
    margin-top: var(--_font-size---gap--size--16px);
    grid-template-columns: 1fr;
  }

  .card-2-copy {
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
  }

  .benefit-img {
    margin-bottom: var(--_font-size---gap--size--12px);
  }

  .benchamrk_hero-grid {
    border-radius: var(--_font-size---gap--size--12px);
  }

  .div-block-32 {
    padding-bottom: var(--_font-size---gap--size--16px);
    border-top-left-radius: var(--_font-size---gap--size--12px);
    border-top-right-radius: var(--_font-size---gap--size--12px);
  }

  .div-block-32-copy {
    border-bottom-left-radius: var(--_font-size---gap--size--12px);
    border-bottom-right-radius: var(--_font-size---gap--size--12px);
  }

  .key-benefits-content-wrap {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .divider--stripes {
    height: var(--_font-size---gap--size--24px);
  }

  .compliment-content-wrap {
    margin-top: var(--_font-size---gap--size--16px);
    overflow: hidden;
  }

  .reasons-card {
    margin-top: var(--_font-size---gap--size--12px);
    margin-right: var(--_font-size---gap--size--8px);
    margin-left: var(--_font-size---gap--size--8px);
    padding-top: var(--_font-size---gap--size--16px);
    padding-right: var(--_font-size---gap--size--12px);
    padding-left: var(--_font-size---gap--size--12px);
    border-radius: var(--_font-size---gap--size--8px);
  }

  .reasons-bg {
    border-radius: var(--_font-size---gap--size--12px);
  }

  .div-block-45 {
    padding-top: var(--_font-size---gap--size--0px);
    padding-right: var(--_font-size---gap--size--0px);
    padding-left: var(--_font-size---gap--size--0px);
  }

  .div-block-46 {
    border-radius: var(--_font-size---gap--size--6px);
  }

  .div-block-48 {
    padding-right: var(--_font-size---gap--size--8px);
    padding-left: var(--_font-size---gap--size--8px);
  }

  .dropdown-link {
    padding-left: 0;
  }

  .pill {
    padding: var(--_font-size---gap--size--4px) var(--_font-size---gap--size--20px);
  }

  .hero_solution-img {
    width: 9rem;
    height: 9rem;
    bottom: -12%;
    right: -6%;
  }

  .div-block-61 {
    grid-column-gap: var(--_font-size---gap--size--16px);
    grid-row-gap: var(--_font-size---gap--size--16px);
  }

  .security-icons-wrap {
    grid-template-rows: auto;
  }

  .security-decorative {
    display: none;
  }

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

  .u-container-hero-80 {
    padding: var(--_font-size---gap--size--32px) var(--_font-size---gap--size--12px);
  }

  .u-container-hero-80.footer {
    padding-top: var(--_font-size---gap--size--48px);
  }

  .image-32 {
    border-radius: var(--_font-size---gap--size--8px);
  }

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

  .line-wrap {
    display: none;
  }

  .hero_h1-02 {
    font-size: var(--_font-size---heading--h1-s-32px);
    letter-spacing: -.04em;
    max-width: 100%;
  }

  .hero_h1-02.security {
    text-align: center;
  }

  .hero_h1-02.capabilities {
    max-width: 100%;
  }

  .hero_paragraph-02 {
    letter-spacing: -.01em;
    max-width: 100%;
  }

  .hero_paragraph-02.security {
    text-align: center;
  }

  .hero_paragraph-02.capabilities {
    margin-bottom: var(--_font-size---gap--size--8px);
    max-width: 100%;
  }

  .hero_paragraph-02.onlight {
    margin-bottom: var(--_font-size---gap--size--8px);
  }

  .trust-badges {
    margin-bottom: var(--_font-size---gap--size--4px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .trust-badge {
    padding-right: var(--_font-size---gap--size--4px);
    justify-content: center;
    align-items: center;
    min-width: auto;
  }

  .trust-badge__label, .line-wrap-2 {
    display: none;
  }

  .section-heading-wrap-2 {
    margin-bottom: var(--_font-size---gap--size--24px);
    grid-template-columns: 1fr;
  }

  .u-h2-2 {
    font-size: 1.75rem;
  }

  .u-p1-4 {
    line-height: 1.3;
  }

  .alternatives-content.home-heading {
    grid-template-columns: 1fr .25fr 1fr;
  }

  .left-card {
    padding-right: var(--_font-size---gap--size--8px);
    padding-bottom: var(--_font-size---gap--size--20px);
    padding-left: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--24px);
    border-radius: var(--_font-size---gap--size--8px);
    grid-template-columns: 1.4rem auto;
  }

  .alternatives-grid {
    padding-top: var(--_font-size---gap--size--16px);
    padding-right: var(--_font-size---gap--size--12px);
    padding-bottom: var(--_font-size---gap--size--24px);
    border-radius: var(--_font-size---gap--size--12px);
  }

  .alternatives-grid.home {
    margin-bottom: var(--_font-size---gap--size--40px);
    border-radius: var(--_font-size---gap--size--12px);
  }

  .setup-circle.is-mid {
    width: 10rem;
    height: 10rem;
  }

  .setup-circle.is-outer {
    width: 7rem;
    height: 7rem;
  }

  .setup-circle.is-inner {
    width: 12rem;
    height: 12rem;
  }

  .info-card.diy-card {
    padding-left: var(--_font-size---gap--size--4px);
    grid-column-gap: var(--_font-size---gap--size--0px);
  }

  .info-card.result {
    padding-top: var(--_font-size---gap--size--20px);
    padding-bottom: var(--_font-size---gap--size--20px);
  }

  .info-card.ripple {
    padding-right: var(--_font-size---gap--size--8px);
    padding-left: var(--_font-size---gap--size--4px);
  }

  .info-card.ripple.card3 {
    grid-column-gap: var(--_font-size---gap--size--4px);
  }

  .info-card.gradient2 {
    padding-left: var(--_font-size---gap--size--4px);
  }

  .setup-text {
    font-size: var(--_font-size---text--12px);
    text-align: left;
  }

  .result-card {
    padding: var(--_font-size---gap--size--8px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .result-text {
    font-size: var(--_font-size---gap--size--16px);
  }

  .reult-text {
    font-size: var(--_font-size---text--14px);
  }

  .right-card {
    padding-right: var(--_font-size---gap--size--8px);
    padding-bottom: var(--_font-size---gap--size--20px);
    padding-left: var(--_font-size---gap--size--4px);
    border-radius: var(--_font-size---gap--size--8px);
    grid-template-columns: 1.5rem auto;
  }

  .effort-text {
    font-size: var(--_font-size---text--12px);
  }

  .img-wrap-copy.security_gdpr {
    padding: var(--_font-size---gap--size--12px);
  }

  .img-wrap-copy.capabilities-02 {
    margin-bottom: var(--_font-size---gap--size--4px);
  }

  .div-block-84 {
    grid-template-columns: .5fr;
    grid-auto-flow: column;
  }

  .div-block-86 {
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
  }

  .role_content-wrap {
    padding-top: var(--_font-size---gap--size--4px);
  }

  .role-video-wrap {
    border-radius: var(--_font-size---gap--size--8px);
  }

  .slider-card {
    padding: var(--_font-size---gap--size--12px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    border-radius: var(--_font-size---gap--size--12px);
  }

  .role_testimonial-wrap {
    grid-column-gap: var(--_font-size---gap--size--4px);
    grid-row-gap: var(--_font-size---gap--size--4px);
    flex-flow: column;
  }

  .text-block-17 {
    font-size: var(--_font-size---text--14px);
  }

  .role_testimonial-info {
    border-radius: var(--_font-size---gap--size--8px);
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: auto;
  }

  .role_testimonial-text-wrap {
    border-radius: var(--_font-size---gap--size--8px);
    width: auto;
  }

  .role_testimonial-info-wrap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .text-block-18 {
    font-size: var(--_font-size---text--12px);
  }

  .capabilities-02-content-wrap {
    padding: var(--_font-size---gap--size--24px) var(--_font-size---gap--size--20px) var(--_font-size---gap--size--20px);
  }

  .video-wrap.security_gdpr {
    padding: var(--_font-size---gap--size--12px);
  }

  .video-wrap.capabilities-02 {
    padding: var(--_font-size---gap--size--8px);
    border-radius: var(--_font-size---gap--size--12px);
  }

  .vs_api-visual {
    border-bottom-left-radius: var(--_font-size---gap--size--12px);
    border-bottom-right-radius: var(--_font-size---gap--size--12px);
  }

  .vs_content-wrap {
    border-radius: var(--_font-size---gap--size--12px);
  }

  .compliment_visual-wrap {
    border-radius: var(--_font-size---gap--size--12px);
    height: auto;
    min-height: 8rem;
  }

  .embed-tag-sweep-sequencer {
    display: none;
  }

  .usecase-col.static {
    border-radius: var(--_font-size---gap--size--12px);
  }

  .usecase-col.rain {
    border-radius: var(--_font-size---gap--size--12px);
    background-size: 40px;
  }

  .usecase-panel {
    border-radius: var(--_font-size---gap--size--12px);
  }

  .uc-compare {
    padding-right: var(--_font-size---gap--size--12px);
    padding-left: var(--_font-size---gap--size--12px);
    border-radius: var(--_font-size---gap--size--8px);
  }

  .uc-compare_stage.desktop {
    display: none;
  }

  .uc-compare_bg {
    border-radius: var(--_font-size---gap--size--12px);
  }

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

  .uc-footer-card {
    padding-top: var(--_font-size---gap--size--8px);
    padding-bottom: var(--_font-size---gap--size--8px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    border-radius: var(--_font-size---gap--size--8px);
    flex-flow: row;
  }

  .embed-api-usecase-pill-stack {
    display: none;
  }

  .div-block-102 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-105 {
    justify-content: space-between;
    align-items: flex-end;
  }

  .subtext {
    font-size: var(--_font-size---text--12px);
    text-align: left;
  }

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

  .subtext.reasons {
    text-align: left;
    max-width: none;
  }

  .subtext.ondark {
    max-width: 100%;
  }

  .div-block-107 {
    grid-column-gap: var(--_font-size---gap--size--0px);
    grid-row-gap: var(--_font-size---gap--size--0px);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .alternatives-responsive-layout-fix {
    display: none;
  }

  .hero-card {
    padding: var(--_font-size---gap--size--12px);
    grid-column-gap: var(--_font-size---gap--size--8px);
    grid-row-gap: var(--_font-size---gap--size--8px);
    border-radius: var(--_font-size---gap--size--12px);
  }
}

#w-node-_4d4895ce-0339-6ea4-0940-69a7154962b7-a1143ec7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a2771a1f-72a5-b3fe-ecae-79c48607b45f-a1143ec7, #w-node-a2771a1f-72a5-b3fe-ecae-79c48607b463-a1143ec7 {
  justify-self: center;
}

#w-node-e1fd89a2-964a-dd41-9ee9-282901e3fe72-a1143ec7, #w-node-_15f39ccf-975e-9c92-9468-18b7d76656ca-a1143ec7, #w-node-_47b7cfef-1193-6869-4c58-d2f45c2def65-a1143ec7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d36769c5-0646-22db-a689-3c59d63d26f6-a1143ec7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_904d30e2-f402-4355-e5ad-bd2c5d88020b-a1143ec7 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_988905d1-4f53-4832-8102-53083b3adf37-3b3adf34 {
  align-self: end;
}

#w-node-_988905d1-4f53-4832-8102-53083b3adf3b-3b3adf34 {
  justify-self: end;
}

#w-node-f90b2d21-17b5-72b3-5dbd-6080a6c2cf06-9d9c5401, #w-node-f90b2d21-17b5-72b3-5dbd-6080a6c2cf09-9d9c5401, #w-node-f90b2d21-17b5-72b3-5dbd-6080a6c2cf0c-9d9c5401, #w-node-f90b2d21-17b5-72b3-5dbd-6080a6c2cf32-9d9c5401, #w-node-f90b2d21-17b5-72b3-5dbd-6080a6c2cf35-9d9c5401, #w-node-f90b2d21-17b5-72b3-5dbd-6080a6c2cf38-9d9c5401 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-f1c120ff-e99b-2ae0-24a2-eceedb1814ed-7844cf1d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dd7a78db-c85b-5d86-d3fc-8dbf9a3f134d-7844cf1d, #w-node-e0439696-f129-862f-7fe3-a0f5251d946a-7844cf1d, #w-node-_50381c2b-1394-ed00-64e1-e548f78664fc-7844cf1d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d6140ee8-401d-d13b-81fa-5c644748420e-649b8118 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_1fa3e4a5-d8fa-7bcf-65a7-b374a1680b2a-649b8118 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9db776cc-f702-2c30-5db2-ae86fef2d180-649b8118 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6ac-649b8118 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6b0-649b8118 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6b3-649b8118, #w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6bb-649b8118, #w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6c3-649b8118, #w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6cb-649b8118, #w-node-_3ad1500a-fbb5-691e-e64e-1ce7d95a3253-3daa9268 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af55f6cc-85d4-07ed-7827-74c5cc9a48c7-3daa9268 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d9aad470-eb90-93a3-0af6-a54cc05c2aae-e3cde15e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0926ddd1-7eb7-d7f4-36d4-294326bf4981-e3cde15e {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-e9296eb7-5d9e-1aa2-8eec-e3c6c1a9af56-e3cde15e, #w-node-eda69a7a-6e54-7453-a6da-b3ebf458c7db-e3cde15e, #w-node-f1c7c271-49a0-5f3c-98ae-8e6d8e0a06f8-e3cde15e {
  place-self: end center;
}

#w-node-_128d2603-539a-61eb-f063-fc3aaf9a1813-e3cde15e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3823216b-a21d-cf4a-4c3a-212586779624-e3cde15e, #w-node-c912bf9c-fe51-91da-7ca7-22e5a9568cfe-e3cde15e {
  align-self: center;
}

#w-node-f434ae1f-e12d-1df8-2c4e-9e00734c84b4-e3cde15e {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-f434ae1f-e12d-1df8-2c4e-9e00734c84b8-e3cde15e, #w-node-f434ae1f-e12d-1df8-2c4e-9e00734c84bf-e3cde15e, #w-node-f434ae1f-e12d-1df8-2c4e-9e00734c84c6-e3cde15e, #w-node-f434ae1f-e12d-1df8-2c4e-9e00734c84ce-e3cde15e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fd7b97c8-a1f3-804d-79d6-449e4b31d8e8-8ee8ea5f, #w-node-fd7b97c8-a1f3-804d-79d6-449e4b31d8eb-8ee8ea5f {
  place-self: end center;
}

@media screen and (max-width: 991px) {
  #w-node-e0439696-f129-862f-7fe3-a0f5251d946a-7844cf1d {
    grid-area: span 3 / span 2 / span 3 / span 2;
  }

  #w-node-_5a2304fa-8400-31c7-56a1-68fd1d321a49-7844cf1d {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8f55efa7-11b8-9a16-250a-c384931bb81a-7844cf1d {
    order: 9999;
  }

  #w-node-_0c85db91-98eb-1e83-1ce0-6bb9cd773df0-649b8118 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9db776cc-f702-2c30-5db2-ae86fef2d180-649b8118, #w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6b0-649b8118 {
    grid-column: span 4 / span 4;
  }

  #w-node-_68e7d029-9ef8-cb8a-14a8-bc6b1204ce21-8ee8ea5f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e1fd89a2-964a-dd41-9ee9-282901e3fe65-a1143ec7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e1fd89a2-964a-dd41-9ee9-282901e3fe72-a1143ec7, #w-node-_15f39ccf-975e-9c92-9468-18b7d76656ca-a1143ec7, #w-node-_47b7cfef-1193-6869-4c58-d2f45c2def65-a1143ec7 {
    grid-column: span 1 / span 1;
  }

  #w-node-_904d30e2-f402-4355-e5ad-bd2c5d88020b-a1143ec7 {
    order: -9999;
    grid-row: span 4 / span 4;
  }

  #w-node-dd7034d1-b1d6-1ab3-4bbf-1ea2173cb48f-a1143ec7 {
    order: 2;
  }

  #w-node-d6140ee8-401d-d13b-81fa-5c644748420e-649b8118 {
    grid-column: span 2 / span 2;
  }

  #w-node-_3ad1500a-fbb5-691e-e64e-1ce7d95a3253-3daa9268, #w-node-d9aad470-eb90-93a3-0af6-a54cc05c2aae-e3cde15e, #w-node-_0926ddd1-7eb7-d7f4-36d4-294326bf4981-e3cde15e {
    grid-column: span 1 / span 1;
  }

  #w-node-a10e0796-dda6-fb54-6ce5-bc361db7babe-e3cde15e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f434ae1f-e12d-1df8-2c4e-9e00734c84b4-e3cde15e {
    grid-column: span 4 / span 4;
  }

  #w-node-_2faa5569-c166-a499-6cd9-b194e0df3b31-c04c61b6 {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b8a8f924-2363-c163-bb08-4cc98ca45d6a-a1143ec7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_988905d1-4f53-4832-8102-53083b3adf3b-3b3adf34 {
    order: -9999;
    justify-self: start;
  }

  #w-node-_988905d1-4f53-4832-8102-53083b3adf3c-3b3adf34 {
    order: 9999;
  }

  #w-node-_988905d1-4f53-4832-8102-53083b3adf3e-3b3adf34 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_30ea67fa-4851-7de7-67ac-998504e1904f-7844cf1d {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5f660f0c-6fc8-58f9-80d8-d08e5597d337-7844cf1d, #w-node-eb38e081-6917-b543-c5a5-d38314bed786-7844cf1d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d6140ee8-401d-d13b-81fa-5c644748420e-649b8118, #w-node-_9db776cc-f702-2c30-5db2-ae86fef2d180-649b8118, #w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6b0-649b8118, #w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6b3-649b8118, #w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6bb-649b8118, #w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6c3-649b8118, #w-node-_06d8709d-62f4-42bd-eee1-94cc958eb6cb-649b8118 {
    grid-column: span 1 / span 1;
  }

  #w-node-_0926ddd1-7eb7-d7f4-36d4-294326bf4981-e3cde15e {
    order: 9999;
  }

  #w-node-f434ae1f-e12d-1df8-2c4e-9e00734c84b4-e3cde15e {
    grid-column: span 2 / span 2;
  }
}


@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Extrabold.otf') format('opentype'), url('../fonts/CabinetGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}