@font-face {
  font-family: Typekiln Eloquiadisplay;
  src: url('../fonts/Typekiln---EloquiaDisplay-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

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

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

:root {
  --white: white;
  --cornflower-blue: #76a6e3;
  --medium-blue: #2031ca;
  --black: black;
  --grey: #92929b;
}

body {
  color: #333;
  background-color: #000;
  font-family: Typekiln Eloquiadisplay Regular, sans-serif;
  font-size: 1vw;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 0;
}

.section {
  overflow: hidden;
}

.section.is--fast {
  background-color: #fff;
}

.section.is--steps {
  background-color: #f4f4f6;
}

.container {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5em;
}

.container.is--hero {
  flex-direction: column;
  align-items: center;
  padding: 4.38em 5em 12.5em 6em;
  display: flex;
}

.container.is--nav {
  justify-content: center;
  align-items: flex-end;
  padding-top: 2em;
  display: flex;
  position: relative;
}

.container.is--fast {
  padding: 5.63em 13.13em 7.5em;
}

.container.is--most {
  padding: 6em 6em 7.81em;
}

.container.is--steps {
  padding: 6em 6em 14em;
}

.container.is--roi {
  flex-direction: column;
  align-items: center;
  padding: 6em 6em 10.63em;
  display: flex;
  position: relative;
}

.container.is--full {
  padding: 6em 6em 4em;
}

.container.is--footer {
  padding-bottom: 5.63em;
  padding-left: 6em;
  padding-right: 6em;
}

.hero {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero_decriptor {
  text-align: center;
}

.hero_desc-text {
  letter-spacing: -.02em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #76a6e3, #2031ca);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.2;
}

.hero_h1-wrapper {
  padding-top: 1.5em;
}

.hero_h1 {
  color: var(--white);
  text-align: center;
  letter-spacing: -.04em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 6em;
  font-weight: 600;
  line-height: 88.5%;
}

.hero_p-wrapper {
  text-align: center;
  max-width: 31.25em;
  padding-top: 2.25em;
}

.hero_p {
  color: var(--white);
  font-family: Typekiln Eloquiadisplay Medium, sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 130%;
}

.hero_btn-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 2.5em;
  display: flex;
}

.main_btn {
  z-index: 1;
  width: 100%;
  height: 100%;
  color: var(--white);
  background-color: #000;
  border-radius: 61px;
  justify-content: center;
  align-items: center;
  font-family: Typekiln Eloquiadisplay Medium, sans-serif;
  font-size: 1.19em;
  font-weight: 500;
  line-height: 2em;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
  position: relative;
}

.main_btn:hover {
  background-color: var(--white);
  color: #000;
}

.main_btn.is--white {
  border: 2px solid var(--white);
  background-color: #0000;
}

.main_btn.is--white:hover {
  background-color: #fff;
}

.gradient {
  background-image: linear-gradient(to right, var(--cornflower-blue), var(--medium-blue));
  border-radius: 61px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero_visual {
  justify-content: space-between;
  width: 100%;
  padding-top: 9.75em;
  display: flex;
  position: relative;
}

.hero_visual-left {
  grid-column-gap: 1.71em;
  display: flex;
}

.hero_visual-right {
  grid-column-gap: 1.71em;
  justify-content: flex-end;
  display: flex;
}

.hero_visual-item {
  width: 12.5em;
  height: 27.06em;
  position: relative;
}

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

.hero_visual-image.center {
  object-fit: contain;
  width: 74.07em;
  max-width: none;
  height: 61.29em;
}

.hero_visual-center {
  z-index: 100;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 4.3em 0% 0% -2%;
  transform: translate(3em, -2em);
}

.hero_visual-center.is--steps {
  top: 0;
}

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

.nav_logo {
  width: 4.88em;
  height: 4.88em;
}

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

.fast_h2-wrapper {
  max-width: 47em;
}

.fast_h2 {
  color: var(--black);
  letter-spacing: -.04em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 5em;
  font-weight: 600;
  line-height: 88.75%;
}

.fast_h2.grad.is--card {
  letter-spacing: -.03em;
  font-size: 4em;
}

.gradient-bg {
  background-image: linear-gradient(103deg, var(--cornflower-blue), var(--medium-blue) 63%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 2px;
}

.gradient-bg.is--roi {
  background-image: linear-gradient(252deg, var(--cornflower-blue), var(--medium-blue) 84%);
}

.fast_visual {
  justify-content: space-between;
  width: 100%;
  padding-top: 4.5em;
}

.fast_visual-item {
  width: 14.37em;
  height: 31.13em;
  position: relative;
}

.fast_visual-item-image {
  z-index: 5;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.fast_line-component {
  padding-top: 4.5em;
}

.fast_items-wrapper, .fast_line-top {
  justify-content: space-between;
  display: flex;
}

.fast_line-heading {
  color: var(--black);
  letter-spacing: -.01em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 1.75em;
  line-height: 1.1;
}

.fast_line-wrapper {
  background-color: #0003;
  width: 100%;
  height: 4px;
  margin-top: 1.13em;
  margin-bottom: 1.13em;
  overflow: hidden;
}

.fast_line {
  background-color: var(--black);
  width: 100%;
  height: 100%;
}

.fast_line-logos-wrapper {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.fast_logo-image {
  width: 5.63em;
}

.fast_logo-image._1 {
  width: 4.06em;
  margin-right: 10.63em;
}

.fast_logo-image._3 {
  width: 3.75em;
  margin-right: 13.56em;
}

.fast_logo-image._2 {
  margin-right: 13.88em;
}

.fast_logo-image._4 {
  width: 5.38em;
}

.most {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.most_h3-wrapper {
  text-align: center;
  max-width: 34.75em;
}

.most_h3 {
  color: var(--grey);
  letter-spacing: -.02em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 2em;
  font-weight: 600;
  line-height: 106%;
}

.most_h3.is--card {
  max-width: 15.3em;
}

.white {
  color: var(--white);
}

.most_visual {
  padding-top: 0;
}

.most_visual-item-1 {
  width: 36em;
  height: 36em;
}

.most_visual-item-1-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.most_cards-wrapper {
  grid-row-gap: 1.63em;
  flex-direction: column;
  width: 100%;
  padding-top: 5em;
  display: flex;
}

.most_cards-wrapper.no-padding {
  padding-top: 0;
}

.most_card {
  border-radius: 34px;
  padding: 6.25em 7.12em 5.75em;
}

.most_card._1 {
  background-color: #151516;
}

.most_card._2 {
  background-image: linear-gradient(29deg, #0c113e, #334bbf 42%, #76a6e3);
}

.most_card-content.flex {
  display: flex;
}

.most_card-content-top {
  justify-content: space-between;
  display: flex;
}

.most_card-content-bottom {
  padding-top: 3em;
}

.most_card-content-item {
  padding-top: 2.25em;
}

.most_card-content-item._1 {
  width: 30%;
}

.most_card-content-item._2 {
  width: 63%;
}

.most_card-item-line-wrapper {
  align-items: center;
  display: flex;
}

.most_card-line {
  border-radius: 30px;
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.most_card-gradient-line {
  background-image: linear-gradient(257deg, #2031ca, #76a6e3);
  width: 100%;
  height: 100%;
}

.most_card-gradient-line.grey {
  background-color: #979797;
  background-image: none;
}

.most_card-number {
  color: var(--white);
  flex: none;
  margin-left: 1.13em;
  font-family: Typekiln Eloquiadisplay Medium, sans-serif;
  font-size: 1.19em;
  font-weight: 500;
}

.most_card-number.grey {
  color: #696969;
}

.most-card-image1 {
  width: 4.63em;
  margin-top: .88em;
}

.most_card-item-text {
  color: #696969;
  font-family: Typekiln Eloquiadisplay Medium, sans-serif;
  font-size: 1.19em;
  font-weight: 500;
  line-height: 1.2;
}

.padding-top {
  padding-top: .88em;
}

.most_card-content-left {
  grid-row-gap: 2.63em;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  max-width: 25em;
  display: flex;
}

.most_card-heading {
  color: var(--white);
  letter-spacing: -.03em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 4em;
  font-weight: 600;
  line-height: 90%;
}

.most_card-price {
  grid-column-gap: 1em;
  display: flex;
}

.price-text {
  color: var(--white);
  letter-spacing: -.04em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 5em;
  font-weight: 600;
  line-height: 90%;
}

.price-text-small {
  color: var(--white);
  letter-spacing: -.01em;
  font-family: Typekiln Eloquiadisplay Medium, sans-serif;
  font-size: 1.06em;
  font-weight: 500;
  line-height: 140%;
}

.most_card-btn-wrapper {
  width: 19.25em;
  height: 5em;
}

.most_card-right {
  padding-top: 2em;
  padding-left: 2em;
  position: relative;
}

.most_card-image {
  width: 100%;
}

.most_flex-cards {
  justify-content: space-between;
  display: flex;
}

.most_card-small {
  border-radius: 34px;
  width: 37em;
  height: 37em;
  padding-top: 3.25em;
  padding-bottom: 4em;
}

.most_card-small.blue {
  background-image: linear-gradient(45deg, #4e39c9, #803dca 73%);
}

.most_card-small.black {
  background-color: #151516;
}

.most_card-small.white {
  background-color: var(--white);
}

.small-card-content {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.small-card-logos {
  grid-column-gap: .75em;
  justify-content: center;
  display: flex;
}

.card_logo-image._1 {
  width: 7.63em;
}

.card_logo-image._2 {
  width: 5.25em;
}

.card_logo-image._3 {
  width: 6.75em;
}

.card_logo-image._4 {
  width: 6.81em;
}

.small-card_h-wrapper {
  padding-top: 1.5em;
}

.small-card_h {
  color: var(--white);
  text-align: center;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 3em;
  font-weight: 600;
  line-height: 1;
}

.small-card_p-wrapper {
  max-width: 21.63em;
  padding-top: 1.75em;
}

.small-card_p-wrapper._2 {
  max-width: 24.25em;
}

.small-card_p-wrapper.no-pad {
  padding-top: 0;
}

.small-card_p-wrapper._1em {
  padding-top: 1em;
}

.small-card_p {
  color: var(--white);
  text-align: center;
  font-family: Typekiln Eloquiadisplay Medium, sans-serif;
  font-size: 1.19em;
  line-height: 140%;
}

.small-card_image-wrapper {
  justify-content: center;
  width: 100%;
  padding-top: 3.75em;
  display: flex;
}

.small-card_image1 {
  width: 9.88em;
}

.small-card_image1.small {
  width: 7.81em;
}

.small-card_image2 {
  width: 21.75em;
}

.giant-text-wrapper {
  padding-top: 8em;
}

.giant-h3 {
  color: var(--white);
  text-align: center;
  letter-spacing: -.03em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 8em;
  font-weight: 600;
  line-height: .87;
}

.giant-h3.is--black {
  color: var(--black);
  text-align: center;
  line-height: 80%;
}

.giant-p-wrapper {
  text-align: center;
  padding-top: 2.75em;
}

.giant-p-wrapper.is--roi {
  max-width: 29.38em;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.25em;
}

.steps {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.steps_header {
  justify-content: space-between;
  width: 80%;
  display: flex;
}

.steps_h-wrapper {
  max-width: 55.5em;
}

.steps_h2 {
  color: var(--black);
  letter-spacing: -.04em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 5em;
  font-weight: 600;
  line-height: 88.75%;
}

.steps_h2.grad.is--card {
  font-size: 4em;
}

.steps_h3-wrapper {
  text-align: center;
  align-items: flex-end;
  max-width: 16.2em;
  display: flex;
}

.steps_h3-wrapper.big {
  align-items: flex-end;
  max-width: 15em;
  display: flex;
}

.steps-h3 {
  color: var(--grey);
  text-align: left;
  letter-spacing: -.03em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.05;
}

.steps-h3.is--card {
  max-width: 15.7em;
}

.black {
  color: var(--black);
}

.steps_cards-wrapper {
  justify-content: space-between;
  width: 100%;
  padding-top: 5em;
  display: flex;
}

.steps_card {
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24.5em;
  height: 38.44em;
  padding-top: 7em;
  display: flex;
}

.steps_card.white {
  background-color: #fff;
}

.steps_card.blue {
  background-image: linear-gradient(63deg, #1725a6 12%, #334bbf 57%, #76a6e3 98%);
  padding-top: 2em;
}

.steps_card-image {
  width: 7.63em;
  margin-bottom: 3.44em;
}

.steps_card-image.is--blue {
  width: 16.13em;
  margin-bottom: 2em;
}

.steps_card-text {
  color: var(--black);
  text-align: center;
  letter-spacing: -.02em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 2em;
  font-weight: 600;
  line-height: 1;
}

.steps_card-text.is--card {
  max-width: 15.7em;
}

.steps_card-small-text {
  color: var(--grey);
  letter-spacing: -.03em;
  margin-top: 6em;
  font-family: Typekiln Eloquiadisplay Medium, sans-serif;
  font-size: 1.19em;
  font-weight: 600;
  line-height: 1.2;
}

.steps_card-small-text._2 {
  margin-top: 4.5em;
}

.steps_card-text-white {
  color: var(--white);
  text-align: center;
  letter-spacing: -.02em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.05;
}

.steps_card-text-white.is--card {
  max-width: 15.7em;
}

.steps_card-text-white._106 {
  line-height: 106%;
}

.steps_card-text-white._106.desc-hide {
  display: none;
}

.grey {
  color: #aeb7e7;
}

.steps-card-image2 {
  width: 5.13em;
  margin-bottom: 2em;
}

.steps_visual {
  justify-content: space-between;
  width: 100%;
  margin-left: -1em;
  padding-top: 9.75em;
  display: flex;
  position: relative;
}

.roi {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.roi_h2 {
  color: #fff;
  text-align: center;
  letter-spacing: -.04em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 5em;
  font-weight: 600;
  line-height: 88.75%;
}

.roi_h2.grad.is--card {
  font-size: 4em;
}

.fast_h2-copy {
  color: var(--black);
  letter-spacing: -.04em;
  font-family: Typekiln Eloquiadisplay, sans-serif;
  font-size: 5em;
  font-weight: 600;
  line-height: 88.75%;
}

.fast_h2-copy.grad.is--card {
  font-size: 4em;
}

.roi_desc-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 50.88em;
  padding-top: 3.75em;
  display: flex;
}

.roi_visual {
  grid-row-gap: 1.88em;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-top: 6em;
  display: flex;
}

.roi_visual-item {
  width: 14em;
  height: 30.31em;
  position: relative;
}

.roi_visual-item.is--center {
  z-index: 22;
  width: 15.2em;
  height: 31em;
  position: absolute;
  inset: 3.5em auto 0% 28.575em;
}

.roi_visual-item.is--center-2 {
  z-index: 22;
  border-radius: 30px;
  width: 15.5em;
  height: 31em;
  display: flex;
  position: absolute;
  inset: 7.7em auto 0% 27.475em;
  overflow: hidden;
}

.roi_visual-item.absolute {
  width: 7.56em;
  height: 16.38em;
  position: absolute;
  inset: 4.5em auto auto 2em;
}

.roi_visual-item.absolute-2 {
  width: 9.88em;
  height: 21.3em;
  position: absolute;
  inset: 5% auto auto 10.2em;
}

.roi_visual-item.absolute-3 {
  width: 7.56em;
  height: 16.38em;
  position: absolute;
  inset: 4.3em 8em auto auto;
}

.roi_visual-item.absolute-4 {
  width: 7.56em;
  height: 16.38em;
  position: absolute;
  inset: 4.4em -.1em auto auto;
}

.roi_items-row {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.footer {
  width: 100%;
}

.footer_row {
  justify-content: space-between;
  display: flex;
}

.footer_row.is--bottom {
  justify-content: center;
  align-items: center;
  padding-top: 3.13em;
}

.footer_item {
  grid-column-gap: 2.25em;
  display: flex;
}

.footer_item.right {
  grid-column-gap: 0em;
}

.footer_item.flex {
  flex-direction: column;
  align-items: center;
  max-width: 10.63em;
  margin-left: -4em;
}

.footer_item.minus {
  margin-right: -3em;
}

.footer_item.padding-top {
  padding-top: 1em;
}

.footer_text-link {
  color: var(--black);
  font-family: Typekiln Eloquiadisplay Medium, sans-serif;
  font-size: 1.06em;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: opacity .3s;
}

.footer_text-link:hover {
  opacity: .5;
}

.footer_soc-link {
  width: 3.25em;
  height: 3.25em;
  margin-right: -.5em;
  transition: opacity .3s;
}

.footer_soc-link:hover {
  opacity: .5;
}

.footer_soc-link-image {
  width: 100%;
  height: 100%;
}

.footer_logo {
  width: 4.88em;
  height: 4.88em;
  margin-bottom: 1em;
}

.footer_logo-text {
  color: var(--black);
  text-align: center;
  font-size: .88em;
  line-height: 145%;
}

.footer_logo-text.opacity {
  opacity: .45;
}

.most_card-grey-line {
  background-color: #979797;
  width: 100%;
  height: 100%;
}

.hero_gradient-wrapper {
  width: 19.25em;
  height: 5em;
  padding: 2px;
  position: relative;
}

.roi_visual-face {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% -2%;
}

.roi_visual-face.more {
  border-radius: 50px;
  width: 95%;
  max-width: none;
  height: auto;
  inset: 2% 0% 0%;
  overflow: hidden;
}

.roi_visual-face.more-2 {
  object-fit: cover;
  border-radius: 30px;
  width: 96%;
  max-width: none;
  height: 100%;
  bottom: -2.5%;
  left: 0%;
  overflow: hidden;
}

.roi_visual-face.abs {
  border-bottom-right-radius: 1.06em;
  border-bottom-left-radius: 1.06em;
  height: 100%;
  bottom: -4%;
  overflow: hidden;
}

.hero_visual-video {
  object-fit: contain;
  border-radius: 24px;
  width: 100%;
  height: 90%;
  bottom: -.5em;
}

.hero_visual-video.center {
  object-fit: contain;
  width: 74.07em;
  max-width: none;
  height: 61.29em;
}

.hero_visual-video.less {
  border-radius: 30px 30px 0 0;
  width: 96%;
  bottom: -.4em;
  left: auto;
  overflow: hidden;
}

.hero_visual-video.second {
  border-radius: 24px 24px 0 0;
  width: 94%;
  bottom: -.4em;
  left: .2em;
  overflow: hidden;
}

.hero_visual-video.radius-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.hero_visual-video.radius-bottom.abs {
  border-top-left-radius: 1.5em;
  border-top-right-radius: 1.5em;
  height: 91%;
}

.mockup-video {
  z-index: 99;
  object-fit: contain;
  width: 100%;
  height: 53%;
  position: absolute;
  inset: 11% 0% auto;
}

.mockup-video._2 {
  object-fit: contain;
  height: 25.5%;
  top: 12%;
}

.mockup-video._3 {
  object-fit: cover;
  border-radius: 14px;
  height: 80%;
  top: 8%;
}

.mockup-video._4 {
  object-fit: cover;
  height: 60%;
  top: 16%;
}

.mockup-video.fast {
  height: 52%;
}

.fast_visual-image-2 {
  z-index: 4;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fast_visual-video {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 767px) {
  .container.is--hero {
    padding: 10.5em 0 30em;
  }

  .container.is--nav {
    padding-top: 6.25em;
  }

  .container.is--fast {
    padding: 13em 0 15em 5em;
  }

  .container.is--most {
    padding: 19em 5em;
  }

  .container.is--steps {
    padding: 12.5em 5em 40em;
  }

  .container.is--roi {
    padding: 17.5em 0 20em;
  }

  .container.is--full {
    padding-top: 12.75em;
    padding-left: 5em;
    padding-right: 5em;
  }

  .container.is--footer {
    padding-top: 10em;
  }

  .hero_desc-text {
    font-size: 6em;
  }

  .hero_h1-wrapper {
    padding-top: 6em;
  }

  .hero_h1 {
    letter-spacing: -.03em;
    font-size: 12em;
    line-height: 93%;
  }

  .hero_p-wrapper {
    max-width: 67em;
    padding-top: 6em;
  }

  .hero_p {
    font-size: 4.25em;
    line-height: 140%;
  }

  .hero_btn-wrapper {
    padding-top: 8.25em;
  }

  .hero_btn-wrapper.fade {
    padding-top: 7.5em;
  }

  .main_btn-text {
    font-size: 3.5em;
    line-height: 1.2;
  }

  .gradient {
    width: 100%;
    height: 100%;
  }

  .hero_visual {
    margin-left: -10em;
    margin-right: -10em;
    padding-top: 20em;
  }

  .hero_visual-left.minus {
    margin-left: -6em;
  }

  .hero_visual-right.minus2 {
    margin-right: -4em;
  }

  .hero_visual-item {
    width: 27.5em;
    height: 59.5em;
  }

  .hero_visual-item.mob-hide {
    display: none;
  }

  .hero_visual-image {
    object-fit: scale-down;
  }

  .hero_visual-image.center {
    object-fit: contain;
    width: 196em;
    height: 118em;
  }

  .hero_visual-center {
    top: 11em;
    left: 0%;
  }

  .hero_visual-center.is--steps {
    top: 11.5em;
    left: 0%;
  }

  .nav_logo {
    width: 19.5em;
    height: 19.5em;
  }

  .hero_bg {
    width: 220%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    inset: 0% auto auto;
  }

  .fast {
    width: 100%;
  }

  .fast_h2-wrapper {
    max-width: 90%;
  }

  .fast_h2 {
    letter-spacing: -.043em;
    font-size: 11em;
    line-height: 94%;
  }

  .fast_h2.grad {
    letter-spacing: -.03em;
    font-size: 11em;
  }

  .fast_h2.grad.is--card {
    letter-spacing: -.02em;
    font-size: 10em;
    line-height: 100%;
  }

  .fast_h2.fade {
    font-size: 11em;
  }

  .fast_visual {
    padding-top: 12em;
    padding-right: 5em;
    overflow: auto;
  }

  .fast_visual.fade {
    width: auto;
    min-width: 100%;
    margin-left: -5em;
    padding-left: 5em;
    padding-right: 0;
    overflow: auto;
  }

  .fast_visual-item {
    flex: none;
    width: 35em;
    height: auto;
  }

  .fast_line-component {
    width: 100%;
    min-width: 147em;
    padding-top: 9em;
    padding-right: 2em;
  }

  .fast_items-wrapper {
    grid-column-gap: 2em;
    justify-content: flex-start;
    width: 100%;
    min-width: 100%;
    padding-right: 0;
  }

  .fast_line-top {
    width: 100%;
  }

  .fast_line-heading {
    flex: none;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4em;
  }

  .fast_line-wrapper {
    margin-top: 2.75em;
    margin-bottom: 3em;
  }

  .fast_line-logos-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .fast_logo-image._1 {
    width: 23.75em;
    margin-right: 0;
  }

  .fast_logo-image._3 {
    width: 15em;
    margin-right: 14em;
  }

  .fast_logo-image._2 {
    width: 22.5em;
    margin-right: 10em;
  }

  .fast_logo-image._4 {
    width: 21.75em;
  }

  .most_h3-wrapper {
    max-width: 75em;
  }

  .most_h3 {
    letter-spacing: -.02em;
    font-size: 6em;
    line-height: 108%;
  }

  .most_h3.is--card {
    letter-spacing: -.01em;
  }

  .most_visual {
    padding-top: 7.5em;
  }

  .most_visual-item-1 {
    width: 105em;
    height: auto;
    margin-top: -10em;
  }

  .most_cards-wrapper {
    grid-row-gap: 4em;
    padding-top: 11.25em;
  }

  .most_card._1 {
    padding: 10.5em 7.5em 13em;
  }

  .most_card._2 {
    padding: 11em 7.5em 9.5em;
  }

  .most_card-content.flex {
    flex-direction: column;
    align-items: center;
  }

  .most_card-content-top {
    grid-row-gap: 6em;
    flex-direction: column;
  }

  .most_card-content-bottom {
    padding-top: 5em;
  }

  .most_card-content-item {
    padding-top: 5.5em;
    position: relative;
  }

  .most_card-content-item._1 {
    width: 100%;
    padding-top: 5.5em;
    position: relative;
  }

  .most_card-content-item._2 {
    width: 90%;
    position: relative;
  }

  .most_card-item-line-wrapper {
    grid-row-gap: 2em;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .most_card-line {
    perspective-origin: 0%;
    transform-origin: 0%;
    width: 20%;
    height: 6px;
  }

  .most_card-line.long {
    width: 69%;
  }

  .most_card-line.longer {
    width: 101%;
  }

  .most_card-number {
    margin-left: 4em;
    font-family: Typekiln Eloquiadisplay, sans-serif;
    font-size: 3.75em;
    font-weight: 600;
    line-height: 1;
  }

  .most_card-number.grey {
    white-space: nowrap;
    margin-left: 10em;
  }

  .most_card-number.grey.half-margin {
    margin-left: 7em;
    line-height: 1.2;
  }

  .most-card-image1 {
    width: 12em;
    margin-top: -6em;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .most_card-item-text {
    font-family: Typekiln Eloquiadisplay, sans-serif;
    font-size: 3.75em;
    font-weight: 600;
    position: absolute;
    inset: auto auto 0% 0%;
  }

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

  .most_card-content-left {
    grid-row-gap: 10.5em;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .most_card-heading {
    text-align: center;
    font-size: 10em;
    line-height: 100%;
  }

  .most_card-price {
    grid-row-gap: 5.25em;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .price-text {
    font-size: 15em;
  }

  .price-text-small {
    font-size: 3.75em;
  }

  .most_card-btn-wrapper {
    width: 100%;
    height: 17.5em;
  }

  .most_card-right, .most_card-image {
    display: none;
  }

  .most_flex-cards {
    grid-row-gap: 5em;
    flex-direction: column;
  }

  .most_card-small.blue {
    width: 100%;
    height: auto;
    padding-top: 12.5em;
    padding-bottom: 16.25em;
  }

  .most_card-small.black {
    width: 100%;
    height: auto;
    padding-top: 12em;
    padding-bottom: 22.5em;
  }

  .most_card-small.white {
    width: 100%;
    height: auto;
    padding-top: 10em;
    padding-bottom: 26.5em;
  }

  .small-card-logos {
    grid-column-gap: 4em;
  }

  .card_logo-image._1 {
    width: 27em;
  }

  .card_logo-image._2 {
    width: 18.75em;
  }

  .card_logo-image._3 {
    width: 24.25em;
  }

  .card_logo-image._4 {
    width: 24.5em;
  }

  .small-card_h-wrapper {
    padding-top: 6em;
  }

  .small-card_h {
    font-size: 9em;
    line-height: 100%;
  }

  .small-card_p-wrapper, .small-card_p-wrapper._2 {
    max-width: 66.5em;
    padding-top: 4.25em;
  }

  .small-card_p {
    letter-spacing: .01em;
    font-family: Typekiln Eloquiadisplay, sans-serif;
    font-size: 3.75em;
    font-weight: 600;
  }

  .small-card_image-wrapper {
    padding-top: 16.75em;
  }

  .small-card_image1 {
    width: 37em;
  }

  .small-card_image1.small {
    width: 25em;
  }

  .small-card_image2 {
    width: 68.5em;
  }

  .giant-text-wrapper {
    text-align: center;
    padding-top: 17em;
  }

  .giant-h3 {
    font-size: 15em;
  }

  .giant-p-wrapper {
    padding-top: 6.5em;
  }

  .giant-p-wrapper.is--roi {
    max-width: none;
    padding-top: 5.25em;
    padding-left: 5em;
    padding-right: 5em;
  }

  .steps {
    margin-left: -5em;
    margin-right: -5em;
  }

  .steps.areas {
    margin-left: 0;
    margin-right: 0;
  }

  .steps_header {
    grid-row-gap: 4em;
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .steps_h-wrapper {
    max-width: none;
  }

  .steps_h2 {
    font-size: 11em;
  }

  .steps_h3-wrapper {
    max-width: 59em;
  }

  .steps_h3-wrapper.big {
    max-width: 65em;
  }

  .steps-h3 {
    text-align: center;
    font-size: 6em;
    line-height: 108%;
  }

  .steps_cards-wrapper {
    grid-column-gap: 4em;
    padding-top: 10em;
    padding-left: 5em;
    padding-right: 5em;
    overflow: auto;
  }

  .steps_card.white {
    flex: none;
    width: 62.6667em;
    height: 103.111em;
    padding-top: 14em;
  }

  .steps_card.blue {
    flex: none;
    width: 62.6667em;
    height: 103.111em;
    padding-top: 0;
  }

  .steps_card-image {
    width: 20em;
    margin-bottom: 9.25em;
  }

  .steps_card-image.is--blue {
    width: 49em;
    margin-bottom: 4em;
  }

  .steps_card-text {
    letter-spacing: -.01em;
    font-size: 6em;
    line-height: 106%;
  }

  .steps_card-small-text {
    letter-spacing: .01em;
    font-size: 3.75em;
  }

  .steps_card-small-text._2 {
    margin-top: 3em;
  }

  .steps_card-text-white, .steps_card-text-white._106 {
    font-size: 6em;
  }

  .steps_card-text-white._106.mob_hide, .steps_card-text-white._106.mob-hide {
    display: none;
  }

  .steps_card-text-white._106.desc-hide {
    font-size: 5em;
    line-height: 112%;
    display: block;
  }

  .steps-card-image2 {
    width: 20.5em;
    margin-bottom: 4em;
  }

  .steps_visual {
    margin-left: 0;
    padding-top: 20em;
  }

  .roi {
    align-items: center;
  }

  .roi_h2 {
    font-size: 10em;
  }

  .roi_desc-wrapper {
    justify-content: center;
    padding-top: 7.5em;
  }

  .roi_visual {
    grid-row-gap: 3em;
    padding-top: 16em;
  }

  .roi_visual-item {
    flex: none;
    width: 37.75em;
    height: 81.5em;
    overflow: hidden;
  }

  .roi_visual-item.is--center {
    width: 30.4em;
    height: 64em;
    top: 4.9em;
    left: 24.275em;
  }

  .roi_visual-item.is--center-2 {
    width: 39em;
    height: 81em;
    top: 1.3em;
    left: 17.975em;
  }

  .roi_items-row {
    grid-column-gap: 3em;
    overflow: auto;
  }

  .footer_row {
    flex-direction: column;
    align-items: center;
  }

  .footer_row.is--bottom {
    padding-top: 1em;
  }

  .footer_item.right.padding-top {
    margin-top: 0;
    padding-top: 0;
  }

  .footer_item.flex {
    order: -1;
    max-width: none;
    margin-left: 0;
  }

  .footer_item.padding-top {
    margin-top: 5.5em;
    margin-bottom: 5.5em;
  }

  .footer_text-link {
    font-size: 3.75em;
  }

  .footer_soc-link {
    width: 16em;
    height: 16em;
    margin-right: -4em;
  }

  .footer_logo {
    width: 19.5em;
    height: 19.5em;
    margin-bottom: 4.5em;
  }

  .footer_logo-text {
    max-width: 13em;
    font-size: 3.5em;
  }

  .footer_logo-text.opacity {
    max-width: none;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .hero_gradient-wrapper {
    width: 71.25em;
    height: 17.5em;
  }

  .roi_visual-face.more {
    border-radius: 18px;
    width: 97%;
    height: 97%;
    bottom: 2%;
    left: 0%;
    overflow: hidden;
  }

  .roi_visual-face.more-2 {
    width: 97%;
    height: 98%;
    bottom: 0%;
    left: 0%;
  }

  .hero_visual-video {
    object-fit: scale-down;
  }

  .hero_visual-video.center {
    object-fit: contain;
    width: 196em;
    height: 118em;
  }

  .hero_visual-video.less {
    border-radius: 24px 24px 0 0;
  }

  .hero_visual-video.second {
    border-radius: 20px 20px 0 0;
  }

  .mockup-video._2 {
    top: 13%;
  }

  .mockup-video._4 {
    max-width: 100%;
    height: 48%;
    top: 22%;
  }

  .fast_visual-video.mob-hide {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .hero_visual-center.is--steps {
    left: 4%;
  }

  .most_card-content-item._2 {
    padding-bottom: 0;
  }

  .most-card-image1 {
    margin-top: 0;
  }

  .padding-top {
    margin-top: 0;
  }

  .roi_visual-item.is--center-2 {
    border-radius: 24px;
    height: 80em;
    top: 1.1em;
    left: 17.775em;
    overflow: hidden;
  }

  .roi_visual-face.more-2 {
    width: 97%;
    height: 99%;
    bottom: 0%;
  }

  .hero_visual-video.less {
    border-radius: 18px 18px 0 0;
  }

  .hero_visual-video.second {
    border-radius: 18px 18px 0 0;
    width: 95%;
  }

  .mockup-video._4 {
    height: 60%;
    top: 17%;
  }
}


@font-face {
  font-family: 'Typekiln Eloquiadisplay';
  src: url('../fonts/Typekiln---EloquiaDisplay-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Typekiln Eloquiadisplay Light';
  src: url('../fonts/Typekiln---EloquiaDisplay-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Typekiln Eloquiadisplay Medium';
  src: url('../fonts/Typekiln---EloquiaDisplay-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Typekiln Eloquiadisplay Regular';
  src: url('../fonts/Typekiln---EloquiaDisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}