@font-face {
  font-family: TT Hoves Pro Trial;
  src: url('../fonts/TT-Hoves-Pro-Trial-Variable.ttf') format("truetype");
  font-weight: 50 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: TT Hoves Pro Mono;
  src: url('../fonts/TT_Hoves_Pro_Mono_Trial_VF.ttf') format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

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

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

:root {
  --color--white: white;
  --color--black: #222;
  --spacing--container: 7.5em;
  --spacing--xlarge: 3em;
  --spacing--xxsmall: 1em;
  --color--white-200: #f8f8f8;
  --color--grey: #b7b7b7;
  --text--xsmall\<deleted\|variable-2ab3fd7e-8de0-97b1-d562-071282e0d283\>: 1.125em;
  --text--h2: 4em;
  --text--h4: 2em;
  --text--small: .875em;
  --text--regular: 1em;
  --color--black-fade-50: #00000080;
  --text--h1: 4.5em;
  --text--xlarge\<deleted\|variable-3557bb14-9414-6a17-45f1-cb2c95c6595c\>: 1.5em;
  --text--h3: 2.125em;
  --text--h4-small: 1.75em;
  --text--large: 1.125em;
  --text--h-display\<deleted\|variable-724e60f9-1d2b-1e24-1f7a-35a343bfc458\>: 4.5em;
  --color--black-fade-80: #222c;
  --color--blue: #2e74fe;
  --spacing--mini: .75em;
  --spacing--xmini: .5em;
  --color--black-dark: #000;
  --spacing--medium: 2em;
  --spacing--xxhuge: 7.5em;
  --spacing--small: 1.5em;
  --spacing--xxlarge: 3.5em;
  --spacing--xsmall: 1.25em;
  --spacing--large: 2.5em;
  --spacing--xhuge: 5em;
  --radius--small: .25em;
  --color--black-fade-24: #2222223d;
  --text--h4-xsmall: 1.375em;
  --color--blue-fade-8: #2e74fe14;
  --radius--medium: .5em;
  --radius--full: 100vw;
  --spacing--xxmini: .25em;
  --spacing--huge: 4em;
  --radius--large: 0em;
}

body {
  background-color: var(--color--white);
  color: var(--color--black);
  letter-spacing: -.02em;
  font-family: Inter, Arial, sans-serif;
  line-height: 1.5;
  font-size: var(--size-font);
}

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

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

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

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: 0;
}

.guides {
  z-index: 1;
  pointer-events: none;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0% 0% auto;
}

.container {
  padding-right: var(--spacing--container);
  padding-left: var(--spacing--container);
  max-width: var(--size-container);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container.is-guides {
  outline-offset: 0px;
  -webkit-text-stroke-color: #afbecc80;
  outline: 3px solid #ffecb5;
  height: 100%;
}

.container.is--hero {
  padding-left: 5em;
  padding-right: 5em;
}

.grid-main {
  grid-column-gap: var(--spacing--xxsmall);
  grid-row-gap: var(--spacing--xxsmall);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  display: grid;
}

.grid-main.is-overlay {
  height: 100%;
}

.grid-block {
  background-color: #bdbdbd1a;
  padding: 0;
}

.embed {
  position: fixed;
  inset: 0% 0% auto;
}

.css-utils, .css-global, .css-breakpoints, .css-editmode {
  width: 0;
  height: 0;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.page-w {
  width: 100%;
  position: relative;
  overflow: clip;
}

.section {
  width: 100%;
}

.section.is--white-200 {
  background-color: var(--color--white-200);
}

.section.is--white-200.is--border-top, .section.is--border-top {
  border-top: .0625em solid var(--color--grey);
}

.text-xsmall {
  font-size: var(--text--xsmall\<deleted\|variable-2ab3fd7e-8de0-97b1-d562-071282e0d283\>);
}

.style-sidenav-line {
  z-index: 10;
  opacity: .4;
  background-color: currentColor;
  width: 1px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.h2 {
  font-size: var(--text--h2);
  font-weight: 500;
  line-height: 1.1;
}

.style-sidenav {
  position: sticky;
  top: 4rem;
}

.h6 {
  font-size: var(--text--h4);
  font-weight: 500;
  line-height: 1.5;
}

.style__container.container {
  padding-top: 10rem;
}

.rich-text {
  font-size: clamp(var(--font-size-mobile--main), var(--font-size-fluid--main), var(--font-size-fluid--main));
  text-wrap: balance;
}

.style__divider {
  background-color: #fff;
  width: 100%;
  height: .0625rem;
  margin-top: 2.5rem;
}

.style__wrapper {
  display: flex;
}

.text-small {
  font-size: var(--text--small);
}

.h5 {
  font-size: var(--text--h4);
  font-weight: 500;
  line-height: 1.5;
}

.style-item-block {
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3.75rem;
  padding-bottom: 1.875rem;
  display: flex;
}

.style__header {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 7.5rem;
  display: grid;
}

.style__group-header {
  margin-bottom: 2.5rem;
}

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

.style__list {
  grid-column-gap: 15rem;
  grid-row-gap: 15rem;
  flex-flow: column;
  padding-top: 10rem;
  display: flex;
}

.style__group {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.style__item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: minmax(0, 1fr);
  justify-content: flex-start;
  place-items: end stretch;
}

.style__item.style__item--grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.text-regular {
  font-size: var(--text--regular);
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.4;
}

.text-regular.is-black-fade50 {
  color: var(--color--black-fade-50);
}

.style__sidebar-wrapper {
  padding-top: 5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

.h1 {
  font-size: var(--text--h1);
  font-weight: 500;
  line-height: 1;
}

.text-xlarge {
  font-size: var(--text--xlarge\<deleted\|variable-3557bb14-9414-6a17-45f1-cb2c95c6595c\>);
  font-weight: 500;
}

.h3 {
  font-size: var(--text--h3);
  font-weight: 500;
  line-height: 1.1;
}

.style-sidenav-links {
  text-align: left;
  list-style-type: none;
}

.h4 {
  font-size: var(--text--h4);
  font-weight: 500;
  line-height: 1.1;
}

.h4.is--small {
  font-size: var(--text--h4-small);
}

.style-item-flex {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.text-large {
  font-size: var(--text--large);
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.4;
}

.h-display {
  font-size: var(--text--h-display\<deleted\|variable-724e60f9-1d2b-1e24-1f7a-35a343bfc458\>);
  letter-spacing: -.02em;
  font-weight: 700;
  line-height: 1.2;
}

.btn-w {
  position: relative;
}

.btn-w.is--legal-link {
  color: var(--color--black-fade-80);
  border-left: .0625em solid #0000;
}

.btn-w.is--legal-link.w--current {
  border-left-color: var(--color--blue);
  color: var(--color--black);
}

.btn-inner {
  padding: var(--spacing--mini) var(--spacing--mini) var(--spacing--mini) var(--spacing--xxsmall);
  grid-column-gap: var(--spacing--xmini);
  grid-row-gap: var(--spacing--xmini);
  background-color: var(--color--black-dark);
  color: var(--color--white);
  letter-spacing: 0;
  border-radius: .25em;
  justify-content: flex-start;
  align-items: center;
  transition: background-color .4s ease-out;
  display: flex;
  position: relative;
}

.btn-inner:hover {
  background-color: var(--color--blue);
  color: var(--color--white);
}

.h-eyebrow {
  font-family: Geist Mono, Tahoma, sans-serif;
  font-size: var(--text--small);
  text-align: left;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: baseline;
  font-weight: 400;
  line-height: 1.1;
}

.h-eyebrow.is--large {
  font-size: var(--text--large);
}

.h-eyebrow.border-radius4 {
  padding-right: var(--spacing--xxsmall);
  padding-left: var(--spacing--xxsmall);
  border: 1px solid var(--color--grey);
  border-radius: .25em;
}

.h-eyebrow.is-black-fade-50 {
  color: var(--color--black-fade-50);
}

.h-eyebrow.is--footer-link {
  transition: color .3s ease-out;
}

.h-eyebrow.is--footer-link:hover {
  color: var(--color--blue);
}

.h-eyebrow.is--nav-link {
  transition: color .3s ease-out;
}

.h-eyebrow.is--nav-link:hover {
  color: var(--color--blue);
}

.h-hero__w {
  height: 100vh;
  padding-top: 19.5em;
  padding-bottom: 18.3125em;
  position: relative;
}

.h-hero__inner {
  grid-column-gap: var(--spacing--medium);
  grid-row-gap: var(--spacing--medium);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.h-hero__title.h1, .h-hero__title.h2 {
  max-width: 13ch;
}

.h-hero__subtitle.text-regular {
  max-width: 41ch;
}

.h-hero__subtitle.text-large {
  max-width: 42ch;
}

.text-btn, .btn-text {
  color: var(--color--white);
}

.btn__icon {
  width: 1.125em;
  height: 1.125em;
}

.h-commerce__w {
  padding-top: var(--spacing--xxhuge);
  padding-bottom: var(--spacing--xxhuge);
}

.h-commerce__w.grid-main {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-columns: 1fr 1fr;
}

.h-commerce__inner {
  z-index: 1;
  padding: var(--spacing--xlarge) var(--spacing--xlarge) var(--spacing--xxlarge);
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  border-style: solid solid none;
  border-width: .0625em;
  border-color: var(--color--grey);
  background-color: var(--color--white-200);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: sticky;
  top: 0;
}

.h-commerce__inner.is--first {
  z-index: 1;
  border-top-style: solid;
}

.h-commerce__inner.is--last {
  border-bottom-style: solid;
}

.h-commerce__inner--eyebrow {
  grid-column-gap: var(--spacing--mini);
  grid-row-gap: var(--spacing--mini);
  align-items: center;
  display: flex;
}

.h-commerce__inner--p.text-regular {
  max-width: 90ch;
}

.h-technology__w {
  padding-top: 16.75em;
  padding-bottom: 16.75em;
  position: relative;
}

.h-technology__inner {
  grid-column-gap: var(--spacing--xlarge);
  grid-row-gap: var(--spacing--xlarge);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h-technology__inner--title.h2 {
  text-align: center;
  max-width: 20ch;
}

.nav {
  z-index: 999;
  padding-top: var(--spacing--mini);
  padding-bottom: var(--spacing--mini);
  border-bottom: .0625em solid var(--color--grey);
  background-color: var(--color--white);
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav__inner {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: .125em;
  padding-bottom: .125em;
  display: flex;
  position: static;
}

.nav__inner.container {
  padding: .125em var(--spacing--xhuge);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.div-temoin {
  width: 6.25rem;
  height: 100%;
}

.img-logo {
  width: 1.92063em;
  height: 1.92063em;
}

.img-logo.is-script {
  object-fit: scale-down;
  width: 4.375em;
  height: 2.1875em;
  display: block;
}

.nav__menu {
  grid-column-gap: var(--spacing--large);
  grid-row-gap: var(--spacing--large);
  flex: 0 auto;
  order: 1;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.text-link-button.marge-right80 {
  margin-right: var(--spacing--xhuge);
}

.h-eyebrow__icon {
  width: 1.125em;
  height: 1.125em;
}

.image {
  width: 18px;
}

.footer {
  z-index: 1;
  background-color: var(--color--white-200);
  width: 100%;
}

.container-footer {
  padding: var(--spacing--small) var(--spacing--xxhuge);
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

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

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

.footer__menu {
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  justify-content: space-around;
  align-items: center;
  display: flex;
  position: static;
}

.nav__menu--item {
  position: relative;
}

.nav__menu--item.is--btn {
  padding: .375em var(--spacing--xxsmall);
  grid-column-gap: var(--spacing--xmini);
  grid-row-gap: var(--spacing--xmini);
  border: .0625em solid var(--color--grey);
  border-radius: var(--radius--small);
  justify-content: flex-start;
  align-items: center;
  transition: background-color .325s ease-out;
  display: flex;
}

.nav__menu--item.is--btn:hover {
  border-color: var(--color--blue);
  background-color: var(--color--blue);
  color: var(--color--white);
}

.footer__inner {
  padding-top: var(--spacing--small);
  padding-bottom: var(--spacing--small);
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.footer__bottom {
  padding-top: var(--spacing--mini);
  border-top: 1px solid var(--color--black-fade-24);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer__menu--item {
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.footer__bottom-menu--item {
  grid-column-gap: var(--spacing--large);
  grid-row-gap: var(--spacing--large);
  justify-content: flex-end;
  display: flex;
}

.footer__separate-line {
  height: 3px;
}

.h-commerce__visual {
  z-index: 1;
  border-top: .0625em solid var(--color--grey);
  border-right: .0625em solid var(--color--grey);
  border-bottom: .0625em solid var(--color--grey);
  background-color: var(--color--white);
  width: 37.5em;
  height: 52.125em;
  position: sticky;
  top: 0;
}

.h-commerce__visual.is--first {
  border-bottom: .0625em solid var(--color--grey);
  border-top-style: solid;
}

.h-commerce__img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.h-hero__bg {
  position: absolute;
  inset: 0%;
}

.h-hero__bg--img {
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.h-technology__bg, .h-technology__bg--img {
  position: absolute;
  inset: 0%;
}

.h-products__list {
  cursor: grab;
  width: 100%;
  display: flex;
  position: relative;
}

.h-products__list.grid-main {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.h-products__item {
  grid-column-gap: 6.125em;
  grid-row-gap: 6.125em;
  border-style: none solid none none;
  border-width: .0625em;
  border-color: var(--color--grey);
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 29.3125em;
  padding-top: 6.25em;
  display: flex;
  position: relative;
}

.h-products__item.is--first {
  border-left-style: solid;
}

.h-card__visual {
  justify-content: center;
  height: 100%;
  display: flex;
}

.image-2 {
  width: 9.9375em;
  height: 4.59375em;
}

.h-products__visual--bottom {
  padding: var(--spacing--small) var(--spacing--xlarge);
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  border-top: .0625em solid var(--color--grey);
  background-color: var(--color--white-200);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 32.5%;
  transition: height .6s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.h-products__title.h3 {
  text-wrap: balance;
}

.h-products__title.h4.is--xsmall {
  font-size: var(--text--h4-xsmall);
}

.h-products__top {
  padding-top: var(--spacing--small);
  padding-bottom: var(--spacing--small);
  border-bottom: .0625em solid var(--color--grey);
  justify-content: space-between;
  width: 100%;
  display: flex;
}

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

.h-products__inner.is--right {
  padding-top: var(--spacing--small);
  padding-bottom: var(--spacing--small);
  grid-column-gap: var(--spacing--xxsmall);
  grid-row-gap: var(--spacing--xxsmall);
  justify-content: flex-end;
}

.h-products__bottom {
  border-top: .0625em solid var(--color--grey);
}

.h-products__btn {
  width: var(--spacing--xlarge);
  height: var(--spacing--xlarge);
  border: .09375em solid var(--color--black-fade-50);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: color .35s ease-out, background-color .3s ease-out;
  display: flex;
}

.h-products__btn:hover {
  background-color: var(--color--black);
  color: var(--color--white);
}

.h-roadmap__list {
  width: 100%;
  display: flex;
  position: relative;
}

.h-roadmap__item {
  flex: none;
  display: flex;
}

.h-roadmap__visual {
  position: absolute;
  inset: 0%;
}

.h-roadmap__visual.is--first {
  border-bottom: .0625em solid #2e74fe;
  display: none;
}

.h-roadmap__img {
  border-right: .0625em solid var(--color--grey);
  position: absolute;
  inset: 0%;
}

.h-planning__top {
  padding-top: var(--spacing--small);
  padding-bottom: var(--spacing--small);
  border-bottom: .0625em solid var(--color--grey);
  justify-content: space-between;
  width: 100%;
  display: flex;
}

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

.h-roadmap__inner.is--right {
  padding-top: var(--spacing--small);
  padding-bottom: var(--spacing--small);
  grid-column-gap: var(--spacing--xxsmall);
  grid-row-gap: var(--spacing--xxsmall);
  justify-content: flex-end;
}

.h-technology__top {
  padding-top: var(--spacing--small);
  padding-bottom: var(--spacing--small);
  border-bottom: .0625em solid var(--color--grey);
  background-color: var(--color--white);
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.nav__item--icon {
  opacity: .5;
}

.h-planning__bottom {
  border-top: .0625em solid var(--color--grey);
}

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

.h-roadmap__inner--bottom.is--right {
  padding-top: var(--spacing--small);
  padding-bottom: var(--spacing--small);
  grid-column-gap: var(--spacing--xxsmall);
  grid-row-gap: var(--spacing--xxsmall);
  justify-content: flex-end;
}

.footer__menu--item-left, .footer__menu--item-right {
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h-roadmap__btn {
  width: var(--spacing--xlarge);
  height: var(--spacing--xlarge);
  border: .09375em solid var(--color--black-fade-50);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: color .35s ease-out, background-color .3s ease-out;
  display: flex;
}

.h-roadmap__btn:hover {
  background-color: var(--color--black);
  color: var(--color--white);
}

.swiper.is--h-products {
  width: auto;
  height: auto;
  overflow: visible;
}

.swiper.is--h-roadmap {
  cursor: grab;
  overflow: visible;
}

.swiper-wrapper.h-products__list {
  flex-flow: row;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.swiper-wrapper.h-products__list.grid-main {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  cursor: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.swiper-wrapper.h-roadmap__list {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  position: relative;
  overflow: visible;
}

.swiper-slide.h-products__item {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  border-style: none solid none none;
  border-left-width: .0625em;
  border-left-color: var(--color--grey);
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 31.75em;
  min-height: 29.3125em;
  padding-top: 0;
  padding-bottom: 8em;
  display: flex;
  position: relative;
}

.swiper-slide.h-products__item.is--first {
  grid-column-gap: 6.125em;
  grid-row-gap: 6.125em;
  border-style: none solid;
  flex-flow: column;
  display: flex;
}

.swiper-slide.h-roadmap__item {
  border-top: 1px #000;
  border-right: .0625em solid var(--color--grey);
  flex-flow: column;
  flex: none;
  width: 27.5em;
  height: 100%;
  min-height: 38.25em;
  display: flex;
  position: relative;
}

.swiper-slide.h-roadmap__item.is--highlight {
  border: .0625em solid var(--color--blue);
}

.h-roadmap__item--header {
  padding: var(--spacing--xlarge);
  border-style: solid none;
  border-width: .0625em;
  border-color: transparent var(--color--blue) var(--color--grey);
}

.h-roadmap__item--header.is--highlight {
  border-top-style: none;
  border-bottom-style: solid;
  border-bottom-color: var(--color--blue);
  background-color: var(--color--blue-fade-8);
}

.h-roadmap__item--link {
  padding: var(--spacing--small) var(--spacing--xlarge);
  justify-content: space-between;
  align-items: center;
  transition: background-color .3s;
  display: flex;
}

.h-roadmap__item--link:hover {
  background-color: var(--color--blue);
  color: var(--color--white);
}

.h-roadmap__item--link.is--small {
  padding-top: var(--spacing--mini);
  padding-bottom: var(--spacing--mini);
}

.h-roadmap__item--link.is--small.is--first {
  margin-top: var(--spacing--mini);
}

.h-roadmap__link--info.h-eyebrow.is--large {
  flex: none;
}

.h-roadmap__link--info.h-eyebrow.is--large.is--blue {
  color: var(--color--blue);
  display: none;
}

.h-roadmap__link--info.h-eyebrow.is--small {
  flex: none;
}

.h-roadmap__link--info.h-eyebrow.is--small.is--blue {
  color: var(--color--blue);
  font-size: .75em;
  display: block;
}

.h-roadmap__link--main {
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h-roadmap__link--title.h4.is--small {
  max-width: 21ch;
  font-size: 1.5em;
}

.nav__menu--dropdown {
  grid-column-gap: var(--spacing--mini);
  grid-row-gap: var(--spacing--mini);
  border-radius: var(--radius--medium);
  background-color: var(--color--white);
  border: .0625em solid #e9e9e9;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 22em;
  padding: .125em;
  display: none;
  position: absolute;
  inset: 2.25em auto auto -200%;
  box-shadow: 0 .75em .75em #bababa33;
}

.nav__dropdown--link {
  grid-column-gap: var(--spacing--xmini);
  grid-row-gap: var(--spacing--xmini);
  border-radius: .375em;
  justify-content: flex-start;
  align-items: center;
  padding: .625em;
  transition: background-color .3s ease-out;
  display: flex;
}

.nav__dropdown--link:hover {
  color: var(--color--blue);
  background-color: #f0f0f0;
}

.nav__dropdown--icon {
  border: .0625em solid var(--color--grey);
  background-color: var(--color--white);
  border-radius: .375em;
  justify-content: center;
  align-items: center;
  width: 1.75em;
  height: 1.75em;
  transition: background-color .3s ease-out;
  display: flex;
}

.nav__dropdown--list {
  width: 100%;
}

.h-products__item--p {
  margin-top: var(--spacing--small);
}

.p-hero__w {
  grid-column-gap: var(--spacing--xlarge);
  grid-row-gap: var(--spacing--xlarge);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.p-hero__inner {
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.p-hero__header {
  padding-bottom: var(--spacing--xxsmall);
  grid-column-gap: var(--spacing--medium);
  grid-row-gap: var(--spacing--medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.p-hero__bg {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 6.25em;
  padding-left: 7.5em;
  padding-right: 27.25em;
  display: flex;
  position: absolute;
}

.p-content__inner {
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  display: flex;
}

.p-hero__inner--p.text-large {
  color: var(--color--black-fade-80);
}

.p-hero__inner--block {
  grid-column-gap: var(--spacing--xxsmall);
  grid-row-gap: var(--spacing--xxsmall);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.p-hero__inner--dot {
  border-radius: var(--radius--full);
  background-color: var(--color--black-dark);
  flex: none;
  width: .5em;
  height: .5em;
  margin-top: .5em;
}

.p-hero__inner--bold {
  color: var(--color--black);
  font-weight: 500;
}

.p-hero__main {
  grid-column-gap: var(--spacing--xlarge);
  grid-row-gap: var(--spacing--xlarge);
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 10em;
  padding-bottom: 4em;
  display: flex;
}

.p-hero__side {
  min-width: 17em;
  padding-top: 16.875em;
  padding-bottom: 16.875em;
}

.p-hero__side--inner {
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 25vh;
}

.p-hero__side--link {
  padding: var(--spacing--xmini) var(--spacing--small);
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}

.p-hero__side--line {
  background-color: var(--color--black-fade-24);
  width: .0625em;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.p-hero__side--line.is--inner {
  background-color: var(--color--blue);
  transform-origin: 50% 0;
}

.h-products__slide--visual {
  width: 10em;
  height: 4.5em;
}

.h-products__slide--visual.is-2 {
  width: 6.875em;
  height: 6.875em;
}

.h-products__slide--visual.is-3 {
  width: 8.625em;
  height: 6.375em;
}

.h-products__link {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  .container, .container.is--hero {
    padding-right: var(--spacing--xlarge);
    padding-left: var(--spacing--xlarge);
  }

  .grid-main {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-main.is-overlay {
    grid-column-gap: 1.25rem;
  }

  .style-item-block {
    grid-row-gap: 2em;
  }

  .style__item {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .text-regular.is-black-fade50 {
    display: flex;
  }

  .h-hero__w {
    padding-top: 10em;
  }

  .h-commerce__w.grid-main {
    flex-flow: column;
    grid-auto-flow: row;
    display: flex;
  }

  .h-commerce__inner {
    z-index: 2;
    grid-column-gap: var(--spacing--xsmall);
    grid-row-gap: var(--spacing--xsmall);
    position: relative;
    top: auto;
  }

  .h-technology__inner--title.h2 {
    aspect-ratio: auto;
    text-align: center;
    max-width: 15ch;
    overflow: visible;
  }

  .h-technology__inner--title.h3 {
    max-width: 40ch;
  }

  .footer__top {
    padding-top: var(--spacing--small);
    padding-bottom: var(--spacing--small);
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .footer__menu {
    justify-content: space-between;
  }

  .footer__inner {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer__bottom {
    flex-flow: row;
    width: 100%;
    padding-bottom: .75em;
    display: flex;
  }

  .footer__menu--item {
    grid-column-gap: var(--spacing--xxhuge);
    grid-row-gap: var(--spacing--xxhuge);
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer__bottom-menu--item {
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
  }

  .h-commerce__visual {
    border-left: .0625em solid var(--color--grey);
    border-top-style: none;
    width: 100%;
    height: 31.25em;
    position: relative;
    top: auto;
  }

  .h-commerce__img {
    width: 80%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .h-commerce__img.is--2 {
    width: 65%;
  }

  .h-hero__bg {
    height: 60%;
    inset: auto 0% 0% -90%;
  }

  .h-products__visual--bottom {
    height: 27.5%;
  }

  .h-products__btn {
    width: var(--spacing--medium);
    height: var(--spacing--medium);
  }

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

  .h-roadmap__inner--bottom.is--right {
    margin-right: var(--spacing--xlarge);
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
  }

  .footer__menu--item-left {
    grid-column-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
    flex-flow: column;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 0;
    display: flex;
  }

  .footer__menu--item-right {
    grid-column-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    padding-right: 0;
    display: flex;
  }

  .code-embed {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .h-roadmap__btn {
    width: var(--spacing--medium);
    height: var(--spacing--medium);
  }

  .swiper-wrapper.h-products__list.grid-main {
    display: flex;
  }

  .swiper-slide.h-products__item {
    width: 37.5em;
    height: 31.75em;
    min-height: 31.75em;
  }

  .nav__menu--dropdown {
    left: 0%;
  }

  .p-hero__side {
    min-width: 13em;
  }
}

@media screen and (max-width: 767px) {
  .container, .container.is--hero {
    padding-right: var(--spacing--xxsmall);
    padding-left: var(--spacing--xxsmall);
  }

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

  .style__sidebar-wrapper {
    display: none;
  }

  .h-eyebrow.is--nav-link {
    font-size: var(--text--small);
  }

  .h-hero__w {
    padding-top: 6.25em;
  }

  .h-hero__subtitle.text-regular {
    grid-column-gap: var(--spacing--xxsmall);
    grid-row-gap: var(--spacing--xxsmall);
    display: flex;
  }

  .h-hero__subtitle.text-large {
    font-size: var(--text--regular);
  }

  .h-commerce__w.grid-main {
    padding-top: var(--spacing--small);
    padding-bottom: var(--spacing--small);
  }

  .h-commerce__inner.is--first {
    padding: var(--spacing--xxsmall);
  }

  .h-technology__w {
    padding-top: 3.6875em;
    padding-bottom: 3.6875em;
  }

  .h-technology__inner {
    grid-column-gap: var(--spacing--large);
    grid-row-gap: var(--spacing--large);
  }

  .h-technology__inner--title.h2 {
    max-width: 20ch;
  }

  .footer__inner {
    padding-right: var(--spacing--large);
    padding-left: var(--spacing--large);
  }

  .h-commerce__img {
    width: 100%;
  }

  .h-commerce__img.is--2 {
    width: 90%;
  }

  .h-products__item {
    width: 100%;
  }

  .h-products__visual--bottom {
    height: 32.5%;
  }

  .h-products__btn {
    width: var(--spacing--large);
    height: var(--spacing--large);
  }

  .h-roadmap__item, .h-roadmap__visual {
    width: 100%;
  }

  .h-roadmap__img {
    position: relative;
  }

  .h-roadmap__btn {
    width: var(--spacing--large);
    height: var(--spacing--large);
  }

  .code-embed-2 {
    flex-flow: row;
    justify-content: center;
    width: 8.9375em;
    height: 4.125em;
    display: flex;
  }

  .swiper-slide.h-products__item {
    width: 100%;
    height: 24.375em;
    min-height: 24.375em;
  }

  .swiper-slide.h-products__item.is--first {
    width: 100%;
    max-width: 100%;
    padding-top: 6.25em;
  }

  .swiper-slide.h-roadmap__item.is--highlight {
    width: 100%;
  }

  .nav__menu--dropdown {
    left: -1em;
  }

  .p-hero__main {
    padding-top: var(--spacing--xhuge);
    flex-flow: column;
  }

  .p-hero__side {
    padding-top: var(--spacing--xmini);
    padding-bottom: var(--spacing--xmini);
    order: -1;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-style: normal;
  }

  .style__group-header.style__group-header--grid {
    flex-flow: column;
    display: flex;
  }

  .style__list {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .style__item.style__item--grid {
    display: flex;
  }

  .h-eyebrow.is--nav-link {
    font-size: .75em;
  }

  .h-hero__inner {
    grid-column-gap: var(--spacing--xxsmall);
    grid-row-gap: var(--spacing--xxsmall);
  }

  .h-hero__title.h1 {
    font-size: 2.625em;
  }

  .h-commerce__inner {
    padding: var(--spacing--xxsmall);
    grid-column-gap: var(--spacing--xxsmall);
    grid-row-gap: var(--spacing--xxsmall);
    border-bottom-style: solid;
  }

  .h-technology__inner--title.h2 {
    font-size: 2.625em;
  }

  .nav__menu {
    grid-column-gap: var(--spacing--mini);
    grid-row-gap: var(--spacing--mini);
  }

  .footer__top {
    grid-column-gap: var(--spacing--small);
    grid-row-gap: var(--spacing--small);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .nav__menu--item {
    position: static;
  }

  .nav__menu--item.is--btn {
    padding-right: var(--spacing--xmini);
    padding-left: var(--spacing--xmini);
  }

  .footer__inner {
    padding-left: 0;
    padding-right: 0;
  }

  .footer__bottom {
    grid-column-gap: var(--spacing--small);
    grid-row-gap: var(--spacing--small);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer__bottom-menu--item {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .h-commerce__visual {
    border-bottom-style: none;
    height: 21.875em;
  }

  .h-commerce__visual.is--first {
    border-top-style: none;
    border-bottom-style: none;
  }

  .h-commerce__visual.is--last {
    border-bottom-style: solid;
  }

  .h-products__visual--bottom {
    padding-right: var(--spacing--xxsmall);
    padding-left: var(--spacing--xxsmall);
    height: 35%;
  }

  .h-products__title.h3 {
    font-size: 1.5em;
  }

  .h-roadmap__inner--bottom.is--right {
    width: 100%;
  }

  .swiper-slide.h-products__item {
    height: 27em;
    min-height: 27em;
  }

  .swiper-slide.h-products__item.is--first {
    padding-top: 0;
  }

  .swiper-slide.h-roadmap__item {
    width: 100%;
  }

  .h-roadmap__item--header {
    padding: var(--spacing--small) var(--spacing--xxsmall);
  }

  .h-roadmap__item--link {
    padding-right: var(--spacing--xxsmall);
    padding-left: var(--spacing--xxsmall);
  }

  .h-roadmap__link--info.h-eyebrow.is--large, .h-roadmap__link--info.h-eyebrow.is--small {
    font-size: var(--text--small);
  }

  .h-roadmap__link--main {
    grid-column-gap: 1.375em;
    grid-row-gap: 1.375em;
  }

  .h-roadmap__link--title.h4.is--small {
    font-size: 1.375em;
  }

  .nav__menu--dropdown {
    min-width: 21em;
    top: 3em;
    left: 1em;
    right: 1em;
  }

  .h-products__item--p.text-regular {
    font-size: var(--text--small);
  }
}

#w-node-_3263d398-41c6-a640-61b8-180f8bae263c-8bae2637 {
  order: 0;
  place-self: start end;
}

#w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8ea-1ed9b8e7, #w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8eb-1ed9b8e7, #w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8ec-1ed9b8e7, #w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8ed-1ed9b8e7, #w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8ee-1ed9b8e7, #w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8ef-1ed9b8e7, #w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8f0-1ed9b8e7, #w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8f1-1ed9b8e7, #w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8f2-1ed9b8e7, #w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8f3-1ed9b8e7, #w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8f4-1ed9b8e7, #w-node-_6ade5ba1-6b3d-6479-dda5-c3ac1ed9b8f5-1ed9b8e7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f70d-437c7004 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f70f-437c7004 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#typography.w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f715-437c7004 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f717-437c7004 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f71d-437c7004 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f720-437c7004 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f724-437c7004 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f727-437c7004 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f72b-437c7004 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f72e-437c7004 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f732-437c7004 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f735-437c7004 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_03c623b8-8a68-f2b1-5345-a913fcf4b352-437c7004 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_03c623b8-8a68-f2b1-5345-a913fcf4b355-437c7004 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f75f-437c7004 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f762-437c7004, #w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f765-437c7004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f769-437c7004 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f76c-437c7004, #w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f76f-437c7004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f773-437c7004 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f776-437c7004, #w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f779-437c7004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6eb985f2-5b47-a8c1-5672-edbd3b10f7c5-437c7004 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}


@font-face {
  font-family: 'TT Hoves Pro Trial';
  src: url('../fonts/TT-Hoves-Pro-Trial-Variable.ttf') format('truetype');
  font-weight: 50 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Hoves Pro Mono';
  src: url('../fonts/TT_Hoves_Pro_Mono_Trial_VF.ttf') format('truetype');
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/InterVariable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('../fonts/GeistMonowght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}