@font-face {
  font-family: "Subset Sourcesans 3";
  src: url('../fonts/subset-SourceSans3-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Subset Sourcesans 3";
  src: url('../fonts/subset-SourceSans3-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Subset Sourcesans 3";
  src: url('../fonts/subset-SourceSans3-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --colors-brand--brand-600: #7f56d9;
  --colors-brand--brand-25: #fcfaff;
  --colors-brand--brand-950: #2c1c5f;
  --_columns---column-12-of-12: 100%;
  --colors-brand--brand-300: #d6bbfb;
  --_columns---column-11-of-12: 91.67%;
  --_columns---column-10-of-12: 83.33%;
  --_columns---column-9-of-12: 75%;
  --_columns---column-8-of-12: 66.67%;
  --_columns---column-7-of-12: 58.33%;
  --_columns---column-6-of-12: 50%;
  --_columns---column-5-of-12: 41.67%;
  --_columns---column-4-of-12: 33.33%;
  --_columns---column-3-of-12: 25%;
  --_columns---column-2-of-12: 16.67%;
  --_columns---column-1-of-12: 8.33%;
  --_spacers---s24: 24px;
  --_spacers---m64: 64px;
  --_spacers---m56: 56px;
  --_sizes---4px: clamp(.25rem, .5vw, .3125rem);
  --colors-base--white: white;
  --_typography---font-family--source-sans-pro: "Subset Sourcesans 3", Verdana, sans-serif;
  --_typography---font-size-px-to-rem-converter--18px: clamp(1rem, 1.2vw, 1.125rem);
  --_typography---font-size-px-to-rem-converter--28px: clamp(1.5rem, 2.3vw, 1.875rem);
  --_typography---font-weight--regular: 400;
  --colors-gray--gray-950: #0a0d12;
  --colors-secondary--secondary-600: #9724a7;
  --colors-gray--gray-700: #414651;
  --colors-gray--gray-600: #535862;
  --_typography---font-weight--medium: 500;
  --_typography---font-weight--semibold: 600;
  --_typography---font-size-px-to-rem-converter--22px: clamp(1.25rem, 1.7vw, 1.4375rem);
  --_typography---font-weight--bold: 700;
  --colors-gray--gray-800: #252b37;
  --_sizes---8px: clamp(.375rem, .8vw, .5rem);
  --_sizes---16px: clamp(.75rem, 1.2vw, 1rem);
  --_sizes---20px: clamp(.875rem, 1.5vw, 1.25rem);
  --colors-secondary--secondary-50: #f8e9fe;
  --_typography---font-size-px-to-rem-converter--14px: clamp(.75rem, .9vw, .875rem);
  --_typography---font-size-px-to-rem-converter--24px: clamp(1.375rem, 2vw, 1.625rem);
  --colors-secondary--secondary-100: #f2d3fb;
  --colors-secondary--secondary-950: #3f1b46;
  --colors-gray--gray-300: #d5d7da;
  --_typography---font-size-px-to-rem-converter--16px: clamp(.875rem, 1vw, 1rem);
  --_typography---font-size-px-to-rem-converter--60px: clamp(3rem, 5.5vw, 4.25rem);
  --_typography---font-size-px-to-rem-converter--72px: clamp(3.5rem, 6.5vw, 5rem);
  --_typography---font-size-px-to-rem-converter--20px: clamp(1.125rem, 1.5vw, 1.375rem);
  --_typography---font-size-px-to-rem-converter--30px: clamp(1.625rem, 2.4vw, 2rem);
  --colors-brand--brand-700: #6941c6;
  --colors-brand--brand-800: #53389e;
  --_spacers---s32: 32px;
  --_sizes---24px: clamp(1rem, 1.8vw, 1.5rem);
  --_spacers---m48: 48px;
  --_typography---font-size-px-to-rem-converter--90px: clamp(4.5rem, 7.5vw, 6.25rem);
  --_typography---font-size-px-to-rem-converter--48px: clamp(2.5rem, 4vw, 3.5rem);
  --colors-secondary--secondary-200: #ebb0f7;
  --colors-gray--gray-900: #181d27;
  --_typography---font-size-px-to-rem-converter--36px: clamp(2rem, 3vw, 2.5rem);
  --_typography---font-size-px-to-rem-converter--44px: clamp(2.375rem, 3.8vw, 3rem);
  --colors-secondary--secondary-400: #e07ff2;
  --colors-gray--gray-25: #fdfdfd;
  --_typography---font-size-px-to-rem-converter--38px: clamp(2.125rem, 3.2vw, 2.625rem);
  --colors-gray--gray-500: #717680;
  --colors-gray--gray-400: #a4a7ae;
  --_typography---font-size-px-to-rem-converter--12px: clamp(.6875rem, .8vw, .75rem);
  --_spacers---s16: 16px;
  --_spacers---m96: 96px;
  --_spacers---s40: 40px;
  --colors-brand--brand-500: #9e77ed;
  --colors-gray--gray-50: #fafafa;
  --_sizes---12px: clamp(.5rem, 1vw, .75rem);
  --_spacers---l120: 120px;
  --colors-gray--gray-200: #e9eaeb;
  --colors-brand--brand-50: #f9f5ff;
  --colors-secondary--secondary-25: #fdf5fe;
  --colors-secondary--secondary-700: #7c2088;
  --colors-brand--brand-100: #f4ebff;
  --colors-brand--brand-900: #42307d;
  --_spacers---l128: 128px;
  --_spacers---m80: 80px;
  --_sizes---48px: clamp(1.75rem, 4vw, 3rem);
  --_sizes---40px: clamp(1.5rem, 3vw, 2.5rem);
  --colors-base--black: black;
  --_spacers---xl480: 480px;
  --_sizes---32px: clamp(1.5rem, 2.5vw, 2.5rem);
  --_spacers---xl400: 400px;
  --_typography---font-size-px-to-rem-converter--64px: clamp(3rem, 6vw, 4.5rem);
  --_typography---font-size-px-to-rem-converter--56px: clamp(2.75rem, 5vw, 4rem);
  --_typography---font-size-px-to-rem-converter--40px: clamp(2.25rem, 3.5vw, 2.75rem);
  --_typography---font-size-px-to-rem-converter--32px: clamp(1.75rem, 2.5vw, 2.25rem);
  --_spacers---xl320: 320px;
  --_spacers---xl240: 240px;
  --_spacers---l200: 200px;
  --_sizes---custom-component-sizes--menu-logo: clamp(5rem, 10.86vw, 8.75rem);
  --_spacers---l160: 160px;
  --_spacers---m112: 112px;
  --_spacers---m104: 104px;
  --colors-gray--gray-100: whitesmoke;
  --_spacers---m88: 88px;
  --_spacers---m72: 72px;
  --colors-brand--brand-400: #b692f6;
  --_spacers---s8: 8px;
  --colors-brand--brand-200: #e9d7fe;
  --colors-secondary--secondary-900: #44084a;
  --colors-secondary--secondary-800: #681f70;
  --colors-secondary--secondary-500: #c150d4;
  --colors-secondary--secondary-300: #e596f4;
  --colors-error--error-900: #7a271a;
  --colors-error--error-800: #912018;
  --colors-error--error-700: #b42318;
  --colors-error--error-600: #d92d20;
  --colors-error--error-500: #f04438;
  --colors-error--error-400: #f97066;
  --colors-error--error-300: #fda29b;
  --colors-error--error-200: #fecdca;
  --colors-error--error-100: #fee4e2;
  --colors-error--error-50: #fef3f2;
  --colors-error--error-25: #fffbfa;
}

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

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

.full-width-block.misc-gradient-25 {
  background-image: linear-gradient(#fcfaff 50%, #fff);
}

.full-width-block.brand-600 {
  background-color: var(--colors-brand--brand-600);
}

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

.v-flex-center-center.gap-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.v-flex-center-center.misc-gradient-50-decoration {
  background-image: url('../images/wave.svg'), linear-gradient(#f9f5ff 49%, #fff);
  background-position: 50% -40px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
}

.v-flex-center-center.misc-gradient-50 {
  background-image: linear-gradient(#f9f5ff 49%, #fff);
}

.v-flex-center-center.brand-25 {
  background-color: var(--colors-brand--brand-25);
}

.v-flex-center-center.misc-gradient-25 {
  background-image: linear-gradient(#fcfaff 50%, #fff);
}

.v-flex-center-center.misc-gradient-50-swirl {
  background-image: url('../images/wave.svg'), linear-gradient(#f9f5ff 49%, #fff);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
}

.v-flex-center-center.misc-gradient-50-decoration-2 {
  background-image: url('../images/wave-2.svg'), linear-gradient(#f9f5ff 49%, #fff);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.v-flex-center-center.width-100 {
  width: 100%;
}

.h-flex-box {
  width: 1024px;
}

.h-flex-box.brand-900 {
  background-color: var(--colors-brand--brand-950);
}

.h-flex-box.center-top {
  justify-content: center;
  align-items: flex-start;
}

.h-flex-box.overflow-hidden {
  overflow: hidden;
}

.h-flex-grid-system {
  width: 100%;
  margin-left: 36px;
  margin-right: 36px;
}

.h-flex-grid-system.gap-32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.h-flex-grid-system.gap-32.stretch {
  align-items: stretch;
}

.h-flex-grid-system.center-center {
  justify-content: center;
  align-items: center;
}

.h-flex-grid-system.center-center.tablet-v-flex.gap-64 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.h-flex-grid-system.center-center.gap-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.h-flex-grid-system.center-center.gap-24.tablet-v-flex.stretch {
  align-items: stretch;
}

.h-flex-grid-system.center-center.gap-48 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.h-flex-grid-system.center-center.gap-48.tablet-v-flex.stretch {
  align-items: stretch;
}

.h-flex-grid-system.center-center.gap-48.tablet-v-flex.stretch.padding-left-right-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.h-flex-grid-system.overflow-hidden {
  overflow: hidden;
}

.h-flex-grid-system.gap-40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.h-flex-grid-system.gap-64 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.h-flex-grid-system.space_between-center {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.h-flex-grid-system.center-stretch {
  justify-content: center;
  align-items: stretch;
}

.h-flex-grid-system.center-stretch.gap-48 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.column-12-12 {
  width: var(--_columns---column-12-of-12);
  font-family: "Subset Sourcesans 3", Verdana, sans-serif;
}

.column-12-12.center-top {
  justify-content: flex-start;
  align-items: center;
}

.column-12-12.center-top.side-margins-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.column-12-12.gap-32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.column-12-12.center-center {
  justify-content: center;
  align-items: center;
}

.sample-column {
  background-color: var(--colors-brand--brand-300);
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
}

.column-11-12 {
  width: var(--_columns---column-11-of-12);
}

.column-10-12 {
  width: var(--_columns---column-10-of-12);
}

.column-10-12.center-center {
  justify-content: center;
  align-items: center;
}

.column-9-12 {
  width: var(--_columns---column-9-of-12);
}

.column-9-12.center-center {
  justify-content: center;
  align-items: center;
}

.column-8-12 {
  width: var(--_columns---column-8-of-12);
}

.column-8-12.center-top {
  justify-content: flex-start;
  align-items: center;
}

.column-7-12 {
  width: var(--_columns---column-7-of-12);
}

.column-7-12.center-top {
  justify-content: flex-start;
  align-items: center;
}

.column-6-12 {
  width: var(--_columns---column-6-of-12);
}

.column-6-12.tablet-6-6.right-center {
  justify-content: center;
  align-items: flex-end;
}

.column-6-12.tablet-6-6.h-center-stretch-height-auto {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  height: auto;
}

.column-6-12.tablet-6-6.center-center {
  justify-content: center;
  align-items: center;
}

.column-6-12.tablet-6-6.test {
  justify-content: center;
  align-items: flex-start;
}

.column-5-12 {
  width: var(--_columns---column-5-of-12);
}

.column-5-12.tablet-6-6.gap-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.column-4-12 {
  width: var(--_columns---column-4-of-12);
}

.column-4-12.right-center {
  justify-content: center;
  align-items: flex-end;
}

.column-4-12.tablet-6-6.tablet-center-center.hide {
  display: none;
}

.column-4-12.right-top {
  justify-content: flex-start;
  align-items: flex-end;
}

.column-4-12.center-center {
  justify-content: center;
  align-items: center;
}

.column-4-12.center-center.test {
  flex-flow: row;
  align-items: stretch;
}

.column-3-12 {
  width: var(--_columns---column-3-of-12);
}

.column-2-12 {
  width: var(--_columns---column-2-of-12);
}

.column-2-12.tablet-6-6.right-center {
  justify-content: center;
  align-items: flex-end;
}

.column-1-12 {
  width: var(--_columns---column-1-of-12);
}

.spacer-m64 {
  width: var(--_spacers---s24);
  height: var(--_spacers---m64);
}

.spacer-s24 {
  width: var(--_spacers---s24);
  height: var(--_spacers---s24);
}

.logo-menu {
  width: 130px;
}

.h-flex {
  flex-flow: row;
}

.h-flex.gap-4 {
  grid-column-gap: var(--_sizes---4px);
  grid-row-gap: var(--_sizes---4px);
}

.h-flex.gap-4.center-center {
  justify-content: center;
  align-items: center;
}

.h-flex.gap-4.center-center.no-shrink {
  flex: none;
}

.h-flex.gap-4.center-center.no-shrink.menu-main-item {
  z-index: 9999;
  cursor: pointer;
}

.h-flex.gap-4.center-center.no-shrink.pricing-menu {
  padding-right: 8px;
  text-decoration: none;
}

.h-flex.gap-4.center-center.no-shrink.menu-main-item-selector {
  z-index: 9999;
  cursor: pointer;
}

.h-flex.header-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  height: 44px;
  margin-top: 18px;
  margin-bottom: 18px;
}

.h-flex.header-actions {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  height: 44px;
  margin-top: 18px;
  margin-bottom: 18px;
}

.h-flex.header-nav {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.h-flex.header-toggle {
  display: none;
}

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

.h-flex.gap-8.iventory-bullets {
  width: 100%;
  height: 112px;
}

.h-flex.gap-8.calculator-bullets {
  height: 208px;
}

.h-flex.gap-6 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  cursor: pointer;
}

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

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

.h-flex.gap-16.center-center.back-button {
  text-decoration: none;
}

.h-flex.gap-16.right-center {
  justify-content: flex-end;
  align-items: center;
}

.h-flex.mobile-v-flex.gap-52 {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
}

.h-flex.mobile-v-flex.gap-52.width-100 {
  width: 100%;
}

.h-flex.center-stretch {
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: stretch;
}

.h-flex.expandable-component {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.h-flex.gap-48 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.h-flex.space-between-center {
  justify-content: space-between;
  align-items: center;
}

.h-flex.space-between-center.width-100 {
  width: 100%;
}

.h-flex.gap-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.h-flex.center-top {
  justify-content: center;
}

.h-flex.center-top.width-100 {
  width: 100%;
}

.h-flex.space_between-top {
  justify-content: space-between;
  align-items: flex-start;
}

.h-flex.gap-64 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.h-flex.gap-64.tablet-v-flex.tablet-gap-24.left-center {
  justify-content: flex-start;
  align-items: center;
}

.text-lg {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--18px);
  line-height: var(--_typography---font-size-px-to-rem-converter--28px);
}

.text-lg.regular {
  font-weight: var(--_typography---font-weight--regular);
}

.text-lg.regular.gray-950 {
  color: var(--colors-gray--gray-950);
}

.text-lg.regular.gray-950.width-80 {
  width: 80%;
}

.text-lg.regular.base-white {
  color: var(--colors-base--white);
}

.text-lg.regular.base-white.text-align-center {
  text-align: center;
}

.text-lg.regular.base-white.text-align-center.opacity-0-9 {
  opacity: .9;
}

.text-lg.regular.base-white.width-80 {
  width: 80%;
}

.text-lg.regular.secondary-600 {
  color: var(--colors-secondary--secondary-600);
}

.text-lg.regular.gray-700 {
  color: var(--colors-gray--gray-700);
}

.text-lg.regular.gray-700.text-align-center {
  text-align: center;
}

.text-lg.regular.gray-700.text-align-center.width-80 {
  width: 80%;
}

.text-lg.regular.gray-600 {
  color: var(--colors-gray--gray-600);
}

.text-lg.regular.brand-600 {
  color: var(--colors-brand--brand-600);
}

.text-lg.medium {
  font-weight: var(--_typography---font-weight--medium);
}

.text-lg.medium.gray-950 {
  color: var(--colors-gray--gray-950);
}

.text-lg.medium.gray-950.text-align-center {
  text-align: center;
}

.text-lg.semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.text-lg.semibold.gray-700 {
  color: var(--colors-gray--gray-700);
}

.text-lg.semibold.gray-700.line-height-22 {
  line-height: var(--_typography---font-size-px-to-rem-converter--22px);
}

.text-lg.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.text-lg.bold.gray-800 {
  color: var(--colors-gray--gray-800);
}

.button-pink-secondary-md {
  height: 44px;
  padding: var(--_sizes---8px) var(--_sizes---16px);
  border-radius: var(--_sizes---20px);
  background-color: var(--colors-secondary--secondary-50);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-secondary--secondary-600);
  font-size: var(--_typography---font-size-px-to-rem-converter--14px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  font-weight: var(--_typography---font-weight--medium);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-pink-secondary-md:hover {
  background-color: var(--colors-secondary--secondary-100);
  color: var(--colors-secondary--secondary-950);
}

.button-white-secondary-md {
  height: 44px;
  padding: var(--_sizes---8px) var(--_sizes---16px);
  border: 1px solid var(--colors-gray--gray-300);
  border-radius: var(--_sizes---20px);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-gray--gray-950);
  font-size: var(--_typography---font-size-px-to-rem-converter--16px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  font-weight: var(--_typography---font-weight--medium);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-white-secondary-md:hover {
  background-color: var(--colors-brand--brand-25);
}

.display-xl {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--60px);
  line-height: var(--_typography---font-size-px-to-rem-converter--72px);
  letter-spacing: -1.2px;
}

.display-xl.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.display-xl.bold.gray-950 {
  color: var(--colors-gray--gray-950);
}

.display-xl.bold.gray-950.text-align-center {
  text-align: center;
}

.display-xl.regular {
  font-weight: var(--_typography---font-weight--regular);
}

.display-xl.medium {
  font-weight: var(--_typography---font-weight--medium);
}

.display-xl.semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.text-xl {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--20px);
  line-height: var(--_typography---font-size-px-to-rem-converter--30px);
}

.text-xl.regular {
  font-weight: var(--_typography---font-weight--regular);
}

.text-xl.regular.gray-700 {
  color: var(--colors-gray--gray-700);
}

.text-xl.regular.gray-700.text-align-center {
  text-align: center;
}

.text-xl.regular.gray-700.text-align-center.opacity-0-9, .text-xl.regular.gray-700.opacity-0-9 {
  opacity: .9;
}

.text-xl.regular.brand-700 {
  color: var(--colors-brand--brand-700);
}

.text-xl.regular.brand-700.text-align-center {
  text-align: center;
}

.text-xl.regular.brand-700.text-align-center.opacity-0-9 {
  opacity: .9;
}

.text-xl.regular.gray-600.text-align-left {
  text-align: left;
}

.text-xl.regular.base-white {
  color: var(--colors-base--white);
}

.text-xl.regular.base-white.opacity-0-9 {
  opacity: .9;
}

.text-xl.regular.base-white.opacity-0-9.text-align-center, .text-xl.regular.base-white.text-align-center {
  text-align: center;
}

.text-xl.regular.base-white.opacity-0-8 {
  opacity: .8;
}

.text-xl.regular.base-white.opacity-0-8.text-align-center {
  text-align: center;
}

.text-xl.regular.gray-600 {
  color: var(--colors-gray--gray-600);
}

.text-xl.regular.gray-600.text-align-center {
  text-align: center;
}

.text-xl.regular.gray-950 {
  color: var(--colors-gray--gray-950);
}

.text-xl.medium {
  font-weight: var(--_typography---font-weight--medium);
}

.text-xl.medium.brand-800 {
  color: var(--colors-brand--brand-800);
}

.text-xl.medium.gray-950 {
  color: var(--colors-gray--gray-950);
}

.text-xl.medium.brand-25 {
  color: var(--colors-brand--brand-25);
}

.text-xl.semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.text-xl.semibold.gray-950 {
  color: var(--colors-gray--gray-950);
}

.text-xl.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.spacer-s32 {
  width: var(--_spacers---s24);
  height: var(--_spacers---s32);
}

.button-purple-primary-lg {
  height: 56px;
  padding: var(--_sizes---16px) var(--_sizes---24px);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--_sizes---20px);
  background-color: var(--colors-brand--brand-600);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-base--white);
  font-size: var(--_typography---font-size-px-to-rem-converter--18px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  font-weight: var(--_typography---font-weight--semibold);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px #2523200d;
}

.button-purple-primary-lg:hover {
  background-color: var(--colors-brand--brand-700);
}

.spacer-m48 {
  width: var(--_spacers---s24);
  height: var(--_spacers---m48);
}

.h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.h1.display-xl.bold.gray-950 {
  text-align: left;
}

.h1.display-xl.bold.gray-950.text-align-center {
  text-align: center;
}

.h1.display-lg.bold.gray-950 {
  color: var(--colors-gray--gray-950);
}

.sli-image-2, .sli-image-7, .sli-image-3, .sli-image-8, .sli-image-1, .sli-image-10 {
  object-fit: none;
  width: 150px;
  height: 96px;
}

.carrusel-ticker {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  object-fit: fill;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.slide {
  aspect-ratio: auto;
  object-fit: none;
  justify-content: center;
  width: auto;
  height: auto;
}

.sli-image-9, .sli-image-6, .sli-image-5 {
  object-fit: none;
  width: 150px;
  height: 96px;
}

.display-2xl {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--72px);
  line-height: var(--_typography---font-size-px-to-rem-converter--90px);
  letter-spacing: -1.44px;
}

.display-2xl.regular {
  font-weight: var(--_typography---font-weight--regular);
}

.display-2xl.medium {
  font-weight: var(--_typography---font-weight--medium);
}

.display-2xl.semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.display-2xl.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.display-lg {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--48px);
  line-height: var(--_typography---font-size-px-to-rem-converter--60px);
  letter-spacing: -.96px;
}

.display-lg.regular {
  font-weight: var(--_typography---font-weight--regular);
}

.display-lg.medium {
  font-weight: var(--_typography---font-weight--medium);
}

.display-lg.semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.display-lg.semibold.base-white {
  color: var(--colors-base--white);
}

.display-lg.semibold.base-white.text-align-center {
  text-align: center;
}

.display-lg.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.display-lg.bold.secondary-200 {
  color: var(--colors-secondary--secondary-200);
}

.display-lg.bold.gray-900 {
  color: var(--colors-gray--gray-900);
}

.display-md {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--36px);
  line-height: var(--_typography---font-size-px-to-rem-converter--44px);
  letter-spacing: -.72px;
}

.display-md.regular {
  font-weight: var(--_typography---font-weight--regular);
}

.display-md.medium {
  font-weight: var(--_typography---font-weight--medium);
}

.display-md.medium.secondary-400 {
  color: var(--colors-secondary--secondary-400);
}

.display-md.semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.display-md.semibold.gray-950 {
  color: var(--colors-gray--gray-950);
}

.display-md.semibold.gray-950.text-align-center {
  text-align: center;
}

.display-md.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.display-md.bold.gray-950 {
  color: var(--colors-gray--gray-950);
}

.display-md.bold.gray-950.text-align-left {
  text-align: left;
}

.display-md.bold.gray-950.text-align-center {
  text-align: center;
}

.display-md.bold.gray-25 {
  color: var(--colors-gray--gray-25);
}

.display-sm {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--30px);
  line-height: var(--_typography---font-size-px-to-rem-converter--38px);
}

.display-sm.regular {
  font-weight: var(--_typography---font-weight--regular);
}

.display-sm.medium {
  font-weight: var(--_typography---font-weight--medium);
}

.display-sm.semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.display-sm.semibold.gray-950 {
  color: var(--colors-gray--gray-950);
}

.display-sm.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.display-xs {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--24px);
  line-height: var(--_typography---font-size-px-to-rem-converter--38px);
}

.display-xs.regular {
  font-weight: var(--_typography---font-weight--regular);
}

.display-xs.regular.gray-950 {
  color: var(--colors-gray--gray-950);
}

.display-xs.regular.gray-700 {
  color: var(--colors-gray--gray-700);
}

.display-xs.medium {
  font-weight: var(--_typography---font-weight--medium);
}

.display-xs.medium.base-white {
  color: var(--colors-base--white);
}

.display-xs.medium.gray-700 {
  color: var(--colors-gray--gray-700);
}

.display-xs.semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.display-xs.semibold.gray-950 {
  color: var(--colors-gray--gray-950);
}

.display-xs.semibold.brand-800 {
  color: var(--colors-brand--brand-800);
}

.display-xs.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.text-md {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--16px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
}

.text-md.regular {
  font-weight: var(--_typography---font-weight--regular);
}

.text-md.regular.base-white {
  color: var(--colors-base--white);
}

.text-md.regular.base-white.opacity-0-8 {
  opacity: .8;
}

.text-md.regular.gray-600 {
  color: var(--colors-gray--gray-600);
}

.text-md.regular.gray-600.text-align-center {
  text-align: center;
}

.text-md.regular.gray-500 {
  color: var(--colors-gray--gray-500);
}

.text-md.regular.gray-700 {
  color: var(--colors-gray--gray-700);
}

.text-md.regular.gray-700.uppercase {
  text-transform: uppercase;
}

.text-md.medium {
  font-weight: var(--_typography---font-weight--medium);
}

.text-md.semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.text-md.semibold.brand-600 {
  color: var(--colors-brand--brand-600);
}

.text-md.semibold.base-white {
  color: var(--colors-base--white);
}

.text-md.semibold.base-white.back-button {
  text-decoration: none;
}

.text-md.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.text-sm {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--14px);
  line-height: var(--_typography---font-size-px-to-rem-converter--20px);
}

.text-sm.regular {
  font-weight: var(--_typography---font-weight--regular);
}

.text-sm.regular.gray-500 {
  color: var(--colors-gray--gray-500);
}

.text-sm.regular.brand-800 {
  color: var(--colors-brand--brand-800);
}

.text-sm.regular.brand-700 {
  color: var(--colors-brand--brand-700);
}

.text-sm.regular.gray-700 {
  color: var(--colors-gray--gray-700);
}

.text-sm.regular.gray-800 {
  color: var(--colors-gray--gray-800);
}

.text-sm.medium {
  font-weight: var(--_typography---font-weight--medium);
}

.text-sm.medium.gray-400 {
  color: var(--colors-gray--gray-400);
}

.text-sm.medium.gray-400.post-excerpt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
  overflow: hidden;
}

.text-sm.medium.gray-800 {
  color: var(--colors-gray--gray-800);
}

.text-sm.medium.gray-800.post-excerpt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
  overflow: hidden;
}

.text-sm.semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.text-sm.semibold.gray-500 {
  color: var(--colors-gray--gray-500);
}

.text-sm.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.text-sm.bold.gray-600 {
  color: var(--colors-gray--gray-600);
}

.text-xs {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--12px);
  line-height: var(--_typography---font-size-px-to-rem-converter--18px);
}

.text-xs.regular {
  font-weight: var(--_typography---font-weight--regular);
}

.text-xs.regular.gray-500 {
  color: var(--colors-gray--gray-500);
}

.text-xs.regular.gray-700 {
  color: var(--colors-gray--gray-700);
}

.text-xs.medium {
  font-weight: var(--_typography---font-weight--medium);
}

.text-xs.semibold {
  font-weight: var(--_typography---font-weight--semibold);
}

.text-xs.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.h2.display-md.bold.gray-950 {
  color: var(--colors-gray--gray-950);
}

.h2.display-md.bold.gray-950.text-align-center {
  text-align: center;
}

.h2.display-md.bold.base-white {
  color: var(--colors-base--white);
}

.h2.display-md.bold.base-white.text-align-center {
  text-align: center;
}

.h2.display-xl.gray-950 {
  color: var(--colors-gray--gray-950);
}

.h2.display-xl.gray-950.text-align-center {
  text-align: center;
}

.spacer-s16 {
  width: var(--_spacers---s24);
  height: var(--_spacers---s16);
}

.spacer-m96 {
  width: var(--_spacers---s24);
  height: var(--_spacers---m96);
}

.spacer-s40 {
  width: var(--_spacers---s24);
  height: var(--_spacers---s40);
}

.spacer-s8 {
  width: 24px;
  height: 8px;
}

.spacer-m56 {
  width: var(--_spacers---s24);
  height: var(--_spacers---m56);
}

.dark-banner-w-columns {
  background-color: #221449;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 80px 40px;
}

.banner-columns {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 872px;
  display: flex;
}

.span.secondary-200 {
  color: var(--colors-secondary--secondary-200);
}

.span.secondary-400 {
  color: var(--colors-secondary--secondary-400);
}

.span.secondary-600 {
  color: var(--colors-secondary--secondary-600);
}

.span.brand-500 {
  color: var(--colors-brand--brand-500);
}

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

.v-flex.center-center.width-100 {
  width: 100%;
}

.v-flex.center-center.height-280 {
  height: 280px;
}

.v-flex.center-center.height-280.padding-24 {
  padding: 24px;
}

.v-flex.features-card-info {
  justify-content: center;
  align-items: flex-start;
  min-height: 294px;
}

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

.v-flex.menu-main-column {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
}

.v-flex.menu-secondary-column {
  background-color: var(--colors-gray--gray-50);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  flex: 1;
  justify-content: space-between;
  padding: 20px;
}

.v-flex.width-100 {
  width: 100%;
}

.v-flex.left-center {
  justify-content: center;
}

.v-flex.left-center.width-100.resource-item {
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-gray--gray-950);
  text-decoration: none;
}

.v-flex.margin-left-24px-mob-0 {
  margin-left: 24px;
}

.testimonial-slider {
  vertical-align: middle;
}

.testimonials-slider {
  background-color: #0000;
  height: 100%;
}

.right-arrow-2, .left-arrow-2 {
  display: none;
}

.slider-dots {
  position: static;
}

.avatar-label-group {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
}

.button-purple-primary-md {
  height: 44px;
  padding: var(--_sizes---8px) var(--_sizes---16px) var(--_sizes---8px) var(--_typography---font-size-px-to-rem-converter--16px);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--_sizes---20px);
  background-color: var(--colors-brand--brand-600);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-base--white);
  font-size: var(--_typography---font-size-px-to-rem-converter--16px);
  line-height: var(--_typography---font-size-px-to-rem-converter--22px);
  font-weight: var(--_typography---font-weight--semibold);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px #2523200d;
}

.button-purple-primary-md:hover {
  background-color: var(--colors-brand--brand-700);
}

.button-purple-primary-sm {
  height: 36px;
  padding: var(--_sizes---8px) var(--_sizes---12px);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--_sizes---20px);
  background-color: var(--colors-brand--brand-600);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-base--white);
  font-size: var(--_typography---font-size-px-to-rem-converter--18px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  font-weight: var(--_typography---font-weight--semibold);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px #2523200d;
}

.button-white-primary-lg {
  height: 56px;
  padding: var(--_sizes---16px) var(--_sizes---24px);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--colors-gray--gray-300);
  border-radius: var(--_sizes---20px);
  background-color: var(--colors-base--white);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-brand--brand-600);
  font-size: var(--_typography---font-size-px-to-rem-converter--18px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  font-weight: var(--_typography---font-weight--semibold);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px #2523200d;
}

.button-white-primary-md {
  height: 44px;
  padding: var(--_sizes---8px) var(--_typography---font-size-px-to-rem-converter--16px);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--colors-gray--gray-300);
  border-radius: var(--_sizes---20px);
  background-color: var(--colors-base--white);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-brand--brand-600);
  font-size: var(--_typography---font-size-px-to-rem-converter--18px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  font-weight: var(--_typography---font-weight--semibold);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px #2523200d;
}

.button-white-primary-sm {
  height: 36px;
  padding: var(--_sizes---8px) var(--_sizes---12px);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--colors-gray--gray-300);
  border-radius: var(--_sizes---20px);
  background-color: var(--colors-base--white);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-brand--brand-600);
  font-size: var(--_typography---font-size-px-to-rem-converter--18px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  font-weight: var(--_typography---font-weight--semibold);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px #2523200d;
}

.spacer-l120 {
  width: var(--_spacers---s24);
  height: var(--_spacers---l120);
}

.card {
  border: 1px solid var(--colors-gray--gray-200);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}

.card.brand-50 {
  background-color: var(--colors-brand--brand-50);
}

.card.brand-25 {
  background-color: var(--colors-brand--brand-25);
}

.card.contributor {
  width: 296px;
  height: 450px;
}

.card.partners {
  width: 280px;
  height: 800px;
}

.card-header-picture {
  border-radius: 16px 16px 0 0;
  width: 100%;
  padding: 20px;
}

.card-header-picture.before-method-inventory {
  background-image: url('../images/inventory-card-img-02.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
}

.card-header-picture.with-method-inventory {
  background-image: url('../images/inventory-card-img-01.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
}

.card-header-picture.reorder-tag-system-traditional-approach {
  background-image: url('../images/card-img-10.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
}

.card-header-picture.reorder-tag-system-the-method-way {
  background-image: url('../images/card-img-11.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
}

.card-header-picture.before-method-procurement {
  background-image: url('../images/card-img-02.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
}

.card-header-picture.after-the-method-way-procurement {
  background-image: url('../images/card-img-03.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
}

.card-header-picture.the-method-way-scan-cart {
  background-image: linear-gradient(#0000003d, #fff0), url('../images/8624e391-75f5-4584-ae62-42593b1b9c78.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 280px;
}

.card-header-picture.card-before-method-inventory {
  background-image: url('../images/inventory-card-img-02.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
}

.arrow {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 2px;
  width: 64px;
  height: 64px;
  transition: all .7s;
  inset: -15% 0% auto auto;
}

.arrow:hover {
  border-color: #ff00a1;
  width: 64px;
}

.arrow.l {
  border-color: #0000001f;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  padding: 20px 0;
  display: flex;
  top: 2%;
  right: 6%;
}

.arrow.l.on-slide-center {
  margin-top: -160px;
  top: 50%;
  right: auto;
}

.arrow.r {
  border-color: #0000001f;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  top: 2%;
}

.arrow.r.on-slide-center {
  margin-top: -160px;
  top: 50%;
}

.slide-regular-cards {
  vertical-align: baseline;
  cursor: pointer;
  width: 30%;
  height: 100%;
  margin-right: 16px;
}

.cards-slider {
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  overflow: clip;
}

.hidden-navigation {
  justify-content: center;
  align-items: center;
  display: none;
  bottom: -60px;
}

.mask {
  width: 100%;
}

.regular-cards {
  border: 4px solid var(--colors-brand--brand-50);
  background-color: var(--colors-brand--brand-50);
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
}

.cards-tag {
  border: 1px solid var(--colors-secondary--secondary-100);
  background-color: var(--colors-secondary--secondary-25);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-secondary--secondary-700);
  font-size: var(--_typography---font-size-px-to-rem-converter--16px);
  line-height: var(--_typography---font-size-px-to-rem-converter--22px);
  font-weight: var(--_typography---font-weight--medium);
  mix-blend-mode: multiply;
  border-radius: 16px;
  padding: 4px 12px;
}

.hidden {
  display: flex;
}

.features-card-image {
  border: 2px solid var(--colors-base--white);
  background-color: var(--colors-base--white);
  border-radius: 16px;
  width: 344px;
  height: 406px;
}

.features-card-image.slides {
  width: auto;
  height: auto;
}

.link-block-secondary-600 {
  color: var(--colors-secondary--secondary-600);
}

.c-faq-item {
  cursor: pointer;
  border-radius: 20px;
  width: 100%;
}

.dropdown-text-area {
  background-color: #0000;
}

.dropdown-text-area.pricing-table {
  width: 100%;
}

.cross-vertical-stripe {
  background-color: #0a0e12;
  width: 2px;
  height: 100%;
}

.cross-vertical-stripe.brand-600 {
  background-color: var(--colors-brand--brand-600);
  height: 72%;
}

.dropdown-label {
  flex: 1;
}

.dropdown-content {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  padding-right: 40px;
  overflow: hidden;
}

.dropdown-content.pricing {
  width: 100%;
  padding: 0;
}

.dropdown-open {
  background-color: var(--colors-gray--gray-50);
  cursor: pointer;
  border-radius: 12px;
}

.dropdown-icon {
  justify-content: center;
  align-items: center;
  position: relative;
}

.cross-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.dropdown-header {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.dropdown-header.table-head {
  background-color: var(--colors-brand--brand-50);
  padding: 16px 24px;
}

.cross-horizontal-stripe {
  background-color: #0a0e12;
  width: 100%;
  height: 2px;
  position: absolute;
}

.cross-horizontal-stripe.brand-600 {
  background-color: var(--colors-brand--brand-600);
  width: 72%;
}

.dropdowns-area {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.dropdowns-area.pricing {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
  max-width: 100%;
}

.dropdown {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 16px 20px;
}

.dropdown.padding-top-bottom-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.dropdown.pricing {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.dropdown-closed {
  background-color: var(--colors-base--white);
  cursor: pointer;
  border-radius: 12px;
}

.dark-banner-w-side-image {
  background-color: #221449;
  border-radius: 16px 32px 32px 16px;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding: 0;
}

.banner-side-image-01 {
  background-image: url('../images/banner-img-01-sq.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  width: 100%;
  height: auto;
}

.content-dark-banner-w-side-image {
  justify-content: center;
  align-items: flex-start;
  padding: 80px 56px;
}

.footer-links {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
}

.footer-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  width: 100%;
}

.footer-container.space-between-center {
  align-items: center;
}

.footer-logo {
  width: 140px;
}

.footer-link {
  text-decoration: none;
}

.footer-link.text-md.regular.gray-700 {
  color: var(--colors-gray--gray-700);
  line-height: var(--_typography---font-size-px-to-rem-converter--20px);
}

.footer-link.text-md.regular.brand-600 {
  color: var(--colors-brand--brand-600);
}

.footer-links-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.card-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 32px 20px;
}

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

.card-content.gap-8.brand-50, .card-content.brand-50 {
  background-color: var(--colors-brand--brand-50);
}

.card-content.brand-50.border-radius-16 {
  border-radius: 16px;
}

.card-content.brand-50.border-radius-16.padding-top-bottom-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.card-content.brand-50.border-radius-16.padding-top-bottom-32.padding-right-left-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.card-content.brand-50.border-radius-16.padding-top-bottom-32.padding-right-left-24.gap-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.card-content.brand-25 {
  background-color: var(--colors-brand--brand-25);
}

.card-content.brand-25.border-radius-16 {
  border-radius: 16px;
}

.card-content.brand-25.border-radius-16.padding-top-bottom-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.card-content.brand-25.border-radius-16.padding-top-bottom-32.padding-right-left-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.card-content.brand-25.border-radius-16.padding-top-bottom-32.padding-right-left-24.gap-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.card-content.gray-50 {
  background-color: var(--colors-gray--gray-50);
}

.card-content.gray-50.border-radius-16 {
  border-radius: 16px;
}

.card-content.gray-50.border-radius-16.padding-top-bottom-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.card-content.gray-50.border-radius-16.padding-top-bottom-32.padding-right-left-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.card-content.gray-50.border-radius-16.padding-top-bottom-32.padding-right-left-24.gap-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.display-1-100.border-radius-12-12-0-0 {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.display-1-100.border-radius-12 {
  border-radius: 12px;
}

.banner {
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
}

.banner.gray-50 {
  background-color: var(--colors-gray--gray-50);
}

.banner.dark-background {
  background-color: #221449;
}

.slide-big-cards {
  vertical-align: baseline;
  width: 80%;
  height: 100%;
  margin-right: 16px;
}

.big-cards {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 4px solid var(--colors-brand--brand-100);
  background-color: var(--colors-base--white);
  border-radius: 16px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
}

.video-container {
  border-radius: 16px;
  width: 100%;
}

.dark-banner-integrations {
  background-color: var(--colors-brand--brand-900);
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 64px 40px;
}

.banner-columns-integrations {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 872px;
  display: flex;
}

.tag-md-no-icon-pink {
  border: 1px solid var(--colors-secondary--secondary-100);
  background-color: var(--colors-secondary--secondary-25);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-secondary--secondary-700);
  font-size: var(--_typography---font-size-px-to-rem-converter--14px);
  line-height: var(--_typography---font-size-px-to-rem-converter--18px);
  font-weight: var(--_typography---font-weight--medium);
  border-radius: 16px;
  padding: 2px 10px;
}

.dropdown-open-alpha-channel, .dropdown-closed-alpha-channel {
  cursor: pointer;
  background-color: #0000;
  border-radius: 12px;
}

.featured-icon-box {
  background-color: var(--colors-gray--gray-50);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 40px 24px 32px;
}

.featured-icon-box.brand-950 {
  background-color: var(--colors-brand--brand-950);
}

.overflowing-icon-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: -24px;
  position: relative;
}

.v-flex-rectangle-gradient {
  background-image: linear-gradient(#f9f5ff 50%, #fff);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 96.67%;
}

.borderless-m-cards {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--colors-base--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
}

.h-flex-table-row {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}

.gutter-16 {
  width: 16px;
  height: 16px;
}

.mobile-navbar {
  display: none;
}

.slide-borderless-m-card {
  vertical-align: baseline;
  width: 40%;
  height: 100%;
  margin-right: 16px;
}

.white-row {
  width: 100%;
  padding: 16px 24px;
}

.gray-row {
  background-color: var(--colors-gray--gray-50);
  padding: 16px 24px;
}

.gray-row.last-row {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.cell {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.cell.left-center {
  justify-content: center;
  align-items: flex-start;
}

.button-purple-secondary-lg {
  height: 56px;
  padding: var(--_typography---font-size-px-to-rem-converter--16px) var(--_typography---font-size-px-to-rem-converter--24px) var(--_sizes---16px);
  border-radius: var(--_sizes---20px);
  background-color: var(--colors-brand--brand-50);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-brand--brand-600);
  font-size: var(--_typography---font-size-px-to-rem-converter--18px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  font-weight: var(--_typography---font-weight--semibold);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.spacer-l128 {
  width: var(--_spacers---s24);
  height: var(--_spacers---l128);
}

.menu-dropdown {
  background-color: var(--colors-base--white);
  border-radius: 16px;
  display: none;
  position: absolute;
  top: 64px;
  box-shadow: 0 2px 5px #0003;
}

.menu-item {
  width: 100%;
  color: var(--colors-gray--gray-950);
  padding: 12px;
  text-decoration: none;
}

.menu-item.left {
  padding-left: 0;
}

.menu-tag {
  padding-left: 12px;
}

.menu-tag.left {
  padding-left: 0;
}

.expandable {
  background-color: var(--colors-base--white);
  cursor: pointer;
  border-radius: 16px;
  width: 600px;
  margin-left: -68px;
  margin-right: -140px;
  padding: 8px 140px 8px 68px;
}

.expandable.open {
  background-color: var(--colors-brand--brand-50);
}

.expandable-list {
  padding-left: 80px;
  display: none;
}

.expandable-list.open {
  padding-left: 80px;
  display: block;
}

.expandable-image {
  margin-top: -56px;
  display: none;
  position: absolute;
  top: auto;
  right: -24px;
}

.expandable-image.open {
  display: block;
  right: -24px;
}

.check-marks {
  width: 28px;
  height: 28px;
}

.pricing-description {
  height: 141px;
}

.spacer-m80 {
  width: var(--_spacers---s24);
  height: var(--_spacers---m80);
}

.table-header {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.table-header.white-row {
  background-color: var(--colors-base--white);
  padding: 16px 24px;
}

.table-header.top-gray-row {
  background-color: var(--colors-gray--gray-50);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 16px 24px;
}

.overline {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--12px);
  line-height: var(--_typography---font-size-px-to-rem-converter--18px);
  letter-spacing: 1.92px;
  text-transform: uppercase;
}

.overline.bold {
  font-weight: var(--_typography---font-weight--bold);
}

.overline.bold.gray-600 {
  color: var(--colors-gray--gray-600);
}

.table {
  border: 1px solid var(--colors-gray--gray-300);
  border-radius: 6px;
  width: 100%;
}

.spacer-l160 {
  width: 24px;
  height: 160px;
}

.light-banner-w-side-image {
  background-color: var(--colors-gray--gray-50);
  border-radius: 16px 32px 32px 16px;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding: 0;
}

.h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.pricing-expand-icon {
  display: none;
}

.link {
  color: var(--colors-gray--gray-700);
}

.link.dark-bkg {
  color: var(--colors-brand--brand-300);
}

.link.brand-500 {
  color: var(--colors-brand--brand-500);
}

.white-row-last {
  background-color: var(--colors-gray--gray-50);
  padding: 16px 24px;
}

.white-row-last.last-row {
  background-color: var(--colors-base--white);
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.menu-post-thumb {
  height: 144px;
}

.button-white-secondary-sm {
  height: 44px;
  padding: var(--_sizes---8px) var(--_typography---font-size-px-to-rem-converter--12px);
  border: 1px solid var(--colors-gray--gray-300);
  border-radius: var(--_sizes---20px);
  font-family: var(--_typography---font-family--source-sans-pro);
  color: var(--colors-gray--gray-950);
  font-size: var(--_typography---font-size-px-to-rem-converter--16px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  font-weight: var(--_typography---font-weight--medium);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.regular-cards-home {
  border: 4px solid var(--colors-brand--brand-50);
  background-color: var(--colors-brand--brand-50);
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 800px;
  padding: 24px;
}

.post-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 940px;
  max-width: none;
  font-family: "Subset Sourcesans 3", Verdana, sans-serif;
  font-size: var(--_typography---font-size-px-to-rem-converter--18px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
}

.post-content.gap-48 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.post-content.gap-48.stretch {
  flex: none;
  align-items: stretch;
}

.post-content.tl-dr {
  width: 100%;
  display: block;
}

.post-content.tl-dr-container {
  background-color: var(--colors-brand--brand-50);
  border-radius: 4px;
  padding: 24px;
}

.back-button {
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
}

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

.collection-thumb {
  object-fit: cover;
  width: 800px;
}

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

.decor-link {
  align-items: center;
  display: flex;
}

.collection-list-wrapper-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.collection-list {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-3 {
  width: 100%;
}

.body-text {
  color: #3c404b;
  margin-top: 0;
}

.body-text.s {
  letter-spacing: -.006em;
  line-height: 1.75;
}

.body-text.m {
  color: #3c404b;
  letter-spacing: -.011em;
}

.body-text.m.s-m-b-32 {
  text-align: left;
}

.code-embed {
  width: 100%;
}

.careers-content {
  max-width: none;
  font-family: source-sans-pro;
  font-size: var(--_typography---font-size-px-to-rem-converter--18px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
  padding-right: 48px;
}

.carrers-title {
  width: 100%;
  max-width: none;
  font-family: source-sans-pro;
  font-size: var(--_typography---font-size-px-to-rem-converter--18px);
  line-height: var(--_typography---font-size-px-to-rem-converter--24px);
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
}

.side-nav-menu {
  position: sticky;
  top: 24px;
}

.faq-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  font-family: source-sans-pro;
  display: flex;
  position: relative;
}

.side-nav-menu-item {
  color: #5e6875;
  background-color: #0000;
  border-radius: 6px;
  padding: 6px 16px;
  font-family: "Subset Sourcesans 3", Verdana, sans-serif;
  text-decoration: none;
  display: block;
}

.side-nav-menu-item:hover {
  background-color: #f6f3ff;
  font-weight: 700;
}

.side-nav-menu-item.w--current {
  color: #7343f6;
  background-color: #f6f3ff;
}

.side-nav-menu-item.w--current:hover {
  background-color: #f6f3ff;
}

.questions-wrapper {
  width: 70%;
}

.width-100 {
  width: 100%;
}

.width-100.brand-100 {
  background-color: var(--colors-brand--brand-100);
}

.width-100.brand-100.border-radius {
  border-radius: 12px;
}

.width-64 {
  width: 64%;
}

.hero-desktop {
  width: 100%;
}

.hero-mobile {
  display: none;
}

.callouts {
  width: 100%;
}

.image-2 {
  width: 73px;
  height: 73px;
}

.image-2.hide {
  display: none;
}

.image-3 {
  width: 73px;
  height: 73px;
}

.image-3.hide {
  display: none;
}

.image-4 {
  width: 73px;
  height: 73px;
}

.image-4.hide {
  display: none;
}

.image-5, .quotes {
  width: 236px;
  height: 50px;
}

.span-hidden {
  display: none;
}

.mockup-img-01 {
  width: 8%;
  position: absolute;
  inset: 18% auto auto 38%;
}

.image-6 {
  max-width: 100%;
  overflow: visible;
}

.home-hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  position: relative;
}

.mockup-img-02 {
  width: 8%;
  position: absolute;
  inset: 19% auto auto 49%;
}

.mockup-img-03 {
  width: 8%;
  position: absolute;
  inset: 19% auto auto 60%;
}

.mockup-img-04 {
  width: 8%;
  position: absolute;
  inset: 18% auto auto 71%;
}

.mockup-img-05 {
  width: 8%;
  position: absolute;
  inset: 54% auto auto 38%;
}

.mockup-img-06 {
  width: 8%;
  position: absolute;
  inset: 54% auto auto 49%;
}

.mockup-img-07 {
  width: 8%;
  position: absolute;
  inset: 54% auto auto 61%;
}

.mockup-img-08 {
  width: 8%;
  position: absolute;
  inset: 54% auto auto 72%;
}

.inventory-product-img-01 {
  width: 210px;
  max-width: 100%;
  height: auto;
  overflow: visible;
}

.inventory-product-img-container-01 {
  width: 30%;
  position: absolute;
  inset: 55% auto auto -4%;
}

.inventory-hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  position: relative;
}

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

.questions-wrapper-boxed {
  width: 70%;
}

.side-nav-menu-item-no-guide {
  color: #5e6875;
  background-color: #0000;
  border-radius: 6px;
  padding: 6px 16px;
  font-family: "Subset Sourcesans 3", Verdana, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.side-nav-menu-item-no-guide:hover {
  background-color: #f6f3ff;
}

.side-nav-menu-item-no-guide:active {
  color: #5b35c4;
}

.side-nav-menu-item-no-guide:focus {
  color: #8d67f7;
}

.side-nav-menu-item-no-guide.w--current {
  font-family: "Subset Sourcesans 3", Verdana, sans-serif;
  font-weight: 400;
}

.side-nav-menu-item-no-guide.w--current:hover {
  background-color: #f6f3ff;
}

.hide-image {
  display: none;
}

.tab-content {
  position: relative;
  left: 25px;
}

.inventory-product-img-container-02 {
  width: 30%;
  position: absolute;
  inset: 33% auto auto -4%;
}

.inventory-product-img-container-03 {
  width: 32%;
  position: absolute;
  inset: 20% -3% auto auto;
}

.inventory-product-img-container-04 {
  width: 40%;
  position: absolute;
  inset: 33% auto auto -8%;
}

.features-card-image-savings-calculator {
  border: 2px solid var(--colors-base--white);
  background-color: var(--colors-base--white);
  border-radius: 16px;
}

.features-card-image-savings-calculator.slides {
  width: auto;
  height: auto;
}

.footer-badge {
  height: 70px;
}

.tl-dr-title {
  font-family: var(--_typography---font-family--source-sans-pro);
  font-size: var(--_typography---font-size-px-to-rem-converter--22px);
  font-weight: var(--_typography---font-weight--semibold);
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

@media screen and (min-width: 1280px) {
  .h-flex-box {
    width: 1280px;
  }

  .h-flex-grid-system {
    margin-left: 32px;
    margin-right: 32px;
  }

  .h-flex-grid-system.gap-32.mobile-v-flex.stretch.display-3-60 {
    width: 80%;
  }

  .logo-menu {
    width: 139px;
  }

  .h-flex.header-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .h-flex.header-nav {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .h-flex.gap-8.iventory-bullets {
    height: 96px;
  }

  .h-flex.gap-8.calculator-bullets {
    height: 145px;
  }

  .h-flex.gap-6 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .banner-columns {
    width: 100%;
  }

  .v-flex.display-1-2-3shrink-60-80-80 {
    width: 80%;
  }

  .card.contributor {
    width: 360px;
    height: 450px;
  }

  .card-header-picture.before-method-procurement, .card-header-picture.reorder-tag-system-traditional-approach, .card-header-picture.reorder-tag-system-the-method-way, .card-header-picture.before-method-procurement, .card-header-picture.after-the-method-way-procurement, .card-header-picture.the-method-way-scan-cart {
    height: 320px;
  }

  .slide-regular-cards {
    width: 26%;
  }

  .hidden-navigation {
    display: none;
  }

  .dropdown-text-area, .dropdown-label {
    padding: 0;
  }

  .dropdowns-area {
    max-width: 100%;
  }

  .dark-banner-w-side-image {
    border-radius: 16px;
    justify-content: center;
  }

  .footer-link {
    color: var(--colors-gray--gray-700);
    text-decoration: none;
  }

  .dark-banner-integrations {
    padding-left: 56px;
    padding-right: 56px;
  }

  .banner-columns-integrations {
    width: 100%;
  }

  .slide-borderless-m-card {
    width: 40%;
  }

  .expandable {
    width: 800px;
  }

  .expandable-image {
    margin-top: -64px;
    right: -24px;
  }

  .light-banner-w-side-image {
    border-radius: 16px;
  }

  .hero-desktop {
    width: 100%;
  }
}

@media screen and (min-width: 1440px) {
  .h-flex-box {
    width: 1366px;
  }

  .h-flex-grid-system {
    margin-left: 56px;
    margin-right: 56px;
  }

  .h-flex.gap-8.iventory-bullets {
    height: 96px;
  }

  .h-flex.gap-8.calculator-bullets {
    height: 164px;
  }

  .banner-columns.inventory-bullets {
    width: var(--_columns---column-11-of-12);
  }

  .card.contributor {
    width: 360px;
    height: 450px;
  }

  .card.partners {
    width: 395px;
    height: 700px;
  }

  .card-header-picture.before-method-procurement {
    height: 280px;
  }

  .card-header-picture.before-method-inventory, .card-header-picture.with-method-inventory {
    height: 320px;
  }

  .card-header-picture.reorder-tag-system-traditional-approach, .card-header-picture.reorder-tag-system-the-method-way, .card-header-picture.before-method-procurement, .card-header-picture.after-the-method-way-procurement, .card-header-picture.the-method-way-scan-cart {
    height: 280px;
  }

  .card-header-picture.card-before-method-inventory {
    height: 320px;
  }

  .dark-banner-w-side-image {
    border-radius: 20px;
  }

  .banner {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .dark-banner-integrations {
    width: 100%;
    padding-left: 128px;
    padding-right: 128px;
  }

  .expandable-image {
    margin-top: -56px;
    right: -24px;
  }

  .light-banner-w-side-image {
    border-radius: 20px;
  }
}

@media screen and (min-width: 1920px) {
  .v-flex-center-center.misc-gradient-50-decoration {
    background-position: 50% -360px, 0 0;
  }

  .v-flex-center-center.misc-gradient-50-decoration-2 {
    background-position: 50% 0, 0 0;
  }

  .h-flex-box {
    width: 1808px;
  }

  .h-flex-grid-system {
    margin-left: 128px;
    margin-right: 128px;
  }

  .h-flex-grid-system.gap-32.mobile-v-flex.stretch.display-3-60 {
    width: 60%;
  }

  .h-flex-grid-system.space_between-center {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .column-2-12.right-top {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .h-flex.gap-8.iventory-bullets {
    height: 96px;
  }

  .h-flex.gap-8.calculator-bullets {
    height: 172px;
  }

  .text-xl.regular.gray-700.text-align-center.opacity-0-9.display-1-width-90 {
    width: 90%;
  }

  .text-xl.regular.gray-700.text-align-center.opacity-0-9.display-1-shrink-70 {
    width: 70%;
  }

  .text-xl.regular.gray-700.text-align-center.display-1-width-90, .text-xl.regular.gray-700.opacity-0-9.display-1-width-90 {
    width: 90%;
  }

  .text-xl.regular.brand-700.text-align-center.opacity-0-9.display-1-shrink-80 {
    width: 80%;
  }

  .text-md.medium.gray-600 {
    color: var(--colors-gray--gray-600);
  }

  .dark-banner-w-columns {
    width: 100%;
    padding-left: 64px;
    padding-right: 64px;
  }

  .banner-columns.inventory-bullets {
    width: var(--_columns---column-11-of-12);
  }

  .v-flex.display-1-shrink-80 {
    width: 80%;
  }

  .v-flex.display-1-shrink-78 {
    width: 78%;
  }

  .v-flex.display-1-2-3shrink-60-80-80 {
    width: 60%;
  }

  .card.contributor {
    width: 360px;
    height: 450px;
  }

  .card.partners {
    width: 450px;
    height: 797px;
  }

  .card-header-picture.before-method-procurement {
    height: 320px;
  }

  .card-header-picture.before-method-inventory, .card-header-picture.with-method-inventory {
    height: 420px;
  }

  .card-header-picture.reorder-tag-system-traditional-approach, .card-header-picture.reorder-tag-system-the-method-way, .card-header-picture.before-method-procurement, .card-header-picture.after-the-method-way-procurement, .card-header-picture.the-method-way-scan-cart {
    height: 320px;
  }

  .card-header-picture.card-before-method-inventory {
    height: 420px;
  }

  .arrow.l {
    right: 4%;
  }

  .features-card-image.slides {
    width: auto;
    height: auto;
  }

  .dark-banner-w-side-image, .banner-side-image-01 {
    width: 100%;
  }

  .footer-links {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .display-1-100 {
    width: 100%;
  }

  .menu-item.left {
    white-space: nowrap;
  }

  .expandable {
    width: 900px;
    margin-right: -280px;
    padding-right: 280px;
  }

  .expandable-image {
    margin-top: -48px;
    right: 320px;
  }

  .expandable-image.open {
    right: 320px;
  }

  .light-banner-w-side-image {
    width: 100%;
  }

  .display-1-93 {
    width: 93%;
  }

  .no-decor-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .decor-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .cs-card-image {
    width: 100%;
  }

  .features-card-image-savings-calculator {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .features-card-image-savings-calculator.slides {
    width: auto;
    height: auto;
  }
}

@media screen and (max-width: 991px) {
  .h-flex-box {
    width: 100%;
  }

  .h-flex-grid-system {
    margin-left: 32px;
    margin-right: 32px;
  }

  .h-flex-grid-system.center-center.tablet-v-flex {
    flex-flow: column;
  }

  .h-flex-grid-system.center-center.tablet-v-flex.tablet-gap-56 {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
  }

  .h-flex-grid-system.center-center.tablet-v-flex.gap-64.tablet-reverse-order {
    flex-flow: column-reverse;
  }

  .h-flex-grid-system.center-center.tablet-v-flex.gap-64.tablet-reverse-order.tablet-gap-24, .h-flex-grid-system.center-center.tablet-v-flex.gap-64.tablet-gap-24 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .h-flex-grid-system.tablet-v-flex, .h-flex-grid-system.space_between-center.tablet-v-flex {
    flex-flow: column;
  }

  .column-11-12, .column-10-12.tablet-6-6 {
    width: var(--_columns---column-12-of-12);
  }

  .column-9-12 {
    width: var(--_columns---column-10-of-12);
  }

  .column-9-12.tablet-6-6, .column-8-12.tablet-6-6 {
    width: var(--_columns---column-12-of-12);
  }

  .column-7-12 {
    width: var(--_columns---column-8-of-12);
  }

  .column-7-12.tablet-6-6, .column-6-12.tablet-6-6 {
    width: var(--_columns---column-12-of-12);
  }

  .column-6-12.tablet-6-6.right-center.tablet-center-center, .column-6-12.tablet-6-6.tablet-center-center {
    justify-content: center;
    align-items: center;
  }

  .column-5-12 {
    width: var(--_columns---column-6-of-12);
  }

  .column-5-12.tablet-6-6, .column-4-12.tablet-6-6 {
    width: var(--_columns---column-12-of-12);
  }

  .column-4-12.tablet-6-6.tablet-center-center {
    justify-content: center;
    align-items: center;
  }

  .column-3-12 {
    width: var(--_columns---column-4-of-12);
  }

  .column-3-12.tablet-6-6, .column-2-12.tablet-6-6 {
    width: var(--_columns---column-12-of-12);
  }

  .column-1-12 {
    width: var(--_columns---column-2-of-12);
  }

  .column-1-12.tablet-6-6 {
    width: var(--_columns---column-12-of-12);
  }

  .spacer-s24.mobile-m56 {
    height: var(--_spacers---m56);
  }

  .h-flex.gap-4.center-center.no-shrink.menu-main-item {
    background-color: var(--colors-base--white);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 20px 12px 32px;
  }

  .h-flex.gap-4.center-center.no-shrink.menu-main-item-selector {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
  }

  .h-flex.header-actions, .h-flex.header-nav {
    display: none;
  }

  .h-flex.header-toggle {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 44px;
    margin-top: 18px;
    margin-bottom: 18px;
    display: flex;
  }

  .h-flex.gap-8.iventory-bullets, .h-flex.gap-8.calculator-bullets {
    height: 48px;
  }

  .h-flex.space_between-top.mobile-v-flex, .h-flex.gap-64.tablet-v-flex {
    flex-flow: column;
  }

  .h-flex.gap-64.tablet-v-flex.tablet-gap-24 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .h-flex.tablet-v-flex {
    flex-flow: column;
  }

  .carrusel-ticker {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .display-lg.semibold.base-white.text-align-center.tablet-text-align-left {
    text-align: left;
  }

  .spacer-m96.tablet-s24 {
    height: var(--_spacers---s24);
  }

  .dark-banner-w-columns {
    padding-left: 104px;
    padding-right: 104px;
  }

  .banner-columns {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .v-flex, .testimonials-slider {
    width: 100%;
  }

  .spacer-l120.tablet-s24 {
    height: var(--_spacers---s24);
  }

  .arrow.l {
    display: none;
    top: 2%;
    right: 8%;
  }

  .arrow.r {
    display: none;
  }

  .slide-regular-cards {
    width: 40%;
    margin-right: 20px;
  }

  .cards-slider {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .mask {
    width: 100%;
  }

  .dropdown-text-area, .dropdown-label {
    padding-left: 20px;
  }

  .dark-banner-w-side-image {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .banner-side-image-01 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
  }

  .footer-links {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .card-content {
    justify-content: space-between;
    align-items: flex-start;
  }

  .slide-big-cards {
    width: 43%;
    margin-right: 20px;
  }

  .dark-banner-integrations {
    padding: 48px 48px 64px;
  }

  .banner-columns-integrations {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .mobile-navbar {
    z-index: 9999;
    background-color: var(--colors-base--white);
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: absolute;
    inset: 80px 0% auto;
  }

  .burger-menu {
    background-color: var(--colors-base--white);
    width: 40px;
    height: 40px;
  }

  .burger-menu.w--open {
    background-color: var(--colors-base--white);
  }

  .burger-menu.close {
    display: none;
  }

  .slide-borderless-m-card {
    width: 43%;
    margin-right: 20px;
  }

  .spacer-l128 {
    height: var(--_spacers---m56);
  }

  .expandable-image {
    display: none;
  }

  .spacer-m80.tablet-s24 {
    height: var(--_spacers---s24);
  }

  .light-banner-w-side-image {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .post-content, .careers-content, .carrers-title {
    width: 100%;
  }

  .side-nav-menu {
    position: static;
  }

  .side-nav-menu.faq {
    position: sticky;
  }

  .mobile-menu-dropdown {
    background-color: var(--colors-base--white);
    display: none;
    position: relative;
  }

  .mobile-menu-dropdown:active, .mobile-menu-dropdown:focus {
    background-color: var(--colors-base--white);
  }

  .inventory-product-img-container-02 {
    width: 20%;
  }

  .inventory-product-img-container-03 {
    width: 20%;
    right: 10%;
  }
}

@media screen and (max-width: 767px) {
  .h-flex-grid-system {
    margin-left: 24px;
    margin-right: 24px;
  }

  .h-flex-grid-system.center-center.gap-32.stretch.mobile-v-flex {
    flex-flow: column;
  }

  .column-2-12.tablet-6-6.mobile-center-center {
    justify-content: center;
    align-items: center;
  }

  .h-flex.gap-4.center-center.no-shrink.menu-main-item {
    padding-right: 8px;
  }

  .h-flex.gap-4.center-center.no-shrink.menu-main-item-selector {
    padding-right: 32px;
  }

  .arrow.l {
    right: 8%;
  }

  .slide-regular-cards {
    width: 60%;
  }

  .cards-slider, .mask {
    width: 100%;
  }

  .footer-links {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    flex-flow: wrap;
    align-items: flex-start;
  }

  .slide-big-cards {
    width: 71%;
  }

  .banner-columns-integrations {
    flex-flow: column;
  }

  .slide-borderless-m-card {
    width: 71%;
  }
}

@media screen and (max-width: 479px) {
  .h-flex-grid-system {
    margin-left: 16px;
    margin-right: 16px;
  }

  .h-flex-grid-system.gap-32.mobile-v-flex, .h-flex-grid-system.mobile-v-flex {
    flex-flow: column;
  }

  .column-11-12, .column-10-12 {
    width: var(--_columns---column-12-of-12);
  }

  .column-9-12, .column-8-12 {
    width: var(--_columns---column-9-of-12);
  }

  .column-8-12.tablet-6-6 {
    width: var(--_columns---column-12-of-12);
  }

  .column-7-12 {
    width: var(--_columns---column-9-of-12);
  }

  .column-7-12.mobile-4-4 {
    width: var(--_columns---column-12-of-12);
  }

  .column-6-12.tablet-6-6.mobile-center-center {
    justify-content: center;
    align-items: center;
  }

  .column-5-12.mobile-4-4 {
    width: var(--_columns---column-12-of-12);
  }

  .column-4-12 {
    width: var(--_columns---column-6-of-12);
  }

  .column-4-12.tablet-6-6.mobile-center-center {
    justify-content: flex-start;
    align-items: center;
  }

  .column-4-12.center-center.tablet-6-6 {
    width: var(--_columns---column-12-of-12);
  }

  .column-3-12 {
    width: var(--_columns---column-3-of-12);
  }

  .column-3-12.tablet-6-6.mobile-center-center {
    justify-content: flex-start;
    align-items: center;
  }

  .column-2-12, .column-1-12 {
    width: var(--_columns---column-3-of-12);
  }

  .h-flex.gap-4.center-center.no-shrink.menu-main-item {
    padding-left: 0;
    padding-right: 0;
  }

  .h-flex.gap-4.center-center.no-shrink.menu-main-item.direct-link {
    padding-left: 16px;
  }

  .h-flex.gap-4.center-center.no-shrink.menu-main-item-selector {
    padding-left: 16px;
    padding-right: 24px;
  }

  .h-flex.gap-8.iventory-bullets, .h-flex.gap-8.calculator-bullets {
    height: 72px;
  }

  .h-flex.mobile-v-flex {
    flex-flow: column;
  }

  .h-flex.space-between-center.width-100.mobile-v-flex.mobile-gap-16 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .h-flex.tablet-v-flex {
    flex-flow: column;
  }

  .text-lg.regular.gray-700.mobile-text-align-center {
    text-align: center;
  }

  .text-lg.semibold.gray-700.line-height-22 {
    line-height: var(--_typography---font-size-px-to-rem-converter--22px);
  }

  .carrusel-ticker {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .text-sm.regular.gray-700, .text-sm.regular.gray-800 {
    color: var(--colors-gray--gray-700);
  }

  .dark-banner-w-columns {
    padding: 48px 16px;
  }

  .v-flex.mobile-width-64 {
    width: 64%;
  }

  .v-flex.margin-left-24px-mob-0 {
    margin-left: 0;
  }

  .testimonials-slider {
    width: 90%;
  }

  .arrow.l {
    right: 35%;
  }

  .slide-regular-cards {
    width: 100%;
  }

  .cards-slider {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .mask {
    width: 100%;
  }

  .dark-banner-w-side-image {
    padding: 0;
  }

  .banner-side-image-01 {
    min-height: 264px;
  }

  .content-dark-banner-w-side-image {
    padding: 40px 24px 56px;
  }

  .footer-links {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: space-between;
  }

  .footer-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-links-box {
    padding-right: 16px;
  }

  .banner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .slide-big-cards {
    width: 82%;
  }

  .big-cards {
    flex-flow: column;
  }

  .dark-banner-integrations {
    padding: 48px 16px;
  }

  .mobile-navbar {
    display: block;
  }

  .slide-borderless-m-card {
    width: 80%;
    margin-right: 0;
  }

  .expandable, .expandable.open {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .expandable-list.open {
    padding-left: 48px;
    padding-right: 24px;
  }

  .expandable-image.open.mobile-hidden {
    display: none;
  }

  .expandable-image.mobile-hidden {
    width: 0;
    max-width: 0%;
    height: 0;
    display: none;
  }

  .light-banner-w-side-image {
    padding: 0;
  }

  .menu-post-thumb {
    width: 0;
    height: 0;
    display: none;
  }

  .post-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .code-embed {
    flex: 1;
    display: block;
  }

  .careers-content {
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 0;
    display: flex;
  }

  .carrers-title {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .side-nav-menu.faq {
    display: none;
  }

  .questions-wrapper {
    width: auto;
  }

  .hero-desktop {
    width: 360px;
    height: 165px;
    display: block;
  }

  .hero-mobile {
    display: block;
  }

  .image-2 {
    width: 54px;
    height: 54px;
  }

  .image-3 {
    width: 73px;
  }

  .quotes {
    width: 236px;
    height: 50px;
  }

  .hero-inventory {
    width: 360px;
    height: 165px;
    display: block;
  }

  .questions-wrapper-boxed {
    width: auto;
  }

  .tab-content {
    left: auto;
  }

  .inventory-product-img-container-03 {
    width: 28%;
    right: -7%;
  }

  .inventory-img-01, .inventory-img-02, .inventory-img-03 {
    width: auto;
    height: auto;
    display: block;
  }

  .code-mobile-w-80 {
    width: 80%;
  }
}

#w-node-_824e860d-a0e9-8570-7a2b-eb53959556ff-a43a0432, #w-node-_41f86d1e-b5fd-8e91-b96f-820c7f07556d-53f653d7, #w-node-_41f86d1e-b5fd-8e91-b96f-820c7f07556d-368d9a92, #w-node-_41f86d1e-b5fd-8e91-b96f-820c7f07556d-9e35fde7, #w-node-_41f86d1e-b5fd-8e91-b96f-820c7f07556d-ebc864e5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_820a651e-009a-82ae-a407-9d1342ab669d-572b99a4, #w-node-_6a68ad21-0099-67a7-d8b8-c46e7aaa13e4-d69d7b14, #w-node-_6a68ad21-0099-67a7-d8b8-c46e7aaa13e4-d893c31c, #w-node-_6a68ad21-0099-67a7-d8b8-c46e7aaa13e4-c236ce02, #w-node-_6a68ad21-0099-67a7-d8b8-c46e7aaa13e4-f5254adb {
    order: 9999;
  }
}


@font-face {
  font-family: 'Subset Sourcesans 3';
  src: url('../fonts/subset-SourceSans3-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Subset Sourcesans 3';
  src: url('../fonts/subset-SourceSans3-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Subset Sourcesans 3';
  src: url('../fonts/subset-SourceSans3-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}