:root {
  --color--background: var(--color-primitives--indigo-500);
  --indigo: #6360e1;
  --white: white;
  --text-primitives--headings: Epilogue, sans-serif;
  --color-label--primary-light: var(--color-primitives--white-900);
  --text-primitives--paragraphs: Inter, sans-serif;
  --color-label--secondary-light: var(--color-primitives--white-700);
  --black: #1a181c;
  --color--text: var(--color-primitives--white-900);
  --colors--surface-white: var(--color-primitives--white-900);
  --color-label--primary-dark: var(--color-primitives--gray-900);
  --color-primitives--indigo-100: #e9e8ff;
  --ghost-white: #f3f3fd;
  --dim-grey: #767580;
  --color-primitives--black-200: #0003;
  --colors--surface-gray: var(--color-primitives--gray-050);
  --white-smoke: #f8f7fa;
  --text-primitives--captions: Inter, sans-serif;
  --colors--surface-dark: var(--color-primitives--gray-900);
  --color-primitives--gray-900: #0e0e12;
  --red: #df0043;
  --color-primitives--neutral-050: #f2f2f2;
  --black-bg: #010314;
  --grey200: #ececee;
  --color-primitives--black-050: #0000000d;
  --color-label--secondary-dark: var(--color-primitives--gray-600);
  --color-label--tritely-dark: var(--color-primitives--black-600);
  --color-label--tritely-light: var(--color-primitives--white-400);
  --color-label--quarterly-dark: var(--color-primitives--black-300);
  --color-label--quarterly-light: var(--color-primitives--white-300);
  --text-primitives--buttons: Epilogue, sans-serif;
  --colors--button-bg-primary-light: var(--color-primitives--indigo-500);
  --color-primitives--black-100: #0000001a;
  --colors--button-label-primary-light: var(--color-label--primary-light);
  --color-primitives--indigo-600: #5553c2;
  --color-primitives--indigo-700: #44439c;
  --colors--button-bg-primary-dark: var(--color-primitives--white-900);
  --colors--button-label-primary-dark: var(--color-label--primary-dark);
  --color-primitives--white-700: #fffc;
  --color-primitives--black-600: #0009;
  --color-primitives--black-500: #00000080;
  --color-primitives--transparent: #0000;
  --colors--button-bg-secondary-light: var(--color-primitives--transparent);
  --colors--button-label-secondary-light: var(--color-label--primary-dark);
  --colors--button-label-secondary-dark: var(--color-label--primary-light);
  --color-primitives--black-800: #000000e6;
  --color-primitives--white-100: #ffffff1a;
  --color--button-background: var(--color-primitives--white-900);
  --color--button-text: var(--color-primitives--gray-900);
  --medium-sea-green: #00a857;
  --swach: white;
  --color-primitives--indigo-900: #1c1b40;
  --color-primitives--indigo-800: #323073;
  --color-primitives--indigo-500: #6360e1;
  --color-primitives--indigo-400: #7a78f0;
  --color-primitives--indigo-300: #a3a2f5;
  --color-primitives--indigo-200: #cbc9ff;
  --color-primitives--indigo-050: #f7f7fa;
  --color-primitives--gray-800: #24242e;
  --color-primitives--gray-700: #3f3f50;
  --color-primitives--gray-600: #58576d;
  --color-primitives--gray-500: #6f6f89;
  --color-primitives--gray-400: #908fa3;
  --color-primitives--gray-300: #adadbc;
  --color-primitives--gray-200: #d1d1db;
  --color-primitives--gray-100: #ebebef;
  --color-primitives--gray-050: #f8f7fa;
  --color-primitives--neutral-900: #0d0d0d;
  --color-primitives--neutral-800: #1a1a1a;
  --color-primitives--neutral-700: #333;
  --color-primitives--neutral-600: #666;
  --color-primitives--neutral-500: #7f7f7f;
  --color-primitives--neutral-400: #999;
  --color-primitives--neutral-300: #b2b2b2;
  --color-primitives--neutral-200: #ccc;
  --color-primitives--neutral-100: #e5e5e5;
  --color-primitives--white-900: #fff;
  --color-primitives--white-800: #ffffffe6;
  --color-primitives--white-600: #fff9;
  --color-primitives--white-500: #ffffff80;
  --color-primitives--white-400: #fff6;
  --color-primitives--white-300: #ffffff4d;
  --color-primitives--white-200: #fff3;
  --color-primitives--white-050: #ffffff0d;
  --color-primitives--black-900: black;
  --color-primitives--black-700: #000c;
  --color-primitives--black-400: #0006;
  --color-primitives--black-300: #0000004d;
  --colors--surface-indigo: var(--color-primitives--indigo-500);
  --colors--button-bg-secondary-dark: var(--color-primitives--transparent);
  --dark--background: var(--color-primitives--gray-900);
  --dark--text: var(--color-primitives--white-900);
  --dark--button-text: var(--color-primitives--gray-900);
  --dark--button-background: var(--color-primitives--white-900);
  --indigo--background: var(--color-primitives--indigo-500);
  --indigo--text: var(--color-primitives--white-900);
  --indigo--button-text: var(--color-primitives--gray-900);
  --indigo--button-background: var(--color-primitives--white-900);
  --light--background: var(--color-primitives--white-900);
  --light--text: var(--color-primitives--gray-900);
  --light--button-text: var(--color-primitives--white-900);
  --light--button-background: var(--color-primitives--indigo-500);
}

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

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  text-decoration: none;
  display: block;
}

.body {
  background-color: var(--color--background);
}

.wrap {
  width: 100vw;
  height: 100%;
}

.hero--section {
  background-color: var(--indigo);
  outline-offset: 0px;
  color: var(--white);
  outline: 3px #fff;
  height: 100%;
  min-height: 100vh;
  font-family: Epilogue, sans-serif;
  position: relative;
}

.hero--section.cut {
  min-height: auto;
  padding-bottom: 64px;
}

.header {
  z-index: 999;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  color: #fff;
  font-family: Epilogue, sans-serif;
  display: block;
  position: fixed;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.container {
  z-index: 998;
  width: 100%;
  height: 100%;
  padding-left: 32px;
  padding-right: 32px;
}

.content--wrap {
  position: relative;
}

.hero--text {
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  display: flex;
  position: relative;
}

.h1 {
  z-index: 1;
  font-family: var(--text-primitives--headings);
  letter-spacing: -.04em;
  -webkit-text-stroke-color: var(--color-label--primary-light);
  white-space: break-spaces;
  word-break: normal;
  max-width: 30ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  position: relative;
}

.p1 {
  font-family: var(--text-primitives--paragraphs);
  letter-spacing: -.025em;
  max-width: 44ch;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.75;
}

.p1.t80 {
  z-index: 1;
  -webkit-text-stroke-color: var(--color-label--secondary-light);
  position: relative;
}

.t80 {
  opacity: .8;
}

.button--wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24vw;
  max-width: 240px;
  margin-top: auto;
  display: flex;
}

.button--wrap.light {
  grid-row-gap: 8px;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 20vw;
  max-width: 320px;
  margin-top: 0;
}

.button--wrap.giant {
  z-index: 1;
  perspective: 1600px;
  width: 100%;
  position: relative;
}

.main-cta--button {
  color: var(--black);
  text-align: center;
  letter-spacing: -.0125em;
  cursor: pointer;
  background-color: #fff;
  border-radius: 16px;
  padding: 18px 16px;
  font-family: Epilogue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: background-color .3s cubic-bezier(.39, .575, .565, 1);
}

.main-cta--button:hover {
  color: var(--black);
  background-color: #ffffffd9;
}

.main-cta--button:active {
  background-color: #fffc;
}

.main-cta--button.small {
  border-radius: 12px;
  flex: 1;
  max-height: 44px;
  padding: 12px 20px 11px;
  font-size: 13px;
  transition: background-color .3s cubic-bezier(.39, .575, .565, 1), color .3s cubic-bezier(.39, .575, .565, 1), box-shadow .3s cubic-bezier(.39, .575, .565, 1), opacity .3s cubic-bezier(.39, .575, .565, 1);
}

.main-cta--button.small:hover {
  opacity: .8;
}

.main-cta--button.small:active {
  opacity: .7;
}

.main-cta--button.small.light:hover {
  opacity: 1;
}

.main-cta--button.big {
  opacity: 1;
  font-size: 16px;
}

.main-cta--button.big.light:hover {
  color: var(--black);
  background-color: #ffffffd9;
}

.main-cta--button.big.purple {
  background-color: var(--indigo);
  color: var(--white);
}

.main-cta--button.big.purple.full {
  width: 100%;
}

.main-cta--button.big.grey {
  background-color: #0000000d;
}

.main-cta--button.giant {
  border-radius: 6vw;
  padding: 9vw 16vw;
  font-size: 7vw;
  line-height: 1;
}

.main-cta--button.giant.purple {
  border: .025em solid var(--indigo);
  background-color: var(--indigo);
  transform-origin: 50% 0;
  color: var(--white);
  letter-spacing: -.03em;
  cursor: pointer;
  font-weight: 500;
  transition: box-shadow .4s, border-color .4s;
  box-shadow: inset 0 0 0 #fff0, 0 0 200px #6360e152;
}

.main-cta--button.giant.purple:hover {
  border-width: .025em;
  border-color: #ffffff4d;
  box-shadow: inset 0 0 .3em 0 #fff3, 0 0 200px #6360e1a3;
}

.header-content--wrap {
  z-index: 999;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}

.header--column {
  align-items: center;
  width: 20%;
  display: flex;
}

.header--column.right {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.header--wide-column {
  flex: 1;
}

.logo--wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.wording {
  justify-content: flex-start;
  align-items: center;
  height: 10px;
  display: flex;
  overflow: hidden;
}

.symbol {
  border: 1px solid #1a1a1b;
  border-radius: 10000px;
  width: 28px;
  overflow: hidden;
}

.wording--img {
  max-width: none;
  height: 100%;
  max-height: 100%;
}

.page--button {
  z-index: 999;
  opacity: 1;
  color: var(--color--text);
  letter-spacing: -.015em;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 400;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.page--button:hover {
  opacity: .64;
}

.page--button:active {
  opacity: .5;
}

.page-buttons--wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.hero--images {
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  min-height: 100vh;
  margin-bottom: -100vh;
  margin-left: -32px;
  margin-right: -32px;
  padding-top: 5vh;
  display: flex;
  position: sticky;
  top: 71px;
  overflow: hidden;
}

.hero-image-main-01--wrap {
  background-color: #ffffff1a;
  border-radius: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 80vw;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 24px 24px;
  display: flex;
  position: relative;
}

.hero-image-main-01--wrap.kv--mobile {
  display: none;
}

.kv--01 {
  border-radius: 16px;
  flex: 1;
  width: 100%;
  max-width: 1140px;
}

.kv-header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 13px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.circles {
  grid-column-gap: 8px;
  flex-direction: row;
  height: 14px;
  display: flex;
}

.circle {
  background-color: #ffffff29;
  border-radius: 120px;
  width: 14px;
  height: 14px;
}

.circle.big {
  width: 24px;
  height: 24px;
}

.header--bg {
  background-color: #6360e1f0;
  position: absolute;
  inset: 0%;
}

.hero-image-main-02--wrap {
  background-color: #ffffff1a;
  border: 1px solid #bdbdbd33;
  border-radius: 24px;
  width: 34vw;
  min-width: 200px;
  max-width: 450px;
  margin-top: 13%;
  margin-left: 67vw;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 0 100px #34328129;
}

.hero-image-main-02--wrap.kv--mobile {
  display: none;
}

.kv--03 {
  width: 100%;
  max-width: 340px;
  position: relative;
}

.hero-image-main-03--wrap {
  background-color: #fff;
  border: 1px solid #bdbdbd33;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 24vw;
  min-width: 250px;
  max-width: 340px;
  margin-top: 8%;
  margin-right: 72vw;
  display: flex;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 0 100px #6360e129;
}

.hero-image-main-03--wrap.kv--mobile {
  display: none;
}

.kv--02 {
  width: 100%;
  max-width: 500px;
}

.second-section {
  background-color: var(--colors--surface-white);
  outline-offset: 0px;
  transform-origin: 50% 0;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  outline: 3px #1a181c;
  margin-top: -32px;
  position: relative;
  overflow: hidden;
}

.quote {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  color: var(--black);
  grid-template: ". . Area Area Area Area Area"
                 ". . . Area-2 Area-2 Area-2 ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 64px;
  display: grid;
}

.base--wrap {
  padding-top: 120px;
}

.qoute--wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.h2 {
  font-family: var(--text-primitives--headings);
  letter-spacing: -.04em;
  -webkit-text-stroke-color: var(--color-label--primary-dark);
  white-space: break-spaces;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
}

.p2 {
  font-family: var(--text-primitives--paragraphs);
  color: var(--color-label--primary-dark);
  max-width: 44ch;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 135%;
}

.logos--line {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 75%;
  min-width: 75%;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

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

.logo {
  justify-content: center;
  align-items: center;
  width: 16.6667%;
  display: flex;
}

.third-section {
  background-color: var(--colors--surface-white);
  outline-offset: 0px;
  outline: 3px #333;
  padding-top: 120px;
  padding-bottom: 120px;
}

.tab--title {
  grid-column-gap: 16px;
  transform-origin: 50% 0;
  object-fit: fill;
  align-items: center;
  font-size: 24px;
  display: flex;
  position: relative;
}

.tab--icon {
  border: 1px solid var(--color-primitives--indigo-100);
  background-color: var(--ghost-white);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  display: flex;
}

.h3 {
  font-family: var(--text-primitives--headings);
  letter-spacing: -.04em;
  white-space: break-spaces;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.1;
}

.arrow {
  width: 20px;
  height: 20px;
  position: relative;
  inset: 0% 0% 0% auto;
}

.title--text {
  transform-origin: 50% 0;
  color: var(--dim-grey);
  padding-left: 52px;
  display: block;
  overflow: hidden;
}

.fourth-section {
  background-color: var(--colors--surface-white);
  outline-offset: 0px;
  outline: 3px #333;
  align-items: center;
  min-height: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: block;
}

.fourth-section_header {
  grid-row-gap: 32px;
  color: var(--black);
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 64px;
  display: flex;
}

.business-type_links_grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  place-content: center;
  align-items: flex-start;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.business-type_link {
  grid-column-gap: 16px;
  border: .5px solid var(--color-primitives--black-200);
  color: var(--black);
  letter-spacing: -.05em;
  white-space: nowrap;
  cursor: auto;
  border-radius: 16px;
  flex: 0 auto;
  align-items: center;
  min-width: 210px;
  padding: 16px 16px 16px 12px;
  font-family: Epilogue, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.h4 {
  font-family: var(--text-primitives--headings);
  letter-spacing: -.03em;
  white-space: break-spaces;
  word-break: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
}

.business-type_links {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.fifth-section {
  background-color: var(--colors--surface-gray);
  outline-offset: 0px;
  outline: 3px #333;
  align-items: center;
  min-height: 80vh;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.plate {
  background-color: #fff;
  border-radius: 24px;
  flex: 1;
  align-self: stretch;
  padding-bottom: 24px;
  overflow: hidden;
}

.plate.last {
  color: var(--black);
  flex-direction: row;
  padding-bottom: 0;
  display: flex;
}

.plate.ai {
  background-image: linear-gradient(180deg, var(--indigo), #fceff7 78%, white);
}

.plate-visual__wrap {
  height: 260px;
  max-height: 250px;
  position: relative;
}

.plate-text__wrap {
  grid-row-gap: 8px;
  text-align: left;
  flex-direction: column;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.plate-title {
  grid-column-gap: 12px;
  color: var(--black);
  letter-spacing: -.05em;
  flex-direction: row;
  align-items: flex-start;
  font-family: Epilogue, sans-serif;
  font-weight: 400;
  display: flex;
}

.plate-icon {
  width: 24px;
  height: 24px;
}

.h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Epilogue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.plate-paragraph__wrap {
  color: var(--dim-grey);
  padding-left: 36px;
}

.p3 {
  font-family: var(--text-primitives--paragraphs);
  letter-spacing: -.015em;
  max-width: 64ch;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.75;
}

.p3.grey {
  color: var(--dim-grey);
}

.p3.t60 {
  font-size: 13px;
}

.sixth-section {
  background-color: var(--white-smoke);
  outline-offset: 0px;
  outline: 3px #333;
  align-items: center;
  min-height: 80vh;
  padding-top: 160px;
  padding-bottom: 160px;
  display: none;
}

.sixth-section_header {
  grid-row-gap: 32px;
  color: var(--black);
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 64px;
  display: flex;
}

.underline {
  width: 37.5%;
  height: 48px;
}

.quotes__wrap {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: -32px;
  margin-left: -32px;
  margin-right: -32px;
  padding-bottom: 32px;
  overflow: scroll;
}

.quotes__row {
  grid-column-gap: 16px;
  width: auto;
  display: flex;
}

.quotes__row._02 {
  width: auto;
  margin-left: 6.25%;
}

.customer--quote {
  background-color: var(--white);
  border-radius: 24px;
  width: 37.5vw;
  min-width: 37.5vw;
  padding: 24px 32px 32px;
}

.qoutes {
  margin-bottom: -16px;
  margin-left: auto;
  display: block;
}

.customer--photo {
  border-radius: 1000px;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
}

.customer-quote__header {
  grid-column-gap: 24px;
  flex-direction: row;
  margin-bottom: 24px;
  display: flex;
}

.customer__info {
  grid-row-gap: 4px;
  color: var(--black);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.quotes-moving__wrap {
  grid-row-gap: 16px;
  flex-direction: column;
  width: auto;
  min-width: 200vw;
  max-width: 200vw;
  padding-left: 12.5%;
  padding-right: 6.25%;
  display: flex;
}

.quotes-buttons {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.moving__button {
  background-color: #ececee;
  border-radius: 16px;
  padding: 20px 32px;
  transition: background-color .2s;
}

.moving__button:hover {
  background-color: #dfdfe0;
}

.moving__button:active {
  background-color: #dadada;
}

.image-2 {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
}

.seventh-section {
  background-color: var(--colors--surface-white);
  outline-offset: 0px;
  outline: 3px #333;
  align-items: center;
  min-height: 80vh;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.seventh-section__columns {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.seventh--column {
  border-radius: 16px;
  width: 100%;
  min-height: 80vh;
}

.seventh--column.left {
  background-color: var(--white-smoke);
  perspective: 1500px;
  color: var(--black);
  border-radius: 24px;
  justify-content: center;
  align-items: flex-end;
  min-height: auto;
  padding-top: 10%;
  display: flex;
  overflow: hidden;
}

.seventh--column.left.newsletter {
  background-color: var(--color--background);
  justify-content: center;
  align-items: center;
  padding-top: 0%;
}

.seventh--column.right {
  grid-row-gap: 80px;
  background-color: var(--indigo);
  color: var(--white);
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  min-height: auto;
  padding: 64px;
  display: flex;
}

.seventh--column.right.newsletter {
  background-color: var(--ghost-white);
  justify-content: flex-start;
  align-items: flex-start;
}

.column--text {
  grid-row-gap: 32px;
  flex-direction: column;
  max-width: 400px;
  display: flex;
}

.app-stores {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.store--buttons {
  grid-column-gap: 16px;
  display: flex;
}

.app--store {
  background-color: #ffffff1a;
  border: 1px solid #ffffff52;
  border-radius: 12px;
  padding: 8px 12px;
  transition: background-color .4s;
}

.app--store:hover {
  background-color: #fff3;
}

.store-logo {
  min-height: 32px;
}

.app--kv {
  width: 80%;
  max-width: 340px;
  margin-bottom: -15%;
}

.eight-section {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--colors--surface-gray);
  outline-offset: 0px;
  color: var(--black);
  outline: 3px #1a181c;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 80vh;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}

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

.eight--header {
  grid-row-gap: 8px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.c1 {
  font-family: var(--text-primitives--captions);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.t60 {
  opacity: .6;
}

.t32 {
  opacity: .32;
}

.ninth-section {
  background-color: var(--colors--surface-gray);
  outline-offset: 0px;
  color: var(--black);
  outline: 3px #1a181c;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.ninth--plate {
  margin-left: 12.5%;
  margin-right: 12.5%;
  padding-left: 16px;
  padding-right: 16px;
}

.questions--plate {
  grid-row-gap: 32px;
  background-color: var(--indigo);
  color: var(--white);
  text-align: center;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 32px;
  display: flex;
}

.tenth-section {
  background-color: var(--colors--surface-dark);
  outline-offset: 0px;
  color: var(--black);
  outline: 3px #1a181c;
  align-items: flex-start;
  min-height: 80vh;
  padding-top: 240px;
  padding-bottom: 240px;
  display: flex;
}

.tenth--wrap {
  grid-column-gap: 16px;
  perspective: 1500px;
  color: var(--white);
  margin-left: 12.5%;
  margin-right: 12.5%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.demo--column {
  z-index: 99;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  display: flex;
  position: relative;
}

.demo--column.right {
  z-index: 98;
  perspective: 1500px;
  align-items: flex-end;
}

.demo-content {
  z-index: 2;
  grid-row-gap: 32px;
  flex-direction: column;
  margin-bottom: 64px;
  padding-right: 8vw;
  display: flex;
}

.eleventh-section {
  background-color: var(--colors--surface-dark);
  outline-offset: 0px;
  color: var(--black);
  outline: 3px #1a181c;
  align-items: flex-start;
  min-height: 80vh;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.eleventh--wrap {
  grid-row-gap: 32px;
  color: var(--white);
  flex-direction: column;
  align-items: center;
  font-family: Epilogue, sans-serif;
  display: flex;
}

.largetitle {
  font-family: var(--text-primitives--headings);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 180px;
  font-weight: 500;
  line-height: 1;
}

.underline__03 {
  filter: brightness(400%);
  max-width: 500px;
  margin-bottom: 20px;
}

.footer {
  background-color: var(--colors--surface-dark);
  outline-offset: 0px;
  color: var(--black);
  outline: 3px #1a181c;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 160px;
  display: flex;
  overflow: hidden;
}

.footer--wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area Area-2 Area-2 Area-3 Area-3 Area-4 Area-4"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer__column {
  grid-row-gap: 16px;
  color: var(--white);
  flex-direction: column;
  display: flex;
}

.footer__column.full__width {
  justify-content: space-between;
}

.page--link {
  color: var(--white);
  border-radius: 4px;
  align-self: flex-start;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 32px;
  min-height: 32px;
  max-height: none;
  font-family: Epilogue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
}

.page--link:hover {
  opacity: .6;
}

.page--link:active {
  opacity: .4;
}

.page--link:focus-visible, .page--link[data-wf-focus-visible] {
  outline-color: var(--indigo);
  outline-offset: 3px;
  outline-width: 2px;
  outline-style: solid;
}

.header--divider {
  background-color: var(--color--text);
  opacity: .06;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.light--part {
  min-height: 100vh;
  position: relative;
}

.dark--part {
  border: 1px solid #000;
  overflow: hidden;
}

.hero--images__wrap {
  height: 120vh;
  min-height: 120vh;
  max-height: 120vh;
  position: relative;
}

.hero-arrow-01 {
  color: var(--white);
  width: 20vw;
  min-width: 280px;
  max-width: 460px;
  height: 20vw;
  min-height: 280px;
  max-height: 490px;
  position: absolute;
  top: auto;
  bottom: -33px;
  left: 10.3vw;
}

.hero-arrow-02 {
  z-index: 0;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: center;
  width: 30vw;
  min-width: 200px;
  max-width: 570px;
  height: 24vw;
  min-height: 200px;
  max-height: 570px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: -59px;
  right: 2.7vw;
}

.heart--lottie {
  width: 12vw;
  min-width: 180px;
  max-width: 300px;
  height: 100%;
  min-height: 180px;
  max-height: 300px;
  position: relative;
  top: auto;
  bottom: auto;
  right: 0;
}

.logos {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.h0__wrap {
  perspective: 1500px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cas {
  background-image: radial-gradient(circle at 0 100%, #fff6, #0000), url('../images/CAS_01.webp');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

._01--01 {
  width: 32%;
  max-width: 220px;
  position: absolute;
  top: 62%;
  left: 63%;
}

._01--02 {
  width: 37%;
  max-width: 220px;
  position: absolute;
  top: 11%;
  left: 52%;
}

.ibx {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.v02--tabs__wrap {
  border: 2px solid var(--white-smoke);
  background-color: var(--white-smoke);
  border-radius: 100px;
  width: 80%;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.v02--tab {
  z-index: 1;
  white-space: nowrap;
  background-color: #0000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.v02--tab.w--current {
  background-color: var(--white);
}

.v02--notification {
  background-color: var(--red);
  border-radius: 100px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
  box-shadow: 0 0 10px #df00431a;
}

.tabs-menu-2 {
  width: 100%;
  height: 100%;
  display: flex;
}

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

._02--01 {
  width: 90%;
  max-width: 340px;
  position: absolute;
  top: auto;
  bottom: 15%;
}

._02--02 {
  width: 90%;
  max-width: 340px;
  position: absolute;
  top: auto;
  bottom: 41%;
}

.mem {
  width: 100%;
  height: 100%;
  position: relative;
}

._03--01 {
  max-width: 80%;
  position: absolute;
  inset: 50% auto auto;
}

._03--02 {
  position: absolute;
  inset: 0% auto auto;
}

._03--03 {
  max-width: 90%;
  position: absolute;
  inset: 25% auto auto;
}

.div-block {
  justify-content: center;
  height: 90%;
  display: flex;
  position: relative;
  top: 6%;
}

.rep {
  width: 100%;
  height: 100%;
  position: relative;
}

._04--01 {
  z-index: 2;
  width: 180px;
  margin-top: 24px;
  margin-left: 24px;
  position: relative;
}

._04--02__wrap {
  z-index: 1;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

._04--02__reveal {
  z-index: 1;
  transform-origin: 100%;
  background-color: #fff;
  width: 100%;
  height: 100%;
  margin-right: 0;
  position: absolute;
  inset: 0%;
}

._04--02 {
  z-index: 0;
  position: relative;
}

.stf {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

._07--01 {
  width: 85%;
  max-width: 290px;
  margin-right: 12%;
  position: absolute;
  inset: -10px auto auto;
}

._07--02 {
  width: 85%;
  max-width: 290px;
  margin-left: 15%;
  position: absolute;
  inset: 34px auto auto;
}

._07--03 {
  width: 85%;
  max-width: 290px;
  position: absolute;
  inset: 90px auto auto;
}

._07--04 {
  width: 85%;
  max-width: 290px;
  margin-left: 20%;
  position: absolute;
  inset: 140px auto auto;
}

.nws {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._08--gradient {
  z-index: 1;
  background-image: linear-gradient(#0000, #fff);
  height: 33%;
  position: absolute;
  inset: auto 0% 0%;
}

._08--gradient.mobile {
  display: none;
}

._08--01 {
  width: 90%;
  max-width: 260px;
  margin-bottom: 0%;
  position: absolute;
  inset: auto auto 0%;
}

.not {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

._09--01 {
  width: 100%;
  max-width: 360px;
  margin-top: -32px;
  position: absolute;
}

._09--02 {
  width: 90%;
  max-width: 320px;
  margin-top: 32px;
  position: absolute;
}

._09--03 {
  width: 80%;
  max-width: 280px;
  margin-top: 96px;
  position: absolute;
}

.pay {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._10--01 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

._10--02 {
  z-index: 0;
  max-width: none;
  max-height: 100%;
}

._10--02__wrap {
  height: 84%;
  margin-top: auto;
  margin-left: auto;
  padding-right: 32px;
  position: relative;
  top: auto;
  bottom: 0;
}

._10--02__gradient {
  background-image: linear-gradient(#0000, #fff);
  height: 40%;
  position: absolute;
  inset: auto 0% 0%;
}

.rew {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  display: flex;
  position: relative;
}

._11--01__wrap {
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 64px;
  display: flex;
  position: relative;
}

._11--01__bg {
  z-index: 1;
  transform-origin: 0 100%;
  max-width: none;
  height: 150px;
  position: relative;
}

._11--02__wrap {
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  height: 64px;
  margin-right: 10%;
  display: flex;
  position: relative;
}

._11--02__bg {
  z-index: 1;
  transform-origin: 100% 100%;
  max-width: none;
  height: 100px;
  position: relative;
}

.plg {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

._12--01 {
  background-color: var(--white-smoke);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  font-weight: 300;
  line-height: 1;
  display: flex;
}

._12--02 {
  width: 90%;
  max-width: 360px;
  margin-top: 24px;
}

.int {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._13--01 {
  z-index: 1;
  border: 2px solid var(--indigo);
  opacity: .08;
  border-radius: 1000000px;
  width: 20vw;
  max-width: 250px;
  height: 20vw;
  max-height: 250px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: -53%;
}

._13--02 {
  z-index: 1;
  border: 2px solid var(--indigo);
  opacity: .24;
  border-radius: 1000000px;
  width: 30vw;
  max-width: 450px;
  height: 30vw;
  max-height: 450px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: -81%;
}

._13--03 {
  z-index: 2;
  border-radius: 1000px;
  height: 48px;
  position: absolute;
  box-shadow: 0 2px 32px #3e3d5024;
}

._13--03._01 {
  margin-top: 80px;
  left: 102.484px;
  transform: rotate(-7deg);
}

._13--03._02 {
  margin-bottom: 140px;
  margin-left: 32px;
  transform: rotate(7deg);
}

._13--03._03 {
  margin-top: -60px;
  margin-right: 250px;
  transform: rotate(-10deg);
}

._13--03._04 {
  margin-top: 130px;
  margin-right: 230px;
  transform: rotate(-7deg);
}

._13--03._05 {
  margin-bottom: 60px;
  margin-left: 300px;
  transform: rotate(10deg);
}

._13--03._06 {
  margin-top: 140px;
  margin-left: 240px;
  transform: rotate(10deg);
}

._13--04 {
  z-index: 1;
  background-image: linear-gradient(to bottom, transparent, var(--white));
  height: 100px;
  position: absolute;
  inset: auto 0% 0%;
}

.kio {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._14--01 {
  z-index: 1;
  height: 83%;
  position: relative;
}

._14--02__gradient {
  z-index: 2;
  background-image: linear-gradient(to bottom, transparent, var(--white));
  height: 50px;
  position: absolute;
  inset: auto 0% 0%;
}

.lms {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

._15--01 {
  border-radius: 16px;
  width: 80%;
  max-width: 250px;
  position: absolute;
  top: 15%;
  transform: rotate(-7deg);
  box-shadow: 0 0 32px #3837501a;
}

._15--03 {
  border-radius: 16px;
  position: absolute;
  top: 49%;
  right: 9%;
  transform: rotate(4deg);
  box-shadow: 0 0 32px #3837501a;
}

._15--02 {
  border-radius: 16px;
  width: 50%;
  max-width: 170px;
  position: absolute;
  bottom: 14%;
  left: 10%;
  transform: rotate(-7deg);
  box-shadow: 0 0 32px #3837501a;
}

.led {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 2vw;
  padding-bottom: 1vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

._16--01 {
  z-index: 0;
  width: 80%;
  max-width: 280px;
  position: relative;
}

._16--02 {
  z-index: 2;
  background-image: linear-gradient(to top, #fff, #0000);
  height: 30%;
  position: absolute;
  inset: auto 0% 0%;
}

._16--03 {
  z-index: 1;
  border-radius: 100px;
  width: 90%;
  max-width: 320px;
  margin-bottom: -5px;
  position: relative;
  box-shadow: 0 0 24px #44436914;
}

.app {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._17--01 {
  z-index: 1;
  width: 80%;
  max-width: 400px;
  position: absolute;
  top: 2%;
  left: -12%;
}

._17--02 {
  z-index: 0;
  width: 70%;
  max-width: 360px;
  position: absolute;
  top: 14%;
  left: 22%;
}

._17--links {
  z-index: 2;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
  position: absolute;
  right: 16px;
}

._17--03 {
  z-index: 1;
  align-self: flex-end;
  height: 32px;
  transition: opacity .2s;
  position: relative;
}

._17--03:hover {
  opacity: .6;
}

._17--04 {
  z-index: 1;
  background-image: linear-gradient(to top, #fff, #0000);
  height: 30%;
  position: absolute;
  inset: auto 0% 0%;
}

.store--logo {
  height: 100%;
}

.ret {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

._18--01 {
  width: 60%;
  max-width: 300px;
  margin-top: -13px;
  margin-right: -200px;
  position: absolute;
}

._18--03 {
  width: 60%;
  max-width: 270px;
  margin-top: 81px;
  position: absolute;
}

._18--02 {
  width: 60%;
  max-width: 280px;
  margin-top: -69px;
  margin-left: -172px;
  position: absolute;
}

.plate--content__wrap {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 40%;
  padding: 24px;
  display: flex;
}

.plate--txt__wrap {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.dsh {
  justify-content: flex-end;
  align-items: flex-end;
  width: 60%;
  display: flex;
  position: relative;
}

.smile {
  width: 18%;
  position: absolute;
  inset: -29% -12% auto auto;
  transform: rotate(24deg);
}

.demo--cta__button {
  color: var(--black);
  text-align: center;
  letter-spacing: -.025em;
  cursor: pointer;
  background-color: #fff;
  border-radius: 16px;
  padding: 18px 48px;
  font-family: Epilogue, sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: background-color .3s cubic-bezier(.39, .575, .565, 1);
}

.demo--cta__button:hover {
  color: var(--black);
  background-color: #ffffffd9;
}

.demo--cta__button:active {
  background-color: #fffc;
}

.demo--cta__button.big.light {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.demo--cta__button.big.light:hover {
  color: var(--black);
  background-color: #ffffffd9;
}

.point--tab {
  grid-row-gap: 8px;
  border-top: 1px solid var(--color-primitives--neutral-050);
  background-color: #fff;
  flex-direction: column;
  padding: 24px 0;
  transition: all .4s;
  display: flex;
}

.point--tab.w--current {
  background-color: var(--white);
  flex-direction: column;
  overflow: hidden;
}

.points {
  display: flex;
  overflow: visible;
}

.point--tabs {
  flex-direction: column;
  width: 40%;
  padding: 160px 6.25%;
  display: flex;
}

.point--content {
  width: 60%;
  max-height: 100vh;
  padding-top: 96px;
  padding-bottom: 32px;
  position: sticky;
  top: 0;
}

.tab {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.tab--content__wrap {
  border: 1px solid var(--color-primitives--black-200);
  background-image: url('../images/bg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

._01__01 {
  z-index: 2;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  background-color: #ffffff1a;
  border-radius: 18px;
  width: 63%;
  max-width: 560px;
  padding: 16px;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff1a;
}

._01__04 {
  z-index: 1;
  width: 36%;
  max-width: 420px;
  position: absolute;
  top: 59%;
  right: 7%;
}

._01__03 {
  z-index: 1;
  width: 31%;
  max-width: 250px;
  position: absolute;
  top: 6%;
  left: 9%;
}

._01__02 {
  z-index: 1;
  width: 25%;
  max-width: 270px;
  position: absolute;
  top: 14%;
  right: 6%;
  transform: rotate(4deg);
}

._02__03 {
  z-index: 1;
  width: 40%;
  max-width: 380px;
  position: absolute;
  bottom: 3%;
  left: 5%;
}

._02__02 {
  z-index: 1;
  width: 28%;
  max-width: 270px;
  position: absolute;
  bottom: 10%;
  right: 7%;
  transform: rotate(4deg);
}

._02__04 {
  z-index: 1;
  width: 43%;
  max-width: 400px;
  position: absolute;
  top: 16%;
  right: 7%;
}

._02__01 {
  z-index: 2;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  background-color: #ffffff1a;
  border-radius: 18px;
  width: 61%;
  max-width: 580px;
  padding: 16px;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff1a;
}

._03__01 {
  z-index: 2;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  background-color: #ffffff1a;
  border-radius: 18px;
  width: 63%;
  max-width: 580px;
  padding: 16px;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff1a;
}

._03__04 {
  z-index: 1;
  width: 43%;
  max-width: 400px;
  position: absolute;
  top: 16%;
  right: 7%;
}

._03__03 {
  z-index: 1;
  width: 40%;
  max-width: 380px;
  position: absolute;
  bottom: 10%;
  left: 5%;
}

._03__02 {
  z-index: 1;
  width: 28%;
  max-width: 270px;
  position: absolute;
  top: 7%;
  left: 7%;
  transform: rotate(4deg);
}

._04__01 {
  z-index: 2;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  background-color: #ffffff1a;
  border-radius: 18px;
  width: 56%;
  max-width: 480px;
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 16px;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff1a;
}

._04__04 {
  z-index: 1;
  width: 43%;
  max-width: 400px;
  position: absolute;
  top: 11%;
  right: 7%;
}

._04__02 {
  z-index: 1;
  width: 28%;
  max-width: 270px;
  position: absolute;
  top: 7%;
  left: 7%;
  transform: rotate(4deg);
}

._04__03 {
  z-index: 1;
  width: 50%;
  max-width: 420px;
  position: absolute;
  bottom: 10%;
  left: 5%;
}

._05__01 {
  z-index: 2;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  background-color: #ffffff1a;
  border-radius: 18px;
  width: 63%;
  max-width: 480px;
  padding: 16px;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff1a;
}

._05__02 {
  z-index: 1;
  width: 28%;
  max-width: 270px;
  position: absolute;
  top: 7%;
  left: 7%;
  transform: rotate(4deg);
}

._05__04 {
  z-index: 1;
  width: 43%;
  max-width: 400px;
  position: absolute;
  top: 12%;
  right: 4%;
}

._06__01 {
  z-index: 2;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  background-color: #ffffff1a;
  border-radius: 18px;
  width: 70%;
  max-width: 580px;
  padding: 16px;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff1a;
}

._06__04 {
  z-index: 1;
  width: 50%;
  max-width: 400px;
  position: absolute;
  top: 15%;
  right: 4%;
}

._06__03 {
  z-index: 1;
  width: 60%;
  max-width: 440px;
  position: absolute;
  bottom: 9%;
  left: 4%;
}

._06__02 {
  z-index: 1;
  width: 28%;
  max-width: 270px;
  position: absolute;
  top: 11%;
  left: 7%;
  transform: rotate(4deg);
}

._07__01 {
  z-index: 2;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  background-color: #ffffff1a;
  border-radius: 18px;
  width: 66%;
  max-width: 530px;
  padding: 16px;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff1a;
}

._07__02 {
  z-index: 1;
  width: 60%;
  max-width: 400px;
  position: absolute;
  top: 9%;
  left: 6%;
}

._07__03 {
  z-index: 1;
  width: 30%;
  max-width: 460px;
  position: absolute;
  bottom: 0%;
  left: 7%;
}

._07__04 {
  z-index: 1;
  width: 13%;
  max-width: 400px;
  position: absolute;
  top: 10%;
  right: 4%;
}

.menu--button, .mobile--menu {
  display: none;
}

.scroll--bar__hider {
  margin-bottom: 64px;
  margin-left: -32px;
  margin-right: -32px;
  overflow: hidden;
}

.socials--logo {
  width: 24px;
  min-width: 24px;
  max-width: 24%;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
}

.vertical--icon {
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
}

.mobile--points {
  display: none;
}

.tab--content__wrap--bg {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.grey--section {
  background-color: var(--white-smoke);
  outline-offset: 0px;
  outline: 3px #333;
  align-items: center;
  min-height: 80vh;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
}

.quick--facts__wrap {
  grid-row-gap: 64px;
  text-align: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.quick--facts {
  color: var(--white);
  background-image: linear-gradient(#3637521a, #3637521a), url('../images/bg.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-radius: 24px;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  padding: 64px;
}

.fact--row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.fact {
  grid-row-gap: 8px;
  text-align: center;
  background-color: #ffffff1a;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px;
  display: flex;
  box-shadow: inset 0 0 6px #ffffff1a;
}

.facts--grid {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.values-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.values--plate {
  color: var(--black);
  text-align: left;
  background-color: #fff;
  border-radius: 24px;
  flex: 1;
  align-self: stretch;
  padding: 32px;
}

.values-plate_text-grid {
  grid-row-gap: 12px;
  grid-template: "Area"
                 "."
                 / 1fr;
  max-width: 80%;
}

.values--wrap {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.open-roles_button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--black-bg);
  color: #fff;
  text-align: left;
  background-image: linear-gradient(#27252b1a, #27252b1a), url('../images/06-min.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-radius: 24px;
  grid-template: ". Area Area Area Area-2 Area-2 Area-2"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 75%;
  margin: 16px auto 120px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
}

.but {
  white-space: nowrap;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: background-color .4s;
  display: flex;
}

.but.big {
  border-radius: 16px;
  padding: 22px 40px;
  font-family: Epilogue, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.but.big.purple {
  color: #fff;
  background-color: #6643f0;
}

.but.big.purple:hover {
  background-color: #662bf0;
}

.but.big.purple:active {
  background-color: #5b26d6;
}

.but.big.purple:focus-visible, .but.big.purple[data-wf-focus-visible] {
  outline-offset: 0px;
  outline: 3px solid #6643f052;
}

.but.big.light {
  color: #161617;
  background-color: #f9f9f9;
  flex: 1;
}

.but.big.light:hover {
  background-color: #e6e6e6;
}

.but.big.light:active {
  background-color: #d9d9d9;
}

.but.big.light:focus-visible, .but.big.light[data-wf-focus-visible] {
  outline: 3px solid #6643f052;
}

.but.inline {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #161617;
  background-color: #0000;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Epilogue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  transition: color .4s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
}

.but.inline:hover {
  color: #939399;
}

.but.inline:active {
  color: #c4c4cc;
}

.but.inline:focus-visible, .but.inline[data-wf-focus-visible] {
  outline-offset: 4px;
  border-radius: 12px;
  outline: 3px solid #6643f052;
}

.but.inline.hugs {
  grid-column-gap: 6px;
  white-space: normal;
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  display: flex;
  position: relative;
  overflow: visible;
}

.but.inline.hugs.hidden {
  display: none;
}

.but.inline.light {
  color: #f9f9f9;
  transition: opacity .4s, color .4s cubic-bezier(.165, .84, .44, 1);
}

.but.inline.light:hover {
  opacity: .6;
  color: #f9f9f9;
}

.but.inline.light:active {
  opacity: .4;
}

.but.medium {
  border-radius: 12px;
  padding: 16px 24px;
  font-family: Epilogue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.but.medium.purple {
  background-color: #6643f0;
}

.but.medium.purple:hover {
  background-color: #662bf0;
}

.but.medium.purple:active {
  background-color: #5b26d6;
}

.but.medium.purple:focus-visible, .but.medium.purple[data-wf-focus-visible] {
  outline-offset: 0px;
  outline: 3px solid #6643f052;
}

.but.medium.outline {
  color: #161617;
  background-color: #f9f9f9;
  border: .5px solid #e0dfe2;
  padding-top: 14.5px;
  padding-bottom: 14.5px;
}

.but.medium.outline:hover {
  background-color: #f3f3f3;
}

.but.medium.outline:active {
  background-color: #e6e6e6;
}

.but.medium.outline:focus-visible, .but.medium.outline[data-wf-focus-visible] {
  outline-offset: 0px;
  outline: 3px solid #6643f052;
}

.but.inline_icon {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #161617;
  background-color: #0000;
  background-image: url('../images/chevron.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 36px;
  padding-right: 0;
  font-family: Epilogue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  transition: opacity .4s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
}

.but.inline_icon:hover {
  opacity: .6;
}

.but.inline_icon.pnr {
  background-image: url('../images/Payroll.svg');
}

.but.inline_icon.aut {
  background-image: url('../images/Automation.svg');
}

.but.inline_icon.sch {
  background-image: url('../images/Schedule.svg');
}

.but.inline_icon.mig {
  background-image: url('../images/Migration.svg');
}

.but.inline_icon.for {
  background-image: url('../images/For-studios.svg');
}

.but.inline_icon.com {
  background-image: url('../images/Communication.svg');
}

.but.inline_icon.app {
  background-image: url('../images/apps.svg');
}

.but.inline_icon.pay {
  background-image: url('../images/Payment.svg');
}

.but.inline_icon.sta {
  background-image: url('../images/Staff-management.svg');
}

.points--row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75%;
  margin-top: 64px;
  display: grid;
}

.point {
  background-color: #fff;
  border-radius: 24px;
  padding-bottom: 24px;
  overflow: hidden;
}

.point.light {
  grid-row-gap: 16px;
  color: #fff;
  text-align: left;
  background-color: #ffffff1a;
  flex-direction: column;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.point--icon {
  opacity: .8;
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
}

.faq--text__wrap {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.faq-roles_button {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  background-color: var(--black-bg);
  color: #fff;
  text-align: center;
  background-image: linear-gradient(#27252b1a, #27252b1a), url('../images/bg.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-radius: 24px;
  flex-direction: column;
  grid-template: ". Area Area Area Area-2 Area-2 Area-2"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 75%;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.points--row__02 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 75%;
  margin-top: 64px;
  display: flex;
}

.chat-roles_button {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  border-radius: 24px;
  flex-direction: column;
  grid-template: ". Area Area Area Area-2 Area-2 Area-2"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 75%;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.logos--wrap {
  margin-left: -32px;
  margin-right: -32px;
  overflow: hidden;
}

.seq {
  background-image: url('../images/SEQ_01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.hero-arrow-05 {
  width: 30vw;
  min-width: 280px;
  max-width: 450px;
  height: 16vw;
  max-height: 450px;
  position: relative;
  top: -40px;
  bottom: -200px;
}

.qoute {
  grid-column-gap: 16px;
  color: var(--white);
  background-color: #ffffff1a;
  border-radius: 24px;
  align-items: center;
  width: 75%;
  margin-bottom: 240px;
  padding: 64px;
  display: flex;
}

.quout--images {
  perspective: 1500px;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 200px;
  margin-left: auto;
  display: flex;
  position: relative;
}

.qoute--text {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  margin-left: auto;
  display: flex;
}

.image-6 {
  max-width: 100%;
  max-height: 450px;
  position: absolute;
  left: -15%;
}

.image-7 {
  z-index: 1;
  max-width: 100%;
  max-height: 450px;
  position: relative;
  right: -4%;
}

.marks {
  opacity: .32;
  width: 32px;
  height: 32px;
}

.marks.right {
  margin-left: auto;
  position: relative;
}

.div-block-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.table__txt {
  color: #5f5f63;
  letter-spacing: -.24px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.p1__table {
  color: #161617;
  letter-spacing: -.02em;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 1.64;
}

.table__img {
  width: 22px;
  height: 22px;
}

.table__heading--wrap {
  white-space: nowrap;
  border-bottom: 1px solid #e1e1e1;
  align-items: center;
  padding-bottom: 4px;
  display: flex;
}

.table {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  text-align: left;
  grid-template: "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 / 2fr 1fr 1fr;
  width: 50%;
  margin-top: 64px;
  margin-bottom: 64px;
}

.table__logo {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.demo--ui__img {
  perspective-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/KV__Video-min-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
  width: 42vw;
  height: 28vw;
  margin-top: -10%;
  margin-right: -5%;
  position: relative;
  overflow: hidden;
  transform: rotateX(10deg)rotateY(-10deg)rotateZ(1deg);
  box-shadow: 0 0 64px #6360e13d;
}

.demo--facetime__img {
  background-image: url('../images/mark-min.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 16px;
  width: 32%;
  height: 32%;
  position: absolute;
  inset: 8px 8px auto auto;
  box-shadow: 0 0 32px #2f2f3b1a;
}

.plan--feature {
  grid-column-gap: 8px;
  letter-spacing: -.025em;
  white-space: normal;
  align-self: flex-start;
  align-items: flex-start;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.51;
  display: flex;
}

.price--plan__plate {
  grid-row-gap: 16px;
  background-color: var(--white);
  color: var(--black);
  text-align: left;
  border-radius: 24px;
  flex-direction: column;
  width: 100%;
  padding: 24px;
  display: flex;
}

.divider {
  background-color: var(--color-primitives--black-050);
  width: 100%;
  height: 1px;
}

.addon {
  grid-row-gap: 16px;
  background-color: var(--white);
  color: var(--black);
  text-align: left;
  border-radius: 24px;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  padding: 24px;
  display: flex;
}

.pricing--fees {
  width: 100%;
  padding-top: 64px;
}

.fees {
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 12.5%;
  margin-right: 12.5%;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.fees--plate {
  grid-row-gap: 8px;
  text-align: left;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  display: flex;
}

.bold {
  font-weight: 500;
}

.flag {
  font-size: 24px;
}

.fees--grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--dim-grey);
  grid-template: ". ."
                 ". ."
                 "Area Area"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.link {
  color: #0400ff;
  text-decoration: underline;
  display: inline;
}

.gft {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 3%;
  display: flex;
  position: relative;
}

._21--01 {
  transform-origin: 0 100%;
  align-self: center;
  width: 90%;
  max-width: 350px;
  margin-right: 33%;
  position: absolute;
  right: auto;
}

._21--02 {
  transform-origin: 0 100%;
  width: 30%;
  max-width: 310px;
  margin-top: -22%;
  margin-left: 30%;
  position: relative;
}

._21--03 {
  transform-origin: 0 100%;
  width: 43%;
  max-width: 310px;
  margin-top: -4%;
  margin-left: 29%;
  position: absolute;
}

.pst {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

._23--01 {
  z-index: 1;
  align-self: flex-end;
  width: 53%;
  max-width: 260px;
  position: relative;
}

._23--02 {
  z-index: 2;
  width: 24%;
  max-width: 140px;
  position: absolute;
  inset: auto 0% 0% 11%;
}

._23--03 {
  z-index: 2;
  transform-style: preserve-3d;
  width: 18%;
  max-width: 80px;
  margin-top: 26%;
  margin-right: -55%;
  position: absolute;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

._23--04 {
  z-index: 0;
  opacity: .6;
  transform-style: preserve-3d;
  width: 15%;
  max-width: 80px;
  margin-top: -31%;
  margin-right: -59%;
  position: absolute;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.spt {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._22--wrap {
  flex-direction: column;
  align-items: center;
  width: 60%;
  padding-top: 16px;
  display: flex;
}

.div-block-3 {
  background-color: var(--ghost-white);
  border-radius: 100px;
  width: 70%;
  height: 32px;
}

._22--spots {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 16px;
  display: flex;
}

.spots {
  background-color: var(--ghost-white);
  opacity: 1;
  cursor: pointer;
  border-radius: 100px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  transition: background-color .2s, opacity .2s;
}

.spots:hover {
  opacity: .6;
}

.spots.spotsel {
  background-color: var(--indigo);
}

.arr {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

._24--01 {
  align-self: center;
  height: 60%;
  position: absolute;
  right: 21%;
}

._24--02 {
  width: 76%;
  max-width: 510px;
  position: absolute;
  top: -13%;
  left: -2%;
}

.hero-arrow-04 {
  width: 30vw;
  min-width: 280px;
  max-width: 650px;
  height: 10vw;
  min-height: 130px;
  max-height: 450px;
  margin-top: 32px;
  position: relative;
}

.footer__logo {
  height: 32px;
}

.footer__wording {
  opacity: .1;
  width: 100%;
  margin-top: 120px;
  margin-bottom: -32px;
  padding-left: 32px;
  padding-right: 32px;
}

.p4 {
  font-family: var(--text-primitives--paragraphs);
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
}

.one-click__box {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  background-color: var(--black-bg);
  color: #fff;
  text-align: center;
  background-image: linear-gradient(#27252b1a, #27252b1a), url('../images/bg.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-radius: 24px;
  flex-direction: column;
  grid-template: ". Area Area Area Area-2 Area-2 Area-2"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 75%;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-4 {
  z-index: 1;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.click {
  z-index: 0;
  opacity: .16;
  align-self: center;
  width: 30%;
  position: absolute;
  inset: 20% -8% 20% auto;
}

.quick-stack {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding: 0 10%;
}

.sop {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-top: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

._25-gradient {
  z-index: 1;
  background-image: linear-gradient(to top, #fff, #0000);
  height: 30%;
  position: absolute;
  inset: auto 0% 0%;
}

.rec {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._27-01 {
  width: 37%;
  max-width: 240px;
  position: absolute;
  top: 11%;
  right: 18%;
}

._27-02 {
  width: 50%;
  max-width: 300px;
  position: absolute;
  top: 23%;
  left: 17%;
}

.wrk {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._26--01 {
  width: 67%;
  max-width: 420px;
  position: absolute;
  top: 17%;
}

._26--02 {
  width: 40%;
  max-width: 260px;
  position: absolute;
  inset: 13% auto 0% 6%;
}

._26--03 {
  width: 40%;
  max-width: 250px;
  position: absolute;
  top: 5%;
  right: -1%;
}

.frm {
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  padding-top: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

._28--01 {
  width: 90%;
  max-width: 470px;
}

.quick-stack--mobile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-left: 12.5%;
  padding-right: 12.5%;
  display: none;
}

.pricing-plans--wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  filter: blur(13px);
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  padding-top: 32px;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.pricing {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: .5px solid var(--grey200);
  background-color: var(--white);
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  width: 100%;
  padding: 36px 24px 24px;
  display: flex;
  position: relative;
}

.pricing-title {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.box {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.price-plan--button {
  margin-top: auto;
}

.price-plan__icon {
  padding-top: 2px;
}

.price-plan__icon.indigo {
  color: var(--indigo);
}

.price-plan__price {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: flex-end;
  display: flex;
}

.icon-20 {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
}

.hightlight {
  border: .5px solid var(--grey200);
  background-color: var(--white);
  color: var(--dim-grey);
  border-radius: 100px;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: -12px;
  padding: 4px 10px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 16px;
}

.hightlight.indigo {
  background-color: var(--indigo);
  color: var(--white);
  background-image: url('../images/Frame-18565-min.webp');
  background-position: 50%;
  background-size: cover;
  border-color: #fff;
}

.section {
  padding: 128px;
}

.primary-dark {
  color: var(--color-label--primary-dark);
}

.primary-light {
  color: var(--color-label--primary-light);
}

.secondary-dark {
  color: var(--color-label--secondary-dark);
}

.secondary-light {
  color: var(--color-label--secondary-light);
}

.tritely-dark {
  color: var(--color-label--tritely-dark);
}

.tritely-light {
  color: var(--color-label--tritely-light);
}

.quartely-dark {
  color: var(--color-label--quarterly-dark);
}

.quartely-light {
  color: var(--color-label--quarterly-light);
}

.captions, .paragraphs {
  text-align: left;
}

.pricing-plans {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 64px;
  display: grid;
}

.buttons {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--color-primitives--black-200);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 32px;
  display: flex;
}

.button {
  font-family: var(--text-primitives--buttons);
  text-align: center;
  letter-spacing: -.015em;
  white-space: nowrap;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 0;
  font-weight: 400;
  transition: box-shadow .4s, opacity .4s, background-color .4s;
  display: flex;
}

.button.primary-light {
  border: 1px solid var(--color-primitives--black-200);
  background-color: var(--colors--button-bg-primary-light);
  box-shadow: inset 0 -1px 0 0 var(--color-primitives--black-100);
  color: var(--colors--button-label-primary-light);
}

.button.primary-light:hover {
  background-color: var(--color-primitives--indigo-600);
  box-shadow: inset 0 0 0 0 var(--color-primitives--black-200);
}

.button.primary-light:active {
  background-color: var(--color-primitives--indigo-700);
}

.button.primary-light.large {
  border-radius: 16px;
  min-height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}

.button.primary-light.medium {
  border-radius: 12px;
  min-height: 44px;
  max-height: 44px;
}

.button.primary-dark {
  border: 1px solid var(--color-primitives--black-200);
  background-color: var(--colors--button-bg-primary-dark);
  box-shadow: inset 0 -1px 0 0 var(--color-primitives--black-200);
  color: var(--colors--button-label-primary-dark);
  -webkit-text-stroke-width: .03em;
  transition: color .4s, box-shadow .4s, opacity .4s, background-color .4s;
}

.button.primary-dark:hover {
  background-color: var(--color-primitives--white-700);
  box-shadow: inset 0 0 0 0 var(--color-primitives--black-200);
  color: var(--color-primitives--black-600);
}

.button.primary-dark:active {
  color: var(--color-primitives--black-500);
}

.button.primary-dark.large {
  border-radius: 16px;
  min-height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}

.button.primary-dark.medium {
  border-radius: 12px;
  min-height: 44px;
  max-height: 44px;
  font-size: 13px;
}

.button.primary-dark.medium.in-header:hover {
  opacity: .8;
}

.button.secondary-light {
  border: 1px solid var(--color-primitives--transparent);
  background-color: var(--colors--button-bg-secondary-light);
  color: var(--colors--button-label-secondary-light);
  -webkit-text-stroke-width: .03em;
}

.button.secondary-light:hover {
  background-color: var(--color-primitives--black-100);
  opacity: .8;
}

.button.secondary-light:active {
  opacity: .6;
}

.button.secondary-light.medium {
  border-radius: 12px;
  min-height: 44px;
  font-size: 13px;
}

.button.secondary-light.large {
  border-radius: 16px;
  min-height: 56px;
  font-size: 16px;
}

.button.secondary-dark {
  border: 1px solid var(--color-primitives--transparent);
  background-color: var(--colors--button-bg-secondary-light);
  color: var(--colors--button-label-secondary-dark);
  -webkit-text-stroke-width: 0em;
}

.button.secondary-dark:hover {
  background-color: var(--color-primitives--black-100);
}

.button.secondary-dark:active {
  opacity: .6;
}

.button.secondary-dark.medium {
  border-radius: 12px;
  min-height: 44px;
  max-height: 44px;
  font-size: 13px;
}

.button.secondary-dark.large {
  border-radius: 16px;
  min-height: 56px;
  font-size: 16px;
}

.header-buttons {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  display: flex;
}

.tooltip--wrap {
  color: var(--color-label--quarterly-dark);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.tooltip {
  background-color: var(--color-primitives--black-800);
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  border-radius: 8px;
  width: 180px;
  padding: 12px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 100%;
  right: 0%;
}

.tooltip-trigger {
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.tooltip--icon {
  justify-content: center;
  align-items: center;
  min-width: 18px;
  max-width: 18px;
  min-height: 18px;
  max-height: 18px;
  transition: color .2s;
  display: flex;
}

.tooltip--icon:hover {
  color: var(--color-label--tritely-dark);
}

.c2 {
  font-family: var(--text-primitives--paragraphs);
  letter-spacing: -.015em;
  max-width: 64ch;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
}

.symbol--cc {
  border: 1px solid var(--color-primitives--white-100);
  border-radius: 10000px;
  width: 28px;
  overflow: hidden;
}

.wording--cc {
  align-self: center;
  align-items: center;
  display: flex;
}

.header--bg--cc {
  background-color: var(--color--background);
  opacity: .96;
  position: absolute;
  inset: 0%;
}

.header--cc {
  z-index: 999;
  opacity: 0;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  color: var(--color--text);
  font-family: Epilogue, sans-serif;
  display: none;
  position: fixed;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.button--header {
  background-color: var(--color-primitives--transparent);
  font-family: var(--text-primitives--buttons);
  color: var(--color--text);
  text-align: center;
  letter-spacing: -.015em;
  white-space: nowrap;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 44px;
  padding-top: 2px;
  padding-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  transition: opacity .4s, background-color .4s;
  display: flex;
}

.button--header:hover {
  opacity: .6;
}

.button--header--primary {
  background-color: var(--color--button-background);
  font-family: var(--text-primitives--buttons);
  color: var(--color--button-text);
  text-align: center;
  letter-spacing: -.015em;
  -webkit-text-stroke-width: .02em;
  white-space: nowrap;
  border-radius: 12px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 44px;
  padding-top: 2px;
  padding-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  transition: opacity .4s, background-color .4s;
  display: flex;
}

.button--header--primary:hover {
  opacity: .6;
}

.pricing-form {
  z-index: 9999;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #fffc;
  border: 1px solid #0000004d;
  border-radius: 32px;
  flex-flow: column;
  align-self: center;
  width: 100%;
  max-width: 800px;
  margin-bottom: 0;
  margin-left: 16px;
  margin-right: 16px;
  padding: 32px;
  display: flex;
  position: absolute;
  bottom: auto;
  box-shadow: 0 2px 5px #0003;
}

.form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.pricing-form-field {
  width: 100%;
  min-width: 100px;
  max-width: 250px;
}

.pricing-form-fileds-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  width: 100%;
}

.image-8 {
  opacity: .8;
  height: 15px;
}

.text-field, .pricing-form-text-input {
  border-radius: 12px;
}

.image-9 {
  width: 100%;
}

.socials-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
}

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

.image-10 {
  position: absolute;
  top: 26%;
  left: 30%;
}

.image-11 {
  padding-right: 0;
  position: absolute;
  top: 7%;
  right: 5%;
}

.image-12 {
  position: absolute;
  bottom: 10%;
  right: 14%;
}

.image-13 {
  position: absolute;
  top: 22%;
  left: 8%;
}

.notification {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #ffffff03;
  border: 1px solid #fff3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: max-content;
  max-width: 92%;
  margin: auto;
  padding: 12px;
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 4px 20px #0000001a;
}

.image-14 {
  position: absolute;
  bottom: 20px;
  left: 8%;
  transform: scale(1);
}

.image-15 {
  position: absolute;
  top: 64%;
  right: 36%;
  transform: rotate(-9deg);
}

.image-16 {
  position: absolute;
  top: 28%;
  right: 23%;
  transform: scale(.7);
}

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

.image-17 {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.image-18 {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.section-newsletter {
  background-color: var(--colors--surface-gray);
  padding-top: 64px;
  padding-bottom: 64px;
}

._wf-hs_phone-input {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

._wf-hs_phone-code {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

._wf-hs_input-dropdown-arrow {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 8px;
  display: inline-flex;
  position: static;
}

._wf-hs_dropdown-options {
  z-index: 999;
  background-color: #fff;
  height: 12rem;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow-y: hidden;
}

._wf-hs_dropdown-list {
  height: 10rem;
  padding-left: 0;
  list-style-type: none;
  overflow-y: scroll;
}

._wf-hs_dropdown-search {
  width: 100%;
}

._wf-hs_dropdown-input {
  display: inline-flex;
  position: relative;
}

._wf-hs_form-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

._wf-hs_form {
  width: 100%;
}

._wf-hs_row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

._wf-hs_text-field {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

._wf-hs_text-input {
  border: 1px solid var(--grey200);
  border-radius: 12px;
  width: 100%;
  height: 32px;
}

.div-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.benefit {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(33.3333% - 26.6667px);
  min-width: 200px;
}

.section-values {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  grid-template: "Area Area Area Area Area Area"
                 "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4"
                 "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2"
                 "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3"
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.column {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.logo-2 {
  opacity: 1;
  object-fit: fill;
  border-radius: 2px;
  flex: 0 auto;
  max-width: none;
  max-height: 25px;
  position: relative;
  left: 0;
}

.testimonial-text {
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 80vw;
  padding: 16px;
}

.testimonial-text.fill {
  height: 100%;
}

.header_logo-navigation {
  align-items: center;
  display: flex;
}

.h3-2 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Epilogue, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1;
  display: block;
}

.buttons_wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: end;
  display: grid;
}

.footer__grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff;
  grid-template: "Area Area Area . Area-2 Area-2 Area-2 Area-3 Area-3 Area-3 Area-4 Area-4"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 64px;
  margin-bottom: 64px;
}

.menu-opener {
  display: none;
}

.div-block-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.map {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
}

.but-inline_txt {
  white-space: nowrap;
}

.testomonial-author {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.section-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template: "Area Area Area Area Area Area Area Area-3 Area-3 Area-3 Area-3 Area-3"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.nav-product__columns {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  display: flex;
}

.header_logo_mobile {
  display: none;
}

.careers__kv {
  width: 140%;
  max-width: 800px;
  margin-top: -20%;
  margin-bottom: -16%;
  margin-left: -10%;
}

.career--head__txt {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.container-2 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.but_dropdown_wrap {
  grid-row-gap: 16px;
  background-color: #f9f9f9;
  border-radius: 16px;
  flex-direction: column;
  padding: 24px 32px 24px 24px;
  display: flex;
  box-shadow: 0 8px 64px #2b2e3629;
}

.dropdown_arrow {
  background-color: #f9f9f9;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: 0 auto auto 46px;
  transform: rotate(45deg);
}

.section-bg {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.section-bg.footer {
  background-color: #161617;
}

.values-plate {
  text-align: left;
  background-color: #fff;
  border-radius: 16px;
  flex: 1;
  align-self: stretch;
  padding: 32px;
}

.footer__column-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.benefits {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  width: 100%;
}

.h2-2 {
  z-index: 1;
  letter-spacing: -.02em;
  white-space: break-spaces;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Epilogue, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: relative;
}

.h2-2.d24 {
  width: 100%;
}

.h4-2 {
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Epilogue, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.momence__block_txt {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.stats_plate {
  background-color: #ffffff1a;
  border-radius: 16px;
  justify-content: center;
  padding: 48px;
  display: flex;
  position: relative;
}

.values-plate_text-grid-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  grid-template: "Area"
                 "."
                 / 1fr;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.section-map {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.benefit-icon {
  border-radius: 16px;
  width: 80px;
  height: 80px;
}

.image-20 {
  border-radius: 500px;
}

.h5-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Epilogue, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

.p3-2 {
  letter-spacing: -.02em;
  width: 100%;
  max-width: 24ch;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}

.p3-2.t72 {
  max-width: 400px;
}

.section-cantwait {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.momence__block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  grid-template: "Area Area Area Area Area Area Area-2 Area-2 Area-2 Area-2 Area-2"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 64px;
  padding: 64px 8%;
  display: grid;
}

.section-2 {
  color: #161617;
  width: 100%;
  height: auto;
  min-height: 80vh;
  position: relative;
  overflow: visible;
}

.section-2.footer {
  width: 100vw;
  min-height: auto;
}

.footer--logo {
  margin-bottom: 48px;
}

.footer--logo.w--current:focus-visible, .footer--logo.w--current[data-wf-focus-visible] {
  outline-offset: 4px;
  border-radius: 8px;
  outline: 2px solid #6643f0;
}

.main-wrap {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  background-color: #f9f9f9;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
  position: relative;
  overflow: visible;
}

.image-21 {
  max-width: 60%;
  margin-top: 48px;
}

.h1-2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Epilogue, sans-serif;
  font-size: 6vw;
  font-weight: 500;
  line-height: 1;
}

.h1-2.wrap {
  white-space: break-spaces;
  white-space: break-spaces;
  width: 100%;
}

.but_dropdown {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  transform-origin: 50% 0;
  flex-direction: column;
  padding-top: 8px;
  display: none;
  position: absolute;
  top: 38px;
  left: -24px;
}

.lottie-animation {
  width: 80px;
}

.caps {
  color: #5f5f63;
  letter-spacing: .24px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.underline-2 {
  white-space: nowrap;
  background-image: url('../images/lines-05.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.underline-2.p20 {
  padding-bottom: 10px;
  display: inline-block;
}

.header_logo.w--current {
  justify-content: flex-start;
  align-items: stretch;
  max-height: 32px;
  display: flex;
}

.header_logo.w--current:focus-visible, .header_logo.w--current[data-wf-focus-visible] {
  outline-offset: 5px;
  border-radius: 8px;
  outline: 2px solid #6643f0;
}

.section-stats {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  color: #161617;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
}

.section-openroles {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  color: #fff;
  background-color: #161617;
  background-image: radial-gradient(circle at 100% 100%, #6643f080, #6643f000 47%), radial-gradient(circle at 0 0, #ff4d5580, #6643f000 34%);
  border-radius: 16px;
  flex-flow: wrap;
  grid-template: ". . Area Area Area Area . Area-2 Area-2 Area-2 Area-2"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 64px 32px;
  display: flex;
}

.header--bg-2 {
  z-index: 1;
  background-color: #f9f9f9;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.careers-txt__wrap {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.testimonial {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 300px;
}

.testimonial.fill {
  justify-content: flex-start;
  align-items: flex-start;
}

.p2-2 {
  letter-spacing: -.02em;
  text-indent: 0;
  width: 100%;
  max-width: 600px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

.p2-2.wide {
  max-width: 64ch;
}

.section-testimonials {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 16px;
  overflow: scroll;
}

.header_wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #161617;
  white-space: nowrap;
  grid-template: "Logo Logo Logo Logo Logo Logo Logo Logo Logo Logo Area Area"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  display: grid;
}

.values-column-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.copyiright {
  opacity: .6;
  margin-top: auto;
  font-size: 10px;
}

.copyiright.mobile {
  display: none;
}

.section-benefits {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.stats-plate_wrap {
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.header_navigation {
  grid-column-gap: 18px;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 18px;
  display: flex;
}

.stats_grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff;
  background-color: #161617;
  background-image: radial-gradient(circle at 100% 100%, #ff4d5580, #ff4d5500 41%), radial-gradient(circle at 0 0, #6643f080, #6643f000);
  border-radius: 16px;
  grid-template: ". Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5"
                 ". Area Area Area Area Area Area Area-2 Area-2 Area-2 Area-2"
                 ". Area-3 Area-3 Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-4 Area-4"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
}

.social__link {
  width: 32px;
  height: 32px;
}

.testimonials-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: stretch;
}

.div-block-6 {
  width: 24px;
  height: 24px;
  position: absolute;
  inset: 32px 32px auto auto;
}

.careers-kv__wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-text {
  padding-left: 16px;
  padding-right: 16px;
}

.divider-2 {
  background-color: #e0dfe2;
  border-radius: 2px;
  align-self: center;
  width: 1.5px;
  height: 24px;
  position: relative;
}

.social_lottie.ins {
  filter: invert();
  width: 100%;
  height: 100%;
}

.headline {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.header-2 {
  z-index: 998;
  -webkit-backdrop-filter: blur(120px);
  backdrop-filter: blur(120px);
  background-color: #1a1a1a3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 88px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: fixed;
  bottom: auto;
}

.arrow-2 {
  flex: 1;
  width: 12px;
  height: 12px;
  display: block;
  position: relative;
}

.body-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #f9f9f9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.faq__txt {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.faq__wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  grid-template: "Area Area-2"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 24px;
  display: block;
  overflow: hidden;
}

.icon {
  width: 32px;
  height: 32px;
}

.icon.big {
  width: 40px;
  height: 40px;
}

.point-2 {
  grid-column-gap: 12px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 16px;
  grid-template: ". ." .25fr
                 "Area Area" minmax(auto, 1fr)
                 / 64px 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 24px 16px 24px 24px;
  display: grid;
}

.support__kv {
  width: 130%;
  max-width: 130%;
  margin-top: -30%;
  margin-bottom: -16%;
  margin-left: -10%;
}

.support--text__wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.faq--kv__wrap {
  margin-top: -24px;
  margin-bottom: -24px;
  display: flex;
  position: relative;
}

.signup--buttons__wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: end;
  margin-top: auto;
  display: flex;
}

.h4-3 {
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Epilogue, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.support--kv__wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.point--txt {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  padding-top: 4px;
  display: flex;
}

.point--icon__wrap {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.point--icon__wrap.purp {
  background-image: radial-gradient(circle, #7600ff26, #7600ff0d);
}

.new-highlight__1 {
  white-space: nowrap;
  background-image: url('../images/lines-05.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.support-points {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template: "Area Area Area Area Area-2 Area-2 Area-2 Area-2 Area-3 Area-3 Area-3 Area-3"
                 "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 128px;
}

.section-3 {
  color: #161617;
  width: 100%;
  height: auto;
  min-height: 80vh;
  position: relative;
  overflow: visible;
}

.support__text {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.signup__wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  grid-template: "Area Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 24px;
  display: block;
  overflow: hidden;
}

.support--hero__wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template: "Area Area Area Area Area Area . Area-2 Area-2 Area-2 Area-2 Area-2"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 156px;
  margin-bottom: 64px;
  display: grid;
}

.faq--kv {
  max-width: 190%;
  margin-bottom: -50%;
  margin-left: -20%;
  position: absolute;
}

.plans-and-form {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hubspot-form {
  background-color: #0000;
  border-radius: 16px;
  width: 100%;
}

.h3-copy {
  font-family: var(--text-primitives--headings);
  letter-spacing: -.04em;
  white-space: break-spaces;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.1;
}

.h1-copy {
  z-index: 1;
  font-family: var(--text-primitives--headings);
  letter-spacing: -.04em;
  -webkit-text-stroke-color: var(--color-label--primary-light);
  white-space: break-spaces;
  word-break: normal;
  max-width: 30ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  position: relative;
}

._wf-hs_renderer, .code-embed {
  width: 100%;
}

@media screen and (min-width: 1920px) {
  .open-roles_button, .faq-roles_button, .chat-roles_button {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    text-align: center;
    flex-direction: column;
    align-self: center;
    align-items: center;
    width: 72%;
    padding: 10px 32px 64px;
    display: flex;
  }

  .p1__table {
    font-size: 22px;
  }

  .one-click__box {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    text-align: center;
    flex-direction: column;
    align-self: center;
    align-items: center;
    width: 72%;
    padding: 10px 32px 64px;
    display: flex;
  }

  .logo-2 {
    flex: 1;
  }

  .h3-2 {
    font-size: 36px;
  }

  .div-block-5 {
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: center;
  }

  .container-2 {
    max-width: 1600px;
  }

  .h2-2 {
    font-size: 64px;
  }

  .h4-2 {
    font-size: 32px;
  }

  .p3-2 {
    font-size: 18px;
    line-height: 28px;
  }

  .section-2 {
    min-height: auto;
  }

  .h1-2 {
    font-size: 88px;
  }

  .lottie-animation {
    width: 52px;
    margin-top: 0;
    position: static;
  }

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

  .header_logo.w--current {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .section-openroles {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    text-align: center;
    flex-direction: column;
    align-self: center;
    align-items: center;
    width: 72%;
    padding: 10px 32px 64px;
    display: flex;
  }

  .p2-2 {
    max-width: 420px;
    font-size: 20px;
    line-height: 1.8;
  }

  .header-2 {
    height: 100px;
  }

  .h4-3 {
    font-size: 32px;
  }

  .section-3 {
    min-height: auto;
  }
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero--text {
    overflow: visible;
  }

  .h1 {
    font-size: 56px;
  }

  .button--wrap.light {
    width: 32vw;
  }

  .main-cta--button.small {
    padding: 12px 16px;
    font-size: 11px;
  }

  .header-content--wrap {
    grid-column-gap: 8px;
    justify-content: space-between;
  }

  .header--column.left {
    width: auto;
  }

  .header--column.right {
    grid-column-gap: 4px;
  }

  .header--wide-column {
    flex: 0 auto;
  }

  .wording {
    height: 8px;
  }

  .symbol {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    min-height: 25px;
    max-height: 25px;
  }

  .page--button {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13px;
  }

  .page-buttons--wrap {
    grid-column-gap: 0px;
  }

  .hero--images {
    margin-left: -16px;
    margin-right: -16px;
  }

  .hero-image-main-01--wrap {
    width: 90vw;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-image-main-02--wrap {
    width: 43vw;
    margin-top: 17%;
    margin-left: 78vw;
  }

  .hero-image-main-03--wrap {
    border-radius: 32px;
    margin-top: 12%;
  }

  .quote {
    grid-template-areas: ". Area Area Area Area Area Area"
                         ". . Area-2 Area-2 Area-2 Area-2 .";
    margin-bottom: 60px;
  }

  .base--wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .qoute--wrap {
    align-items: flex-end;
  }

  .h2 {
    font-size: 36px;
  }

  .p2.t80 {
    font-size: 14px;
  }

  .logos--line {
    width: 100%;
  }

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

  .h3 {
    font-size: 20px;
  }

  .fourth-section {
    min-height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .business-type_links_grid {
    flex-wrap: wrap;
    place-content: center;
    align-self: center;
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .business-type_link {
    flex: 0 auto;
    justify-content: flex-start;
    min-width: 160px;
    font-size: 20px;
  }

  .fifth-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .plate {
    padding-bottom: 16px;
  }

  .plate-visual__wrap {
    width: 100%;
    height: 230px;
    max-height: 230px;
  }

  .sixth-section {
    width: 100vw;
    overflow: hidden;
  }

  .sixth-section_header {
    grid-row-gap: 16px;
  }

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

  .customer--quote {
    border-radius: 16px;
    padding: 16px;
  }

  .customer--photo {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
  }

  .customer-quote__header {
    grid-column-gap: 16px;
    margin-bottom: 16px;
  }

  .customer__info {
    grid-row-gap: 2px;
  }

  .seventh-section {
    min-height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .seventh-section__columns {
    margin-left: 0%;
    margin-right: 0%;
  }

  .seventh--column.right {
    grid-row-gap: 32px;
    padding: 32px;
  }

  .column--text {
    grid-row-gap: 16px;
  }

  .app--kv {
    width: 90%;
    max-width: 90%;
  }

  .eight-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .eight-rows {
    margin-left: 0%;
    margin-right: 0%;
  }

  .ninth-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .ninth--plate {
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 0;
    padding-right: 0;
  }

  .tenth-section {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .tenth--wrap {
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 0;
    padding-right: 0;
  }

  .demo--column {
    z-index: 99;
    background-image: linear-gradient(to right, var(--color-primitives--gray-900) 61%, transparent);
    width: 60%;
    position: relative;
  }

  .demo--column.right {
    background-image: none;
    width: 40%;
  }

  .eleventh-section {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .largetitle {
    font-size: 20vw;
  }

  .hero-arrow-01 {
    left: -5vw;
  }

  .hero-arrow-02 {
    width: 20vw;
    height: 20vw;
    bottom: -80px;
    right: 0;
  }

  .heart--lottie {
    min-width: 120px;
    min-height: 120px;
  }

  ._02--01, ._02--02 {
    width: 100%;
  }

  ._17--01 {
    left: -12%;
  }

  .plate--content__wrap, .dsh {
    width: 50%;
  }

  .smile {
    top: -13%;
    right: 0%;
  }

  .point--tabs {
    padding-left: 16px;
  }

  ._01__01 {
    width: 80%;
  }

  ._01__04 {
    width: 60%;
    top: 61%;
    right: -6%;
  }

  ._01__03 {
    width: 50%;
    bottom: 18%;
  }

  ._01__02 {
    display: none;
  }

  .scroll--bar__hider {
    margin-bottom: 32px;
    margin-left: -16px;
    margin-right: -16px;
  }

  .socials--logo {
    width: 24px;
    height: 24px;
  }

  .vertical--icon {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
  }

  .values--plate {
    padding: 24px;
  }

  .open-roles_button {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 48px;
    display: flex;
  }

  .but {
    font-size: 12px;
    line-height: 1;
  }

  .but.inline {
    width: auto;
    font-size: 13px;
  }

  .but.medium {
    padding: 13px 16px;
    font-size: 12px;
  }

  .but.medium.outline {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
  }

  .but.inline_icon {
    font-size: 13px;
  }

  .points--row {
    width: 100%;
  }

  .point {
    padding-bottom: 16px;
  }

  .faq-roles_button {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 48px;
    display: flex;
  }

  .points--row__02 {
    width: 100%;
  }

  .chat-roles_button {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 48px;
    display: flex;
  }

  .logos--wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .hero-arrow-05 {
    left: -5vw;
  }

  .qoute {
    flex-direction: column;
  }

  .quout--images {
    width: 100%;
    height: 340px;
    margin-top: -120px;
  }

  .qoute--text {
    grid-row-gap: 16px;
    text-align: center;
    align-items: center;
    width: 100%;
  }

  .image-6 {
    max-height: 340px;
    left: 0%;
  }

  .image-7 {
    max-height: 340px;
    right: -16%;
  }

  .p1__table {
    font-size: 18px;
  }

  .table {
    width: 100%;
  }

  .demo--ui__img {
    width: 60vw;
    height: 33vw;
    margin-right: 0%;
  }

  .price--plan__plate {
    width: 100%;
  }

  ._21--01 {
    margin-right: 18%;
  }

  ._22--spots {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .spots {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  ._24--01 {
    height: 40%;
  }

  ._24--02 {
    width: 90%;
  }

  .hero-arrow-04 {
    left: -5vw;
  }

  .one-click__box {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 48px;
    display: flex;
  }

  .quick-stack {
    padding-left: 0%;
    padding-right: 0%;
  }

  ._26--01 {
    width: 70%;
  }

  ._26--03 {
    width: 38%;
  }

  ._28--01 {
    width: 80%;
  }

  .quick-stack--mobile {
    display: none;
  }

  .pricing-plans--wrap {
    grid-column-gap: 8px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0%;
    padding-right: 0%;
    display: flex;
  }

  .pricing {
    min-width: 280px;
  }

  .symbol--cc {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    min-height: 25px;
    max-height: 25px;
  }

  .section-values {
    margin-top: 100px;
  }

  .logo-2 {
    max-height: 21px;
  }

  .buttons_wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .footer__grid {
    grid-template: "Area-2 Area-2 Area-2 Area-3 Area-3 Area-3"
                   "Area Area Area Area-4 Area-4 Area-4"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .section-top {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area Area Area-3 Area-3 Area-3 Area-3";
  }

  .h2-2 {
    font-size: 40px;
  }

  .momence__block_txt {
    text-align: center;
    align-items: center;
  }

  .momence__block {
    grid-row-gap: 32px;
    text-align: center;
    grid-template: ". Area Area Area Area Area Area"
                   ". Area-2 Area-2 Area-2 Area-2 Area-2 Area-2"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 100px;
  }

  .section-2 {
    overflow: hidden;
  }

  .footer--logo {
    margin-bottom: 8px;
  }

  .image-21 {
    max-width: 30%;
    margin-top: 32px;
  }

  .h1-2 {
    font-size: 64px;
  }

  .header_logo.w--current {
    max-height: none;
  }

  .section-openroles {
    margin-top: 0;
  }

  .p2-2 {
    font-size: 14px;
    line-height: 26px;
  }

  .header_wrap {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "Logo Logo Logo Logo Logo . Area Area";
  }

  .header_navigation {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    margin-left: 16px;
  }

  .divider-2 {
    align-self: center;
  }

  .header-2 {
    height: 72px;
  }

  .icon {
    width: 40px;
    height: 40px;
  }

  .point-2 {
    grid-auto-columns: minmax(382px, 4.5fr);
  }

  .faq--kv__wrap {
    margin-top: -32px;
    margin-bottom: -32px;
  }

  .signup--buttons__wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .point--icon__wrap {
    width: 64px;
    height: 64px;
  }

  .section-3 {
    overflow: hidden;
  }

  .support--hero__wrap {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area Area Area-2 Area-2 Area-2 Area-2";
  }

  .faq--kv {
    margin-top: 0%;
  }

  .h3-copy {
    font-size: 20px;
  }

  .h1-copy {
    font-size: 56px;
  }
}

@media screen and (max-width: 767px) {
  .h1 {
    font-size: 8vw;
  }

  .p1 {
    font-size: 16px;
    font-weight: 400;
  }

  .button--wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    width: 40vw;
  }

  .main-cta--button.small {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 13px;
  }

  .header-content--wrap {
    height: 64px;
  }

  .header--wide-column.hidden {
    display: none;
  }

  .hero--images {
    height: 80vh;
    min-height: 80vh;
    margin-bottom: -80vh;
    padding-top: 100px;
  }

  .hero-image-main-01--wrap {
    width: 81vw;
    padding: 32px 12px 12px;
    display: none;
  }

  .hero-image-main-01--wrap.kv--mobile {
    display: block;
  }

  .kv-header {
    padding-top: 10px;
  }

  .circles {
    grid-column-gap: 6px;
    height: 6px;
  }

  .circle {
    width: 6px;
    height: 6px;
  }

  .circle.big {
    width: 12px;
    height: 12px;
  }

  .hero-image-main-02--wrap {
    margin-top: 26%;
    padding: 8px;
    display: none;
  }

  .hero-image-main-02--wrap.kv--mobile {
    display: block;
  }

  .hero-image-main-03--wrap {
    border-radius: 2.4em;
    width: 20vw;
    min-width: 210px;
    max-width: 320px;
    margin-top: 15%;
    padding: 8px;
    display: none;
  }

  .hero-image-main-03--wrap.kv--mobile {
    padding: 0;
    display: block;
  }

  .kv--02 {
    border-radius: 16px;
  }

  .quote {
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area Area Area Area"
                         ". Area-2 Area-2 Area-2 Area-2 .";
    width: 100%;
    margin-bottom: 64px;
  }

  .base--wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .p2 {
    font-size: 14px;
    font-weight: 400;
  }

  .third-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .tab--title {
    grid-column-gap: 16px;
  }

  .h3 {
    font-weight: 500;
  }

  .title--text {
    padding-left: 52px;
  }

  .fourth-section {
    min-height: auto;
  }

  .fourth-section_header {
    grid-row-gap: 24px;
    margin-bottom: 32px;
  }

  .business-type_link {
    min-width: auto;
    padding: 12px;
  }

  .h4 {
    font-size: 16px;
    font-weight: 500;
  }

  .fifth-section {
    min-height: auto;
  }

  .plate.last {
    flex-direction: column;
  }

  .plate-visual__wrap {
    height: 220px;
  }

  .p3 {
    font-weight: 400;
  }

  .sixth-section {
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sixth-section_header {
    margin-bottom: 32px;
  }

  .quotes__row._02 {
    margin-left: 3.125%;
  }

  .customer--quote {
    width: 75vw;
    min-width: 75vw;
  }

  .quotes-moving__wrap {
    min-width: 350vw;
    max-width: 350vw;
    padding-left: 6.25%;
    padding-right: 3.125%;
  }

  .quotes-buttons {
    display: none;
  }

  .moving__button {
    padding: 16px 24px;
  }

  .seventh-section {
    min-height: auto;
  }

  .store--buttons {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .app--store {
    align-self: flex-start;
  }

  .eight-section {
    min-height: auto;
  }

  .eight-rows {
    padding-left: 0;
    padding-right: 0;
  }

  .ninth-section {
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .questions--plate {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .tenth--wrap {
    grid-row-gap: 16px;
    flex-direction: column-reverse;
  }

  .demo--column {
    text-align: center;
    align-self: center;
    align-items: center;
    width: 100%;
  }

  .demo--column.right {
    align-items: center;
    width: 70vw;
  }

  .demo-content {
    grid-row-gap: 16px;
    align-items: center;
    width: 70vw;
    padding-right: 0;
  }

  .eleventh--wrap {
    grid-row-gap: 16px;
  }

  .footer--wrap {
    flex-direction: column;
    grid-template: "Area Area Area-2 Area-2"
                   "Area-3 Area-3 . Area-4"
                   / 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .hero--images__wrap {
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
  }

  .hero-arrow-01 {
    width: 20vw;
    min-width: 50px;
    max-width: 120px;
    height: 20vw;
    min-height: 50px;
    max-height: 120px;
    bottom: -32px;
    left: -2vw;
  }

  .hero-arrow-02 {
    width: 15vw;
    min-width: 120px;
    max-width: 200px;
    height: 15vw;
    min-height: 120px;
    max-height: 200px;
    bottom: -20px;
  }

  ._08--gradient.mobile {
    display: block;
  }

  ._08--01 {
    height: 90%;
    margin-bottom: auto;
  }

  ._13--01 {
    width: 260px;
    max-width: 260px;
    height: 260px;
    max-height: 260px;
  }

  ._13--02 {
    width: 380px;
    max-width: 420px;
    height: 380px;
    max-height: 420px;
  }

  ._16--01, ._16--03 {
    height: auto;
  }

  ._18--01 {
    width: 50%;
  }

  ._18--03 {
    width: 40%;
  }

  ._18--02 {
    width: 50%;
  }

  .plate--content__wrap {
    width: 100%;
    padding-top: 24px;
  }

  .dsh {
    width: 100%;
  }

  .points {
    flex-direction: column;
    display: none;
  }

  .point--tabs {
    width: 100%;
    padding: 60px 16px;
  }

  .point--content {
    width: 100%;
    min-height: 60vh;
    position: relative;
  }

  .tab--content__wrap {
    min-height: 60vh;
    position: relative;
    top: auto;
    bottom: auto;
  }

  ._01__01 {
    width: 70%;
  }

  ._01__04 {
    width: 35%;
    top: 9%;
    left: 8%;
    right: auto;
  }

  ._01__03 {
    top: 56%;
    left: auto;
    right: -11%;
  }

  ._01__02 {
    display: block;
    top: 10%;
  }

  ._02__03 {
    bottom: 4%;
  }

  ._02__02 {
    width: 24%;
    inset: 5% 0% 0% 10%;
  }

  ._02__04 {
    top: 3%;
  }

  ._03__04 {
    top: 6%;
  }

  ._04__01 {
    width: 59%;
  }

  ._04__04 {
    top: 3%;
  }

  ._04__03 {
    bottom: 5%;
  }

  ._05__04 {
    top: 4%;
  }

  ._06__04, ._06__03 {
    width: 40%;
  }

  ._07__02 {
    width: 46%;
    top: 9%;
  }

  ._07__03 {
    left: auto;
    right: 3%;
  }

  .menu--button {
    z-index: 99;
    grid-row-gap: 5px;
    opacity: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    margin-left: auto;
    transition: opacity .2s;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .menu--button:hover {
    opacity: .8;
  }

  .menu--button:active {
    opacity: .6;
  }

  .row {
    background-color: var(--white);
    border-radius: 1px;
    width: 20px;
    height: 2.5px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .burger, .cross {
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: auto;
  }

  .cross--line {
    background-color: var(--black);
    border-radius: 1px;
    width: 22px;
    height: 2.5px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .cross--line._01 {
    transform: rotate(45deg);
  }

  .cross--line._02 {
    transform: rotate(-45deg);
  }

  .mobile--menu {
    z-index: 9999;
    -webkit-backdrop-filter: blur(64px);
    backdrop-filter: blur(64px);
    transform-origin: 100% 0;
    background-color: #fffffff0;
    border-radius: 16px;
    flex-direction: column;
    height: 96dvh;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: fixed;
    inset: 2vh 16px;
    overflow: hidden;
    box-shadow: 0 5px 120px 23px #5d5c6952, inset 0 0 0 1px #5d5c691a;
  }

  .mobile--menu__header {
    margin-bottom: 16px;
    padding: 16px;
    position: absolute;
    inset: 0% 0% auto;
  }

  .mobile--menu__containier {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-top: 92px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    overflow: scroll;
  }

  .mobile--menu__links {
    grid-row-gap: 8px;
    flex-direction: column;
    padding-bottom: 160px;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
    position: relative;
  }

  .mobile--menu__link {
    color: var(--black-bg);
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: none;
    transition: opacity .2s;
  }

  .mobile--menu__link:hover {
    opacity: .8;
  }

  .mobile--menu__link:active {
    opacity: .6;
  }

  .mobile--menu__buttons {
    z-index: 99;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-top: 1px solid var(--grey200);
    background-color: var(--white);
    justify-content: space-around;
    width: 100%;
    padding: 32px;
    display: flex;
  }

  .mobile--menu__button {
    color: #fff;
    white-space: nowrap;
    border-radius: 16px;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 20px 16px;
    font-family: Epilogue, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    display: flex;
  }

  .mobile--menu__button.purple {
    background-color: var(--indigo);
    font-weight: 500;
  }

  .mobile--menu__button.grey {
    background-color: var(--grey200);
    color: var(--black-bg);
    font-weight: 500;
  }

  .scroll--bar__hider {
    margin-bottom: 16px;
  }

  .vertical--icon {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
  }

  .mobile--points {
    grid-row-gap: 32px;
    flex-direction: column;
    display: flex;
  }

  .mobile--point__header {
    grid-row-gap: 8px;
    flex-direction: column;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
  }

  .tab--content__wrap--bg {
    background-image: url('../images/bg.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 24px;
    min-height: 50vh;
    padding: 48px 32px;
    position: relative;
    top: auto;
    bottom: auto;
  }

  .grey--section {
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .quick--facts {
    width: 100%;
  }

  .values-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    width: 100%;
  }

  .values--plate {
    padding: 32px;
  }

  .values-plate_text-grid {
    max-width: none;
  }

  .open-roles_button {
    grid-row-gap: 32px;
    text-align: center;
    grid-template: ". Area Area Area Area Area"
                   ". Area-2 Area-2 Area-2 Area-2 Area-2"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    padding-top: 48px;
    padding-bottom: 48px;
    overflow: hidden;
  }

  .but.big.purple {
    flex: 1;
  }

  .but.inline {
    flex-direction: column;
    align-items: flex-start;
    font-size: 24px;
  }

  .but.inline.light.footer {
    font-size: 16px;
  }

  .but.medium {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    display: flex;
  }

  .but.medium.outline {
    align-self: stretch;
    width: 100%;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    display: flex;
  }

  .but.inline_icon {
    padding-left: 36px;
    font-size: 14px;
    font-weight: 500;
  }

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

  .faq-roles_button {
    grid-row-gap: 32px;
    text-align: center;
    grid-template: ". Area Area Area Area Area"
                   ". Area-2 Area-2 Area-2 Area-2 Area-2"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    padding-top: 48px;
    padding-bottom: 48px;
    overflow: hidden;
  }

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

  .chat-roles_button {
    grid-row-gap: 32px;
    text-align: center;
    grid-template: ". Area Area Area Area Area"
                   ". Area-2 Area-2 Area-2 Area-2 Area-2"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    padding-top: 48px;
    padding-bottom: 48px;
    overflow: hidden;
  }

  .seq {
    background-image: linear-gradient(#0000 66%, #fff), url('../images/SEQ_02.webp');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, 42%;
  }

  .hero-arrow-05 {
    width: 20vw;
    min-width: 50px;
    max-width: 120px;
    height: 20vw;
    min-height: 50px;
    max-height: 120px;
    bottom: -32px;
    left: -2vw;
  }

  .qoute {
    width: 100%;
  }

  .image-6 {
    left: 2%;
  }

  .demo--ui__img {
    margin-top: 0%;
    margin-bottom: 32px;
  }

  .fees {
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 0;
    padding-right: 0;
  }

  ._21--01 {
    width: 60%;
  }

  ._21--02 {
    width: 30%;
  }

  ._21--03 {
    width: 40%;
  }

  .spots {
    width: 48px;
    height: 48px;
  }

  ._24--01 {
    height: 50%;
    right: 12%;
  }

  ._24--02 {
    width: 80%;
    top: 1%;
  }

  .hero-arrow-04 {
    width: 20vw;
    min-width: 50px;
    max-width: 120px;
    height: 20vw;
    min-height: 50px;
    max-height: 120px;
    bottom: -32px;
    left: -2vw;
  }

  .footer__wording {
    padding-left: 16px;
    padding-right: 16px;
  }

  .one-click__box {
    grid-row-gap: 32px;
    text-align: center;
    grid-template: ". Area Area Area Area Area"
                   ". Area-2 Area-2 Area-2 Area-2 Area-2"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    padding-top: 48px;
    padding-bottom: 48px;
    overflow: hidden;
  }

  ._26--01 {
    width: 60%;
  }

  ._26--02 {
    width: 30%;
    left: 7%;
  }

  ._26--03 {
    width: 30%;
    right: 4%;
  }

  ._28--01 {
    width: 100%;
  }

  .quick-stack--mobile {
    padding-left: 6.25%;
    padding-right: 6.25%;
    display: flex;
  }

  .pricing-plans--wrap {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }

  .button.primary-dark.large {
    flex: 1;
  }

  .header-buttons {
    display: none;
  }

  .burger--icon {
    justify-content: center;
    align-items: center;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    display: flex;
  }

  .section-values {
    grid-row-gap: 16px;
  }

  .column {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex: 1;
  }

  .logo-2 {
    max-width: 100%;
  }

  .header_logo-navigation {
    display: none;
  }

  .h3-2 {
    font-size: 36px;
  }

  .buttons_wrap {
    display: none;
  }

  .footer__grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    grid-template: "Area Area"
                   "Area-2 Area-2"
                   "Area-3 Area-3"
                   "Area-4 Area-4"
                   ". ."
                   / 1fr 1fr;
    display: flex;
  }

  .menu-opener {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    display: flex;
  }

  .div-block-5 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .but-inline_txt {
    border-bottom: 1px solid #f0f0f5;
    padding-bottom: 4px;
    font-family: Epilogue, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    display: block;
  }

  .section-top {
    flex-direction: column;
    margin-top: 64px;
    font-size: 1vw;
    display: flex;
  }

  .header_logo_mobile {
    justify-content: flex-start;
    max-height: 24px;
    display: flex;
  }

  .careers__kv {
    max-width: 70%;
    margin-top: -6%;
    margin-bottom: -10%;
    margin-left: 0%;
  }

  .image-19 {
    align-self: center;
    max-width: none;
    max-height: 24px;
    display: block;
  }

  .career--head__txt {
    align-items: center;
  }

  .container-2 {
    height: 100%;
  }

  .values-plate {
    padding: 32px;
  }

  .h2-2 {
    font-size: 40px;
  }

  .h4-2 {
    font-size: 24px;
  }

  .stats_plate {
    padding: 32px;
  }

  .values-plate_text-grid-2 {
    max-width: none;
  }

  .menu-opener_lottie {
    width: 72%;
    height: 72%;
  }

  .momence__block {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". Area Area Area Area"
                         ". Area-2 Area-2 Area-2 Area-2";
    margin-top: 32px;
  }

  .footer--logo {
    margin-bottom: 32px;
  }

  .h1-2 {
    position: relative;
  }

  .lottie-animation {
    width: 40px;
    margin-top: 0;
    margin-bottom: 16px;
    position: static;
    top: auto;
    right: auto;
  }

  .section-stats {
    margin-bottom: 64px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section-openroles {
    grid-row-gap: 32px;
    text-align: center;
    grid-template: ". Area Area Area Area Area"
                   ". Area-2 Area-2 Area-2 Area-2 Area-2"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-top: 24px;
    padding-bottom: 64px;
    overflow: hidden;
  }

  .careers-txt__wrap {
    text-align: center;
    align-items: center;
  }

  .p2-2 {
    max-width: 320px;
    font-size: 14px;
  }

  .p2-2.wide {
    max-width: 48ch;
  }

  .header_wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "Logo Logo";
  }

  .values-column-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .copyiright {
    margin-top: 48px;
  }

  .copyiright.descktop {
    display: none;
  }

  .copyiright.mobile {
    display: block;
  }

  .stats_grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". Area-5 Area-5 Area-5 Area-5 ."
                         "Area Area Area Area-2 Area-2 Area-2"
                         "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4";
    padding-left: 32px;
    padding-right: 32px;
  }

  .social__link {
    width: 40px;
    height: 40px;
  }

  .careers-kv__wrap {
    order: -1;
    justify-content: center;
  }

  .social_lottie.ins {
    width: 100%;
    height: 100%;
  }

  .faq__txt {
    grid-row-gap: 16px;
    align-items: flex-start;
  }

  .faq__wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area Area-2 Area-2 Area-2";
    padding-left: 24px;
    padding-right: 24px;
  }

  .point-2 {
    text-align: left;
  }

  .support__kv {
    width: 100%;
    margin-top: -10%;
    margin-left: 0%;
  }

  .faq--kv__wrap {
    align-items: center;
    display: flex;
  }

  .signup--buttons__wrap {
    margin-top: 32px;
    display: flex;
  }

  .h4-3 {
    font-size: 24px;
  }

  .support-points {
    grid-template: "Area Area Area Area-2 Area-2 Area-2"
                   "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3"
                   "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4"
                   "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .signup__wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area Area-2 Area-2 Area-2";
    padding-left: 24px;
    padding-right: 24px;
    display: none;
  }

  .support--hero__wrap {
    grid-template: ". Area-2 Area-2 Area-2 Area-2"
                   ". Area Area Area Area"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-top: 72px;
    font-size: 1vw;
  }

  .faq--kv {
    max-width: 160%;
    margin-top: -25%;
    margin-bottom: -40%;
  }

  .h3-copy {
    font-weight: 500;
  }

  .h1-copy {
    font-size: 8vw;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero--text {
    grid-row-gap: 16px;
    margin-bottom: 0;
    padding-top: 80px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .h1 {
    font-size: 10vw;
  }

  .p1 {
    font-size: 15px;
  }

  .button--wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    max-width: 100%;
  }

  .button--wrap.light {
    z-index: 3;
    grid-row-gap: 16px;
    flex-wrap: wrap-reverse;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
  }

  .main-cta--button {
    flex: 1;
    padding-left: 24px;
    padding-right: 24px;
  }

  .main-cta--button.small {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 13px;
  }

  .main-cta--button.big.light {
    flex: 1;
  }

  .hero--images {
    justify-content: flex-start;
    height: 90vh;
    min-height: 90vh;
    max-height: 90vh;
    margin-left: -16px;
    margin-right: 0;
    padding-top: 24px;
    top: 64px;
  }

  .hero-image-main-01--wrap {
    z-index: 1;
    border-radius: 1.1em;
    justify-content: flex-start;
    width: 120vw;
    min-width: 140vw;
    margin-top: 24px;
    margin-left: 10vw;
    padding: 24px 6px 6px;
    position: relative;
  }

  .hero-image-main-01--wrap.kv--mobile {
    width: 130vw;
    min-width: 160vw;
    margin-left: 20vw;
  }

  .kv--01 {
    border-radius: .5em;
  }

  .kv-header {
    padding-top: 6px;
  }

  .hero-image-main-02--wrap {
    z-index: 2;
    border-radius: 1.1em;
    width: 60vw;
    min-width: 200px;
    margin-top: 75%;
    margin-left: 63vw;
    padding: 6px;
  }

  .hero-image-main-02--wrap.kv--mobile {
    padding: 0;
    display: none;
  }

  .kv--03 {
    border-radius: 1em;
    height: auto;
    display: block;
  }

  .hero-image-main-03--wrap {
    z-index: 2;
    border-radius: 1.6em;
    width: 9vw;
    min-width: 170px;
    margin-top: 49%;
    margin-left: 8vw;
    margin-right: 0;
    padding: 6px;
  }

  .hero-image-main-03--wrap.kv--mobile {
    margin-top: 36%;
    padding: 0;
  }

  .kv--02 {
    border-radius: .5em;
  }

  .quote {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2";
    margin-bottom: 32px;
  }

  .qoute--wrap {
    align-items: flex-start;
  }

  .h2 {
    font-size: 32px;
  }

  .p2.t80 {
    font-size: 14px;
  }

  .logos--line {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .logo {
    width: 20%;
  }

  .tab--title {
    grid-column-gap: 8px;
  }

  .tab--icon {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
  }

  .h3 {
    font-size: 18px;
  }

  .fourth-section {
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .fourth-section_header {
    grid-row-gap: 16px;
    margin-bottom: 32px;
  }

  .business-type_links_grid {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .business-type_link {
    grid-column-gap: 8px;
    border-radius: 12px;
    align-self: stretch;
    min-width: auto;
    padding: 8px;
  }

  .h4 {
    font-size: 14px;
  }

  .business-type_links {
    grid-row-gap: 8px;
  }

  .fifth-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .plate {
    border-radius: 16px;
    padding-bottom: 16px;
  }

  .plate-visual__wrap {
    height: 190px;
    max-height: 190px;
  }

  .plate-text__wrap {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .plate-title {
    grid-row-gap: 12px;
    flex-direction: column;
  }

  .plate-paragraph__wrap {
    padding-left: 0;
  }

  .sixth-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .underline {
    width: 80%;
  }

  .quotes__row {
    grid-column-gap: 8px;
  }

  .customer--quote {
    padding: 16px;
  }

  .qoutes {
    width: 24px;
  }

  .quotes-moving__wrap {
    grid-row-gap: 8px;
    min-width: 400vw;
    max-width: 400vw;
  }

  .seventh-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .seventh-section__columns {
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .seventh--column.right {
    padding: 24px 16px 16px;
  }

  .store--buttons {
    flex-flow: wrap;
  }

  .app--store {
    align-self: flex-start;
  }

  .app--kv {
    width: 80%;
    max-width: 70%;
    margin-bottom: -40%;
  }

  .eight-section {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
  }

  .ninth-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .questions--plate {
    grid-row-gap: 16px;
    padding: 24px 16px 16px;
  }

  .tenth-section {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
  }

  .demo--column.right {
    display: flex;
  }

  .demo-content {
    width: 100%;
    margin-bottom: 0;
  }

  .eleventh-section {
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer {
    padding-top: 120px;
  }

  .footer--wrap {
    flex-direction: column;
    display: flex;
  }

  .hero--images__wrap {
    height: 90vh;
    min-height: 90vh;
    max-height: 90vh;
    margin-left: -16px;
    margin-right: -16px;
  }

  .hero-arrow-01 {
    width: 24vw;
    min-width: 41px;
    height: 24vw;
    min-height: 45px;
    display: none;
    bottom: -2.4vw;
    left: -3.2vw;
    transform: rotate(16deg);
  }

  .hero-arrow-02 {
    opacity: .32;
    width: 30vw;
    min-width: 100px;
    height: 40vw;
    min-height: 100px;
    display: none;
    bottom: -42px;
    right: -8.4vw;
  }

  .heart--lottie {
    width: 16vw;
    min-width: 20vw;
    min-height: auto;
  }

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

  .v02--notification {
    width: 12px;
    height: 12px;
  }

  ._02--01, ._02--02 {
    width: 80%;
  }

  ._03--01 {
    max-width: 70%;
  }

  ._03--02 {
    max-width: 90%;
  }

  ._03--03 {
    max-width: 80%;
  }

  ._04--01 {
    width: 120px;
  }

  ._07--01 {
    width: 70%;
    margin-right: 18%;
  }

  ._07--02 {
    width: 70%;
    top: 24px;
  }

  ._07--03 {
    width: 70%;
    top: 66px;
  }

  ._07--04 {
    width: 70%;
    top: 104px;
  }

  ._08--gradient {
    height: 20%;
  }

  ._08--01 {
    width: 80%;
    max-width: 240px;
    margin-bottom: -7%;
  }

  ._09--01 {
    max-width: 290px;
  }

  ._09--02 {
    max-width: 260px;
  }

  ._09--03 {
    max-width: 240px;
  }

  ._10--01 {
    width: 50%;
    margin-left: -17%;
  }

  ._10--02 {
    height: 80%;
  }

  ._10--02__wrap {
    align-items: flex-end;
    display: flex;
  }

  ._11--01__bg {
    height: 120px;
  }

  ._11--02__bg {
    height: 80px;
  }

  ._12--02 {
    width: 100%;
    max-width: 290px;
    margin-top: 8px;
  }

  ._13--03 {
    height: 35px;
  }

  ._13--03._01 {
    margin-top: 7px;
  }

  ._13--03._02 {
    margin-bottom: 118px;
  }

  ._13--03._03 {
    margin-right: 179px;
  }

  ._13--03._04 {
    margin-top: 92px;
    margin-right: 176px;
  }

  ._13--03._05 {
    margin-bottom: 39px;
    margin-left: 211px;
  }

  ._13--03._06 {
    margin-top: 104px;
    margin-left: 170px;
  }

  ._15--03 {
    top: 55%;
  }

  ._15--02 {
    bottom: 6%;
  }

  ._16--01 {
    min-height: 130px;
    display: block;
    bottom: -8%;
  }

  ._16--03 {
    min-height: 29px;
    margin-bottom: -22px;
    display: block;
  }

  ._17--01 {
    left: -27%;
  }

  ._17--02 {
    left: 8%;
  }

  ._18--01 {
    width: 80%;
  }

  ._18--03 {
    width: 60%;
  }

  ._18--02 {
    width: 70%;
  }

  .plate--content__wrap {
    align-items: stretch;
    padding: 16px;
  }

  .smile {
    top: -8%;
  }

  .demo--cta__button {
    padding-left: 24px;
    padding-right: 24px;
  }

  .point--tab {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .points {
    margin-left: -16px;
    margin-right: -16px;
  }

  .point--tabs {
    padding-left: 16px;
  }

  ._01__01 {
    width: 90%;
    padding: 6px;
  }

  ._01__04 {
    width: 40%;
    top: 5%;
    left: -2%;
  }

  ._01__03 {
    width: 70%;
    right: -17%;
  }

  ._01__02 {
    width: 40%;
    top: 3%;
  }

  ._02__03 {
    width: 60%;
    bottom: -12%;
    left: 2%;
  }

  ._02__02 {
    width: 20%;
    right: -9%;
  }

  ._02__04 {
    width: 70%;
    top: 8%;
    right: -17%;
  }

  ._02__01, ._03__01 {
    width: 90%;
    padding: 6px;
  }

  ._03__04 {
    width: 60%;
    top: 4%;
    right: -2%;
  }

  ._03__03 {
    width: 60%;
    bottom: -25%;
  }

  ._04__01 {
    width: 80%;
    padding: 6px;
  }

  ._04__04 {
    width: 60%;
    top: 5%;
    right: -12%;
  }

  ._04__03 {
    width: 80%;
    bottom: -2%;
    left: -5%;
  }

  ._05__01 {
    width: 80%;
    padding: 6px;
  }

  ._05__04 {
    width: 60%;
  }

  ._06__01 {
    width: 90%;
    padding: 6px;
  }

  ._06__04 {
    width: 60%;
    top: 6%;
  }

  ._06__03 {
    width: 60%;
    bottom: 8%;
    left: -4%;
  }

  ._07__01 {
    width: 90%;
    padding: 6px;
  }

  ._07__02 {
    width: 54%;
    top: 8%;
    left: 2%;
  }

  ._07__03 {
    width: 30%;
    bottom: 4%;
  }

  ._07__04 {
    width: 20%;
  }

  .row {
    width: 16px;
    height: 2px;
  }

  .burger {
    grid-row-gap: 3px;
  }

  .cross--line {
    width: 16px;
    height: 2px;
  }

  .mobile--menu {
    inset: 16px 8px;
  }

  .mobile--menu__header {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    overflow: hidden;
  }

  .mobile--menu__containier {
    padding-top: 64px;
  }

  .mobile--menu__links {
    grid-row-gap: 4px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .mobile--menu__link {
    align-items: center;
    min-height: 40px;
    display: flex;
  }

  .mobile--menu__buttons {
    flex-direction: column-reverse;
    padding: 16px;
  }

  .vertical--icon {
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    height: 26px;
    min-height: 26px;
    max-height: 26px;
  }

  .tab--content__wrap--bg {
    background-attachment: fixed;
    min-height: 50vh;
    padding: 64px 16px;
  }

  .image-3 {
    border-radius: 12px;
  }

  .grey--section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .quick--facts__wrap {
    grid-row-gap: 16px;
  }

  .quick--facts {
    padding: 32px 24px 24px;
  }

  .fact--row {
    flex-direction: column;
  }

  .fact {
    grid-row-gap: 4px;
    padding: 24px;
  }

  .values--plate {
    color: var(--black);
    padding: 24px;
  }

  .values-plate_text-grid {
    grid-row-gap: 8px;
    max-width: none;
  }

  .open-roles_button {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2";
    padding: 32px 24px 24px;
  }

  .but.big {
    border-radius: 14px;
    padding: 19px 26px;
    font-size: 14px;
  }

  .but.big.purple {
    flex: 1;
  }

  .but.inline {
    font-size: 20px;
  }

  .but.inline.light.footer {
    font-size: 14px;
  }

  .points--row {
    margin-top: 32px;
  }

  .point {
    border-radius: 16px;
    padding-bottom: 16px;
  }

  .point.light {
    grid-row-gap: 8px;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .faq-roles_button {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2";
    margin-bottom: 32px;
    padding: 32px 24px 24px;
  }

  .points--row__02 {
    margin-top: 32px;
  }

  .chat-roles_button {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2";
    padding: 32px 24px 24px;
  }

  .logos--wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .seq {
    background-position: 0 0, 50% 20%;
    background-size: auto, 70%;
  }

  .hero-arrow-05 {
    width: 40vw;
    height: 40vw;
    bottom: -7vw;
    left: -10.6vw;
  }

  .qoute {
    flex-direction: column;
    margin-bottom: 120px;
    padding: 16px;
  }

  .quout--images {
    height: 200px;
    margin-top: -43px;
    margin-bottom: 24px;
  }

  .image-6, .image-7 {
    max-height: 220px;
  }

  .table__txt {
    white-space: break-spaces;
    font-size: 11px;
    line-height: 16px;
  }

  .p1__table {
    font-size: 10px;
    font-weight: 500;
  }

  .table__img {
    width: 20px;
    height: 20px;
  }

  .table {
    grid-column-gap: 12px;
    grid-row-gap: 16px;
    grid-template-columns: 1.5fr 1fr 1fr;
  }

  .table__logo {
    width: 16px;
    height: 16px;
    margin-right: 4px;
  }

  .demo--ui__img {
    border-radius: 16px;
    width: 90vw;
    height: 59vw;
    margin-bottom: 16px;
  }

  .demo--facetime__img {
    border-radius: 12px;
  }

  .pricing--fees {
    padding-top: 60px;
  }

  .fees {
    grid-row-gap: 16px;
    text-align: left;
    align-items: flex-start;
  }

  .fees--plate {
    grid-row-gap: 8px;
  }

  .flag {
    font-size: 20px;
  }

  .fees--grid {
    grid-row-gap: 8px;
    text-align: left;
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    display: flex;
  }

  ._21--01 {
    width: 70%;
  }

  ._21--02 {
    width: 40%;
  }

  ._21--03 {
    width: 60%;
  }

  ._23--01 {
    width: 63%;
  }

  ._23--04 {
    margin-top: -40%;
    margin-right: -64%;
  }

  .spots {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
  }

  ._24--01 {
    height: 40%;
  }

  ._24--02 {
    width: 100%;
    left: -14%;
  }

  .hero-arrow-04 {
    width: 60vw;
    height: 40vw;
    margin-top: -64px;
    margin-bottom: -32px;
  }

  .footer__wording {
    margin-bottom: -10px;
  }

  .one-click__box {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2";
    margin-bottom: 32px;
    padding: 32px 24px 24px;
  }

  .click {
    width: 40%;
    top: 43%;
  }

  ._27-01 {
    width: 40%;
    top: 19%;
  }

  ._27-02 {
    width: 60%;
    top: 32%;
  }

  ._26--01 {
    width: 90%;
  }

  ._26--02 {
    width: 36%;
    top: 9%;
    left: 1%;
  }

  ._26--03 {
    width: 40%;
    top: -1%;
    right: -6%;
  }

  .quick-stack--mobile, .pricing-plans--wrap {
    padding-left: 0%;
    padding-right: 0%;
  }

  .pricing {
    padding: 32px 16px 16px;
  }

  .pricing-form {
    top: 48px;
  }

  .image-10 {
    top: -5%;
  }

  .image-11 {
    right: -19%;
  }

  .image-12 {
    right: 4%;
  }

  .image-13 {
    top: 41%;
    left: 19%;
  }

  .image-14 {
    left: -12%;
  }

  .image-16 {
    right: 16%;
  }

  .section-values {
    margin-top: 64px;
  }

  .logo-2 {
    max-width: 32vw;
  }

  .h3-2 {
    font-size: 32px;
  }

  .footer__grid {
    grid-row-gap: 12px;
    grid-template: "Area-2 Area-2"
                   "Area-3 Area-3"
                   "Area-4 Area-4"
                   "Area Area"
                   / 1fr 1fr;
    margin-top: 64px;
  }

  .but-inline_txt {
    font-size: 20px;
  }

  .section-top {
    margin-bottom: 64px;
  }

  .careers__kv {
    max-width: 90%;
  }

  .career--head__txt {
    text-align: center;
  }

  .values-plate {
    padding: 24px;
  }

  .footer__column-2 {
    grid-row-gap: 12px;
  }

  .h4-2 {
    max-width: 25ch;
    font-size: 20px;
  }

  .stats_plate {
    padding-left: 24px;
    padding-right: 24px;
  }

  .values-plate_text-grid-2 {
    grid-row-gap: 8px;
    max-width: none;
  }

  .p3-2 {
    font-size: 14px;
    line-height: 1.5;
  }

  .momence__block {
    flex-direction: column;
    margin-bottom: 64px;
    padding: 32px 24px;
    display: flex;
  }

  .main-wrap {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    padding-top: 32px;
  }

  .h1-2 {
    font-size: 12.5vw;
  }

  .h1-2.wrap {
    white-space: normal;
    white-space: normal;
  }

  .section-stats {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-top: 0;
  }

  .section-openroles {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2";
    padding: 16px 24px 32px;
  }

  .careers-txt__wrap {
    text-align: left;
    align-items: center;
  }

  .header_wrap {
    grid-template-columns: 1fr 36fr;
    grid-template-areas: ".";
    justify-content: space-between;
    display: flex;
  }

  .stats-plate_wrap {
    grid-row-gap: 8px;
  }

  .stats_grid {
    grid-template: "Area-5 Area-5 Area-5 Area-5"
                   "Area Area Area Area"
                   "Area-2 Area-2 Area-2 Area-2"
                   "Area-3 Area-3 Area-3 Area-3"
                   "Area-4 Area-4 Area-4 Area-4"
                   / 1fr 1fr 1fr 1fr;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .header-2 {
    height: 64px;
  }

  .faq__txt {
    order: 1;
  }

  .faq__wrap {
    flex-direction: column;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    display: none;
  }

  .icon {
    width: 32px;
    height: 32px;
  }

  .point-2 {
    grid-template-columns: 48px 1fr;
    padding: 16px;
  }

  .support__kv {
    margin-top: -20%;
  }

  .support--text__wrap {
    grid-row-gap: 32px;
  }

  .faq--kv__wrap {
    justify-content: center;
    align-items: flex-end;
    height: 190px;
    margin-top: 0;
    margin-bottom: -24px;
  }

  .signup--buttons__wrap {
    align-self: stretch;
    margin-top: 0;
  }

  .h4-3 {
    max-width: 25ch;
    font-size: 20px;
  }

  .point--icon__wrap {
    width: 48px;
    height: 48px;
  }

  .support-points {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    margin-bottom: 64px;
    display: flex;
  }

  .support__text {
    grid-row-gap: 16px;
  }

  .signup__wrap {
    flex-direction: column;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    display: none;
  }

  .support--hero__wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area-2 Area-2 Area-2 Area-2"
                         "Area Area Area Area";
  }

  .faq--kv {
    max-width: 100%;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
  }

  .h3-copy {
    font-size: 18px;
  }

  .h1-copy {
    font-size: 10vw;
  }
}

#w-node-a0c966ee-1dbf-d004-9753-849d56c61380-f4d267b8 {
  grid-area: Area;
}

#w-node-_2a2cbfe1-b25a-3c36-4c0d-c946d3748bd0-f4d267b8 {
  grid-area: Area-2;
}

#w-node-f83e2a84-cd03-c4e7-d398-1520b6903e5e-f4d267b8 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_3bf6cb03-f127-3cf1-fcb6-9c556c88b9f1-f4d267b8, #w-node-_596393c8-ba5f-2e05-7f0d-b73b47889201-f4d267b8 {
  grid-column: span 3 / span 3;
}

#w-node-f83e2a84-cd03-c4e7-d398-1520b6903e5f-f4d267b8 {
  grid-column: span 4 / span 4;
}

#w-node-_3feccad8-6661-7991-e2af-9b29e766bbd6-f4d267b8 {
  grid-column: span 2 / span 2;
}

#w-node-_7cf63a42-f4a6-25ea-3aed-09c374e9b54c-f4d267b8 {
  grid-column: span 6 / span 6;
}

#w-node-_88b0d238-1a15-d269-13b4-e7b6d15095f4-f4d267b8, #w-node-eb09120b-44d1-b603-01ac-0c3b77c24e3e-f4d267b8, #w-node-_1d34e8a4-c8d3-146d-6d3c-be31bc44a994-f4d267b8 {
  grid-column: span 2 / span 2;
}

#w-node-d65c8f49-e3ce-04e4-703b-b5aa4fb2c5d9-f4d267b8, #w-node-_80fa3a5e-a2f4-b9eb-6aa8-ef5cb44318ca-f4d267b8 {
  grid-column: span 3 / span 3;
}

#w-node-d1da6a34-ec6d-c1cc-5a89-6981a9e34a01-f4d267b8 {
  grid-column: span 2 / span 2;
}

#w-node-_14894454-0920-8ee9-9ce1-2c72d5a8017b-f4d267b8 {
  grid-column: span 4 / span 4;
}

#w-node-_2c13a6c1-fbe6-236d-6ed8-9f62bcdbe139-f4d267b8, #w-node-_12a31fd8-e63e-30a2-6221-897b7fdb67b0-f4d267b8 {
  grid-column: span 3 / span 3;
}

#w-node-_483c5c80-382c-1345-998c-81061353ce48-f4d267b8 {
  grid-column: span 4 / span 4;
}

#w-node-_85ebc196-ed4b-5307-606a-223e8c30bdf9-f4d267b8 {
  grid-column: span 2 / span 2;
}

#w-node-_73e2594a-e823-08a1-7d61-a07908491ad2-f4d267b8, #w-node-b0a88721-eea0-581d-394c-a58ea69409a2-f4d267b8 {
  grid-column: span 3 / span 3;
}

#w-node-_33eda26c-70b1-b947-bb82-774dcb42e415-f4d267b8, #w-node-b3695099-3847-8555-c338-1d5d730f6031-f4d267b8, #w-node-f36cd903-36b7-acb1-6ffb-73631a9a986c-f4d267b8 {
  grid-column: span 2 / span 2;
}

#w-node-_86324d2a-4a42-9903-beca-b7cabe6edfe1-f4d267b8, #w-node-_4db4b2d9-6d66-2e32-cf92-bce5bc27de54-f4d267b8, #w-node-_1809570c-3de8-caa5-5165-ac5d737533d4-f4d267b8, #w-node-bb8cd64c-b751-5d44-d75f-867f023b4399-f4d267b8, #w-node-d127baf0-e16e-509b-73ad-8ff342a74897-f4d267b8, #w-node-_36783b91-3e17-1d8a-9250-27e8eddc0a90-f4d267b8 {
  grid-column: span 3 / span 3;
}

#w-node-cd242f01-24cd-1ec4-3a54-558538c10549-f4d267b8 {
  grid-column: span 6 / span 6;
}

#w-node-_10576f9a-00e8-c730-1e4d-e31bba2cfbfd-f4d267b8 {
  grid-area: Area;
  justify-self: center;
}

#w-node-e35525f1-2205-d19a-2782-c29aa2d2a86e-a2d2a86a, #w-node-e35525f1-2205-d19a-2782-c29aa2d2a86f-a2d2a86a {
  grid-area: Area;
}

#w-node-e35525f1-2205-d19a-2782-c29aa2d2a874-a2d2a86a {
  grid-area: Area-2;
}

#w-node-e35525f1-2205-d19a-2782-c29aa2d2a887-a2d2a86a {
  grid-area: Area-3;
}

#w-node-e35525f1-2205-d19a-2782-c29aa2d2a894-a2d2a86a {
  grid-area: Area-4;
}

#w-node-_3c21e23d-8190-c293-e5a1-7506224ad0d3-4d866771 {
  grid-area: Area;
}

#w-node-_3c21e23d-8190-c293-e5a1-7506224ad0d7-4d866771, #w-node-_8eac1640-b650-39a7-e4f6-fb77daba8c74-4d866771 {
  grid-area: Area-2;
}

#w-node-e77e40fb-c8d3-6326-91d8-b083a54a671b-4d866771 {
  grid-area: Area-3;
  place-self: start stretch;
}

#w-node-_724d0761-7248-aafa-1e1d-ac1ca03a071a-4d866771 {
  grid-area: Area;
}

#w-node-_3bb3824b-35e7-f345-16d8-8099b3f551f5-4d866771 {
  grid-area: Area-2;
}

#w-node-_7b87a086-2202-f9e5-3d05-39951e830530-7bc7fb1d, #w-node-b00228a5-b37c-635f-f0a4-fe0967432624-7bc7fb1d, #w-node-_48d93bbf-3b02-b626-d28f-756a77f9a576-7bc7fb1d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c152eb68-1825-1a57-b135-cae5401da9a1-7bc7fb1d {
  grid-area: Area;
}

#w-node-c4278e0c-fc8c-fbff-6465-c8689dd308cc-7bc7fb1d {
  grid-area: Area-2;
}

#w-node-_3b37011a-c0d1-de6e-413d-94be78221470-7bc7fb1d {
  grid-area: Area;
}

#w-node-_3b37011a-c0d1-de6e-413d-94be78221475-7bc7fb1d {
  grid-area: Area-2;
}

#w-node-_95a87454-9749-3023-7993-4ff421632f9a-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632f9d-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fa1-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fa5-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fa7-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fa8-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632faa-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fac-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fae-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632faf-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fb1-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fb2-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fb3-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fb5-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fb6-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fb8-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fba-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fbb-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fbc-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fbe-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fbf-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fc0-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fc2-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fc3-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fc4-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fc6-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fc7-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fc8-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fca-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fcb-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fcc-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fce-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fcf-cbe9e448 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b552449f-ed6f-d1da-93a7-576097eabc7e-cbe9e448 {
  grid-area: Area-2;
}

#w-node-_5fd57787-0175-4a7b-a864-8ea94d5164de-d25815ca, #w-node-_5fd57787-0175-4a7b-a864-8ea94d5164de-52767053 {
  grid-area: Area;
  justify-self: center;
}

#w-node-a0c966ee-1dbf-d004-9753-849d56c61380-1934369f {
  grid-area: Area;
}

#w-node-_2a2cbfe1-b25a-3c36-4c0d-c946d3748bd0-1934369f {
  grid-area: Area-2;
}

#w-node-f83e2a84-cd03-c4e7-d398-1520b6903e5e-1934369f {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-f83e2a84-cd03-c4e7-d398-1520b6903e5f-1934369f {
  grid-column: span 4 / span 4;
}

#w-node-_3feccad8-6661-7991-e2af-9b29e766bbd6-1934369f {
  grid-column: span 2 / span 2;
}

#w-node-_7cf63a42-f4a6-25ea-3aed-09c374e9b54c-1934369f {
  grid-column: span 6 / span 6;
}

#w-node-_88b0d238-1a15-d269-13b4-e7b6d15095f4-1934369f, #w-node-eb09120b-44d1-b603-01ac-0c3b77c24e3e-1934369f, #w-node-_1d34e8a4-c8d3-146d-6d3c-be31bc44a994-1934369f {
  grid-column: span 2 / span 2;
}

#w-node-d65c8f49-e3ce-04e4-703b-b5aa4fb2c5d9-1934369f, #w-node-_80fa3a5e-a2f4-b9eb-6aa8-ef5cb44318ca-1934369f {
  grid-column: span 3 / span 3;
}

#w-node-d1da6a34-ec6d-c1cc-5a89-6981a9e34a01-1934369f {
  grid-column: span 2 / span 2;
}

#w-node-_14894454-0920-8ee9-9ce1-2c72d5a8017b-1934369f {
  grid-column: span 4 / span 4;
}

#w-node-_2c13a6c1-fbe6-236d-6ed8-9f62bcdbe139-1934369f, #w-node-_12a31fd8-e63e-30a2-6221-897b7fdb67b0-1934369f {
  grid-column: span 3 / span 3;
}

#w-node-_483c5c80-382c-1345-998c-81061353ce48-1934369f {
  grid-column: span 4 / span 4;
}

#w-node-_85ebc196-ed4b-5307-606a-223e8c30bdf9-1934369f {
  grid-column: span 2 / span 2;
}

#w-node-_73e2594a-e823-08a1-7d61-a07908491ad2-1934369f, #w-node-b0a88721-eea0-581d-394c-a58ea69409a2-1934369f {
  grid-column: span 3 / span 3;
}

#w-node-_33eda26c-70b1-b947-bb82-774dcb42e415-1934369f, #w-node-b3695099-3847-8555-c338-1d5d730f6031-1934369f, #w-node-f36cd903-36b7-acb1-6ffb-73631a9a986c-1934369f {
  grid-column: span 2 / span 2;
}

#w-node-_86324d2a-4a42-9903-beca-b7cabe6edfe1-1934369f, #w-node-_4db4b2d9-6d66-2e32-cf92-bce5bc27de54-1934369f, #w-node-_1809570c-3de8-caa5-5165-ac5d737533d4-1934369f, #w-node-bb8cd64c-b751-5d44-d75f-867f023b4399-1934369f, #w-node-d127baf0-e16e-509b-73ad-8ff342a74897-1934369f, #w-node-_36783b91-3e17-1d8a-9250-27e8eddc0a90-1934369f {
  grid-column: span 3 / span 3;
}

#w-node-cd242f01-24cd-1ec4-3a54-558538c10549-1934369f {
  grid-column: span 6 / span 6;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d5f58-ce75af18 {
  grid-area: Area;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d5f60-ce75af18 {
  grid-area: Area-3;
  place-self: center;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d5f63-ce75af18 {
  grid-area: Area;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d5f67-ce75af18 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d5f69-ce75af18 {
  grid-area: Area-2;
  align-self: start;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d5fc8-ce75af18 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d5fca-ce75af18 {
  grid-area: Area;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d5fd0-ce75af18 {
  grid-area: Area-2;
  align-self: center;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d5fd6-ce75af18 {
  grid-area: Area-3;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d5fde-ce75af18 {
  grid-area: Area-4;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d5fe3-ce75af18 {
  grid-area: Area-5;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d601c-ce75af18, #w-node-f09a5929-0b37-eca2-2f07-6b82619d601d-ce75af18 {
  grid-area: Area;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d6020-ce75af18 {
  grid-area: Area-2;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d6027-ce75af18, #w-node-f09a5929-0b37-eca2-2f07-6b82619d6029-ce75af18 {
  grid-area: Area;
}

#w-node-f09a5929-0b37-eca2-2f07-6b82619d602b-ce75af18 {
  grid-area: Area-2;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a42838f-c9488147 {
  grid-area: Area;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a428399-c9488147 {
  grid-area: Area-2;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a42839c-c9488147 {
  grid-area: Area;
  align-self: stretch;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a42839f-c9488147 {
  grid-area: Area;
  align-self: start;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283a4-c9488147 {
  grid-area: Area-2;
  align-self: stretch;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283a7-c9488147 {
  grid-area: Area;
  align-self: start;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283ac-c9488147 {
  grid-area: Area-3;
  align-self: stretch;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283af-c9488147 {
  grid-area: Area;
  align-self: start;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283b4-c9488147 {
  grid-area: Area-4;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283b5-c9488147, #w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283b6-c9488147 {
  grid-area: Area;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283bc-c9488147 {
  grid-area: Area-2;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283be-c9488147 {
  grid-area: Area-5;
}

#w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283bf-c9488147, #w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283c0-c9488147 {
  grid-area: Area;
}

#signup.w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283c5-c9488147, #login.w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283c7-c9488147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

@media screen and (min-width: 1920px) {
  #w-node-e77e40fb-c8d3-6326-91d8-b083a54a6711-4d866771, #w-node-f09a5929-0b37-eca2-2f07-6b82619d5f75-ce75af18 {
    grid-area: Area;
  }

  #w-node-f09a5929-0b37-eca2-2f07-6b82619d602b-ce75af18 {
    grid-area: Area-2;
  }

  #login.w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283c7-c9488147 {
    align-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a42839c-c9488147, #w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283a4-c9488147, #w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283ac-c9488147 {
    align-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f83e2a84-cd03-c4e7-d398-1520b6903e5e-f4d267b8, #w-node-f83e2a84-cd03-c4e7-d398-1520b6903e5e-1934369f {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    display: none;
  }

  #w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a42839c-c9488147, #w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283a4-c9488147, #w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283ac-c9488147 {
    align-self: stretch;
  }

  #w-node-_08fc23e4-3caa-d5a5-20c7-ee2c8a4283be-c9488147 {
    grid-area: Area-6;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3c21e23d-8190-c293-e5a1-7506224ad0d3-4d866771 {
    align-self: start;
  }

  #w-node-_95a87454-9749-3023-7993-4ff421632fa7-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fae-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fb1-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fb2-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fb5-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fba-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fbb-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fbe-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fbf-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fc2-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fc3-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fc6-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fc7-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fca-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fcb-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fce-cbe9e448, #w-node-_95a87454-9749-3023-7993-4ff421632fcf-cbe9e448 {
    align-self: center;
  }
}