@charset "UTF-8";
@import "https://use.typekit.net/zei5man.css";
:root {
  --space-3xs: clamp(0.25rem, 0.2411rem + 0.0446vi, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.4821rem + 0.0893vi, 0.625rem);
  --space-xs: clamp(0.75rem, 0.7232rem + 0.1339vi, 0.9375rem);
  --space-s: clamp(1rem, 0.9643rem + 0.1786vi, 1.25rem);
  --space-m: clamp(1.5rem, 1.4464rem + 0.2679vi, 1.875rem);
  --space-l: clamp(2rem, 1.9286rem + 0.3571vi, 2.5rem);
  --space-xl: clamp(3rem, 2.8929rem + 0.5357vi, 3.75rem);
  --space-2xl: clamp(4rem, 3.8571rem + 0.7143vi, 5rem);
  --space-3xl: clamp(5rem, 4.8214rem + 0.8929vi, 6.25rem);
  --space-4xl: clamp(6rem, 5.7857rem + 1.0714vi, 7.5rem);
  --space-5xl: clamp(7rem, 6.75rem + 1.25vi, 8.75rem);
  --space-6xl: clamp(8rem, 7.7143rem + 1.4286vi, 10rem);
  --space-7xl: clamp(9rem, 8.6786rem + 1.6071vi, 11.25rem);
  --space-8xl: clamp(10rem, 9.6429rem + 1.7857vi, 12.5rem);
  --space-3xs-2xs: clamp(0.25rem, 0.1964rem + 0.2679vi, 0.625rem);
  --space-2xs-xs: clamp(0.5rem, 0.4375rem + 0.3125vi, 0.9375rem);
  --space-xs-s: clamp(0.75rem, 0.6786rem + 0.3571vi, 1.25rem);
  --space-s-m: clamp(1rem, 0.875rem + 0.625vi, 1.875rem);
  --space-m-l: clamp(1.5rem, 1.3571rem + 0.7143vi, 2.5rem);
  --space-l-xl: clamp(2rem, 1.75rem + 1.25vi, 3.75rem);
  --space-xl-2xl: clamp(3rem, 2.7143rem + 1.4286vi, 5rem);
  --space-2xl-3xl: clamp(4rem, 3.6786rem + 1.6071vi, 6.25rem);
  --space-3xl-4xl: clamp(5rem, 4.6429rem + 1.7857vi, 7.5rem);
  --space-4xl-5xl: clamp(6rem, 5.6071rem + 1.9643vi, 8.75rem);
  --space-5xl-6xl: clamp(7rem, 6.5714rem + 2.1429vi, 10rem);
  --space-6xl-7xl: clamp(8rem, 7.5357rem + 2.3214vi, 11.25rem);
  --space-7xl-8xl: clamp(9rem, 8.5rem + 2.5vi, 12.5rem);
  --space-xs-m: clamp(0.75rem, 0.5893rem + 0.8036vi, 1.875rem);
  --space-4xl-8xl: clamp(6rem, 5.0714rem + 4.6429vi, 12.5rem);
  --space-s-l: clamp(1rem, 0.7857rem + 1.0714vi, 2.5rem);
  --space-2xl-8xl: clamp(4rem, 2.7857rem + 6.0714vi, 12.5rem);
  --space-2xl-5xl: clamp(4rem, 3.3214rem + 3.3929vw, 8.75rem);
}
@font-face {
  font-family: IBM Plex Mono;
  src: url(/assets/fonts/IBMPlexMono-Regular.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  --initial-vh: 1vh;
  --actual-vh: 1vh;
  --body-font-size: var(--fluid-16-18);
  --font-family-heading: "neue-haas-grotesk-display", sans-serif;
  --font-family-body: "neue-haas-grotesk-text", sans-serif;
  --body-background-color: #19101c;
  --body-text-color: var(--color-white);
  --body-line-height: 1.5;
  --column-width: calc(
    (100vw - var(--container-padding) * 2 - var(--gutter) * 11) / 12
  );
  --column-width-gutter: calc(var(--column-width) + var(--gutter));
  --column-width-2-gutter: calc(var(--column-width) + var(--gutter) * 2);
  --site-header-height: calc(var(--space-xl-2xl) * 1.1);
  --height-without-header: calc(var(--vh) * 100 - var(--site-header-height));
  --fast-start-easing: cubic-bezier(0.17, 0.67, 0.1, 0.99);
  --faster-start-easing: cubic-bezier(0.19, 1, 0.22, 1);
  --slow-start-easing: cubic-bezier(0.73, 0, 0, 1);
  --content-list-image-size: calc(var(--space-8xl) * 1.2);
  --container-padding: 20px;
  --gutter: 10px;
  --color-error: #ff1a1a;
  --color-white: #f2f5fa;
  --color-black: #000000;
  --color-orange: #ec5d40;
  --color-primary: #2622f7;
  --color-light-gray: #fff2e2;
  --color-primary-01: #4991e5;
  --color-primary-02: #39bdd6;
  --color-primary-03: #3bd4cb;
  --color-primary-04: #bad7f5;
  --color-primary-05: #e4ecf4;
  --color-gray: #a7a6a6;
  --color-gray-light: #c8c7c7;
  --color-gray-dark: rgba(15, 19, 28, 0.831372549);
  --color-dark: #121111;
  --breakpoints-xs: 0;
  --breakpoints-ss: 360px;
  --breakpoints-sm: 940px;
  --breakpoints-md: 1024px;
  --breakpoints-md2: 1155px;
  --breakpoints-ml: 1340px;
  --breakpoints-lg: 1440px;
  --breakpoints-lg2: 1600px;
  --breakpoints-xl: 1960px;
  --breakpoints-xxl: 2400px;
}
@media (min-width: 940px) {
  :root {
    --container-padding: 3vw;
  }
}
@media (min-width: 940px) {
  :root {
    --gutter: 1vw;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
* {
  padding: 0;
  margin: 0;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--body-background-color, #fff);
  color: var(--body-text-color, #000);
  font-family: var(--font-family-body);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 400);
  line-height: var(--body-line-height, 1.5);
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  text-size-adjust: 100%;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  width: 100%;
  max-width: 100%;
}
article,
figure,
footer,
header,
aside,
main,
nav {
  display: block;
}
input,
button,
select,
optgroup,
textarea {
  color: var(--body-text-color, currentcolor);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
table {
  border-collapse: collapse;
}
a[href^="tel:"] {
  text-decoration: none !important;
}
a[href^="mailto:"] {
  user-select: auto !important;
}
button,
[role="button"] {
  padding: 0;
  border: none;
  margin: 0;
  appearance: none;
  background: none;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  user-select: none;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  border: 0;
}
svg,
symbol {
  overflow: visible;
}
iframe {
  border: none;
}
dfn {
  font-style: normal;
}
abbr {
  text-decoration: none;
}
hr {
  height: 0;
  color: inherit;
}
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo,
    monospace;
  font-size: 1em;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
html,
body {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
  font-synthesis: none;
  text-rendering: optimizelegibility;
}
img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
button,
input,
textarea,
img,
picture,
canvas,
svg {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
::-moz-selection {
  color: var(--color-white);
  background: #267ee2;
}
::selection {
  color: var(--color-white);
  background: #267ee2;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: var(--color-white);
}
html.no-js body {
  display: none;
}
html {
  scrollbar-width: none !important;
  -ms-overflow-style: none;
}
html body::-webkit-scrollbar {
  display: none;
}
#canvas {
  display: none;
  pointer-events: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.is-ready #canvas {
  display: block;
}
#ui {
  display: none;
  width: 100%;
  pointer-events: none;
}
.is-ready #ui {
  display: block;
  pointer-events: auto;
}
#ui.is-hidden,
#ui.is-hidden * {
  display: none;
  pointer-events: none;
}
#pages-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.page {
  position: relative;
  width: 100%;
  opacity: 0;
}
.section {
  position: relative;
}
a {
  color: currentcolor;
  outline: none;
  text-decoration: none;
  -webkit-touch-callout: none;
  user-select: none;
}
a:hover {
  text-decoration: none;
}
*:focus {
  outline: none;
}
ul {
  list-style: none;
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.o-rimlight {
  --rim-angle: 0;
  --border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
}
.o-rimlight:before,
.o-rimlight:after {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -1px;
  top: -1px;
  border-radius: var(--border-radius);
  padding: 1px;
  background-image: conic-gradient(
    from var(--rim-angle),
    rgb(57, 189, 214) 0%,
    rgba(73, 145, 229, 0.5) 15%,
    transparent 30%,
    transparent 35%,
    rgba(73, 145, 229, 0.18) 50%,
    transparent 65%,
    transparent 75%,
    rgba(73, 145, 229, 0.2) 95%,
    rgb(57, 189, 214)
  );
}
.o-rimlight:before {
  filter: blur(5px);
  opacity: 0.5;
}
:root {
  --font-base-multiplier: 1;
  --fluid-36-60: calc(
    clamp(2.25rem, 1.5825rem + 2.8479vw, 4rem) * var(--font-base-multiplier)
  );
  --fluid-36-50: calc(
    clamp(2.25rem, 1rem + 2.2479vw, 4rem) * var(--font-base-multiplier)
  );
  --fluid-22-40: calc(
    clamp(1.375rem, 1.1019rem + 1.165vw, 3.625rem) * var(--font-base-multiplier)
  );
  --fluid-20-30: calc(
    clamp(1.25rem, 1.0983rem + 0.6472vw, 2.5rem) * var(--font-base-multiplier)
  );
  --fluid-18-30: calc(
    clamp(1.125rem, 0.943rem + 0.7767vw, 1.875rem) * var(--font-base-multiplier)
  );
  --fluid-16-22: calc(
    clamp(1rem, 0.909rem + 0.3883vw, 1.375rem) * var(--font-base-multiplier)
  );
  --fluid-16-18: calc(
    clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem) * var(--font-base-multiplier)
  );
  --fluid-14-18: calc(
    clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem) *
      var(--font-base-multiplier)
  );
  --fluid-14-16: calc(
    clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem) * var(--font-base-multiplier)
  );
  --fluid-12-16: calc(
    clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem) * var(--font-base-multiplier)
  );
  --fluid-30-16: calc(
    clamp(1rem, 2.0874rem + -0.9061vw, 1.875rem) * var(--font-base-multiplier)
  );
  --h1: var(--fluid-36-60);
  --h2: var(--fluid-22-40);
  --h3: var(--fluid-20-30);
  --h4: var(--fluid-18-30);
  --h5: var(--fluid-12-16);
  --h6: var(--fluid-16-22);
  --h7: var(--fluid-12-16);
  --body1: var(--fluid-14-18);
  --body2: var(--fluid-12-16);
  --link-header-internal: 16px;
  --link-header-external: 16px;
  --btn1: var(--fluid-16-18);
  --btn2: var(--fluid-14-16);
  --link-footer: 16px;
}
@media (max-width: 939.98px) {
  :root {
    --font-base-multiplier: 1.2;
  }
}
@media (max-width: 359.98px) {
  :root {
    --font-base-multiplier: 1;
  }
}
@media (min-width: 1960px) {
  :root {
    --multiplier: 1.25;
    --fluid-36-60: calc(
      clamp(2.25rem, 1.5825rem + 2.8479vw, 4rem) * var(--multiplier)
    );
    --fluid-36-50: calc(
      clamp(2.25rem, 1.5825rem + 2.8479vw, 4rem) * var(--font-base-multiplier)
    );
    --fluid-22-40: calc(
      clamp(1.375rem, 1.1019rem + 1.165vw, 3.625rem) * var(--multiplier)
    );
    --fluid-20-30: calc(
      clamp(1.25rem, 1.0983rem + 0.6472vw, 2.5rem) * var(--multiplier)
    );
    --fluid-18-30: calc(
      clamp(1.125rem, 0.943rem + 0.7767vw, 1.875rem) * var(--multiplier)
    );
    --fluid-16-18: calc(
      clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem) * var(--multiplier)
    );
    --fluid-14-18: calc(
      clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem) * var(--multiplier)
    );
    --fluid-14-16: calc(
      clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem) * var(--multiplier)
    );
    --fluid-12-16: calc(
      clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem) * var(--multiplier)
    );
    --fluid-30-16: calc(
      clamp(1rem, 2.0874rem + -0.9061vw, 1.875rem) * var(--multiplier)
    );
  }
}
@media (max-width: 359.98px) {
  :root {
    --link-header-internal: 14px;
    --link-header-external: 14px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-heading);
  font-weight: 400;
  line-height: calc(1.1em + 4px);
}
h1,
h2,
h3 {
  font-size: var(--h3);
}
h4 {
  font-size: var(--h4);
}
h5 {
  font-size: var(--h5);
}
h6 {
  font-size: var(--h6);
}
.o-bar {
  position: relative;
  z-index: 5;
  background-color: var(--color-white);
  perspective: 1000px;
}
.o-bar__outer-wrapper {
  transform: translateY(0) rotateX(-90deg) rotateY(-2deg);
  transform-origin: 50% 0;
  transition: transform 2s var(--fast-start-easing);
  will-change: transform;
}
.o-bar.is-inview .o-bar__outer-wrapper {
  transform: none;
}
.o-bar__inner-wrapper:before {
  position: absolute;
  top: 0;
  right: calc(-1 * var(--container-padding));
  left: calc(-1 * var(--container-padding));
  height: 1px;
  content: "";
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 2s 0.1s var(--fast-start-easing);
  will-change: transform;
}
.o-bar.is-inview .o-bar__inner-wrapper:before {
  transform: none;
}
.o-bar__inner-wrapper:after {
  position: absolute;
  right: calc(-1 * var(--container-padding));
  bottom: 0;
  left: calc(-1 * var(--container-padding));
  height: 1px;
  content: "";
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 2s 0s var(--fast-start-easing);
  will-change: transform;
}
.o-bar.is-inview .o-bar__inner-wrapper:after {
  transform: none;
}
.o-bar__inner-wrapper .line {
  overflow: hidden;
  perspective: 1000px;
}
.o-bar__inner-wrapper .line-inner {
  display: inline-block;
  transform: translateY(100%);
  transform-origin: center;
  transition: transform 1s calc(var(--index) * 0.1s + 0.25s)
    var(--fast-start-easing);
  will-change: transform;
}
.o-bar.is-inview .o-bar__inner-wrapper .line-inner {
  transform: none;
}
.o-bar__item {
  padding: var(--space-s) 0;
  font-size: var(--sub4);
  line-height: 1.1;
}
.o-bar__item:nth-child(1) {
  --column-span: 3;
}
.o-bar__item:nth-child(2) {
  --column-span: 4;
}
.o-bar__item:nth-child(3) {
  --column-start: 8;
  --column-span: 3;
}
.o-bar__item:nth-child(4) {
  --column-span: 2;
  text-align: right;
}
@media (max-width: 939.98px) {
  .o-bar__item:nth-child(n + 3) {
    display: none;
  }
  .o-bar__item:nth-child(1) {
    --column-span: 6;
  }
  .o-bar__item:nth-child(2) {
    --column-span: 6;
    text-align: right;
  }
}
@media (max-width: 939.98px) {
  .o-bar__item.o-bar__item--mobile {
    display: block;
  }
  .o-bar__item.o-bar__item--mobile:nth-child(5) {
    --column-span: 6;
    display: flex;
    align-items: center;
  }
  .o-bar__item.o-bar__item--mobile:nth-child(6) {
    --column-span: 3;
    text-align: left;
  }
  .o-bar__item.o-bar__item--mobile:nth-child(7) {
    --column-span: 3;
    text-align: right;
  }
  .o-bar__item.o-bar__item--mobile .o-icon {
    margin-right: var(--space-3xs);
  }
}
@media (min-width: 940px) {
  .o-bar__item--mobile {
    display: none;
  }
}
@media (max-width: 939.98px) {
  .o-bar__item--desktop {
    display: none;
  }
}
.o-button {
  text-transform: uppercase;
  font-family: var(--font-family-heading);
  color: var(--color-white);
  font-size: calc(var(--h7) + 3px);
  line-height: 1;
  padding: 1em 2em;
  min-width: 26ch;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.o-button:before {
  z-index: -1;
  content: "";
  position: absolute;
  inset: 0;
  transition: transform 0.9s cubic-bezier(0.87, -0.61, 0.18, 0.99);
}
.o-button:hover span span:first-child {
  transform: translateY(-100%) scale(1.1);
}
.o-button:hover span span:last-child {
  transform: translate(-50%, -50%) scale(1.1);
}
.o-button:hover:before {
  transform: scale(0.85);
}
.o-button span {
  display: block;
}
.o-button > span {
  position: relative;
  overflow: hidden;
}
.o-button span span {
  transition: transform 1s var(--fast-start-easing);
  white-space: nowrap;
  padding-top: 0.2em;
}
.o-button span span:last-child {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 55%);
}
.o-button--primary:before {
  background: var(--color-primary);
}
.o-button--secondary:before {
  background: var(--color-orange);
}
.o-container {
  width: 100%;
  max-width: var(--grid-max-width);
  padding-right: var(--container-padding);
  padding-left: var(--container-padding);
  margin-right: auto;
  margin-left: auto;
}
.credits__logo {
  position: relative;
  display: inline-block;
  margin-left: 0.75em;
}
.credits__logo-inner {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  height: 1em;
  top: 0.1em;
  width: 0.75em;
  line-height: 1em;
  font-size: 1.25em;
}
.credits__logo-inner:before,
.credits__logo-inner:after {
  content: "";
  position: absolute;
  background-color: #fff;
}
.credits__logo-inner:before {
  width: 0.25em;
  height: 0.75em;
}
.credits__logo-inner:after {
  position: absolute;
  left: 0.25em;
  top: 0.75em;
  width: 0.5em;
  height: 0.25em;
}
.o-grid {
  display: grid;
  gap: var(--gutter-y, 0) var(--gutter-x, var(--gutter));
  grid-template-columns: repeat(var(--columns, 12), 1fr);
  grid-template-rows: repeat(var(--rows, 1), 1fr);
}
.o-grid > * {
  grid-column: auto/span var(--column-span, 12);
  grid-column-start: var(--column-start, auto);
}
.o-col-1 {
  --column-span: 1;
}
.o-col-2 {
  --column-span: 2;
}
.o-col-3 {
  --column-span: 3;
}
.o-col-4 {
  --column-span: 4;
}
.o-col-5 {
  --column-span: 5;
}
.o-col-6 {
  --column-span: 6;
}
.o-col-7 {
  --column-span: 7;
}
.o-col-8 {
  --column-span: 8;
}
.o-col-9 {
  --column-span: 9;
}
.o-col-10 {
  --column-span: 10;
}
.o-col-11 {
  --column-span: 11;
}
.o-col-12 {
  --column-span: 12;
}
.o-col-start-1 {
  --column-start: 1;
}
.o-col-start-2 {
  --column-start: 2;
}
.o-col-start-3 {
  --column-start: 3;
}
.o-col-start-4 {
  --column-start: 4;
}
.o-col-start-5 {
  --column-start: 5;
}
.o-col-start-6 {
  --column-start: 6;
}
.o-col-start-7 {
  --column-start: 7;
}
.o-col-start-8 {
  --column-start: 8;
}
.o-col-start-9 {
  --column-start: 9;
}
.o-col-start-10 {
  --column-start: 10;
}
.o-col-start-11 {
  --column-start: 11;
}
@media (min-width: 360px) {
  .o-col-ss-1 {
    --column-span: 1;
  }
  .o-col-ss-2 {
    --column-span: 2;
  }
  .o-col-ss-3 {
    --column-span: 3;
  }
  .o-col-ss-4 {
    --column-span: 4;
  }
  .o-col-ss-5 {
    --column-span: 5;
  }
  .o-col-ss-6 {
    --column-span: 6;
  }
  .o-col-ss-7 {
    --column-span: 7;
  }
  .o-col-ss-8 {
    --column-span: 8;
  }
  .o-col-ss-9 {
    --column-span: 9;
  }
  .o-col-ss-10 {
    --column-span: 10;
  }
  .o-col-ss-11 {
    --column-span: 11;
  }
  .o-col-ss-12 {
    --column-span: 12;
  }
  .o-col-start-ss-1 {
    --column-start: 1;
  }
  .o-col-start-ss-2 {
    --column-start: 2;
  }
  .o-col-start-ss-3 {
    --column-start: 3;
  }
  .o-col-start-ss-4 {
    --column-start: 4;
  }
  .o-col-start-ss-5 {
    --column-start: 5;
  }
  .o-col-start-ss-6 {
    --column-start: 6;
  }
  .o-col-start-ss-7 {
    --column-start: 7;
  }
  .o-col-start-ss-8 {
    --column-start: 8;
  }
  .o-col-start-ss-9 {
    --column-start: 9;
  }
  .o-col-start-ss-10 {
    --column-start: 10;
  }
  .o-col-start-ss-11 {
    --column-start: 11;
  }
}
@media (min-width: 940px) {
  .o-col-sm-1 {
    --column-span: 1;
  }
  .o-col-sm-2 {
    --column-span: 2;
  }
  .o-col-sm-3 {
    --column-span: 3;
  }
  .o-col-sm-4 {
    --column-span: 4;
  }
  .o-col-sm-5 {
    --column-span: 5;
  }
  .o-col-sm-6 {
    --column-span: 6;
  }
  .o-col-sm-7 {
    --column-span: 7;
  }
  .o-col-sm-8 {
    --column-span: 8;
  }
  .o-col-sm-9 {
    --column-span: 9;
  }
  .o-col-sm-10 {
    --column-span: 10;
  }
  .o-col-sm-11 {
    --column-span: 11;
  }
  .o-col-sm-12 {
    --column-span: 12;
  }
  .o-col-start-sm-1 {
    --column-start: 1;
  }
  .o-col-start-sm-2 {
    --column-start: 2;
  }
  .o-col-start-sm-3 {
    --column-start: 3;
  }
  .o-col-start-sm-4 {
    --column-start: 4;
  }
  .o-col-start-sm-5 {
    --column-start: 5;
  }
  .o-col-start-sm-6 {
    --column-start: 6;
  }
  .o-col-start-sm-7 {
    --column-start: 7;
  }
  .o-col-start-sm-8 {
    --column-start: 8;
  }
  .o-col-start-sm-9 {
    --column-start: 9;
  }
  .o-col-start-sm-10 {
    --column-start: 10;
  }
  .o-col-start-sm-11 {
    --column-start: 11;
  }
}
@media (min-width: 1024px) {
  .o-col-md-1 {
    --column-span: 1;
  }
  .o-col-md-2 {
    --column-span: 2;
  }
  .o-col-md-3 {
    --column-span: 3;
  }
  .o-col-md-4 {
    --column-span: 4;
  }
  .o-col-md-5 {
    --column-span: 5;
  }
  .o-col-md-6 {
    --column-span: 6;
  }
  .o-col-md-7 {
    --column-span: 7;
  }
  .o-col-md-8 {
    --column-span: 8;
  }
  .o-col-md-9 {
    --column-span: 9;
  }
  .o-col-md-10 {
    --column-span: 10;
  }
  .o-col-md-11 {
    --column-span: 11;
  }
  .o-col-md-12 {
    --column-span: 12;
  }
  .o-col-start-md-1 {
    --column-start: 1;
  }
  .o-col-start-md-2 {
    --column-start: 2;
  }
  .o-col-start-md-3 {
    --column-start: 3;
  }
  .o-col-start-md-4 {
    --column-start: 4;
  }
  .o-col-start-md-5 {
    --column-start: 5;
  }
  .o-col-start-md-6 {
    --column-start: 6;
  }
  .o-col-start-md-7 {
    --column-start: 7;
  }
  .o-col-start-md-8 {
    --column-start: 8;
  }
  .o-col-start-md-9 {
    --column-start: 9;
  }
  .o-col-start-md-10 {
    --column-start: 10;
  }
  .o-col-start-md-11 {
    --column-start: 11;
  }
}
@media (min-width: 1155px) {
  .o-col-md2-1 {
    --column-span: 1;
  }
  .o-col-md2-2 {
    --column-span: 2;
  }
  .o-col-md2-3 {
    --column-span: 3;
  }
  .o-col-md2-4 {
    --column-span: 4;
  }
  .o-col-md2-5 {
    --column-span: 5;
  }
  .o-col-md2-6 {
    --column-span: 6;
  }
  .o-col-md2-7 {
    --column-span: 7;
  }
  .o-col-md2-8 {
    --column-span: 8;
  }
  .o-col-md2-9 {
    --column-span: 9;
  }
  .o-col-md2-10 {
    --column-span: 10;
  }
  .o-col-md2-11 {
    --column-span: 11;
  }
  .o-col-md2-12 {
    --column-span: 12;
  }
  .o-col-start-md2-1 {
    --column-start: 1;
  }
  .o-col-start-md2-2 {
    --column-start: 2;
  }
  .o-col-start-md2-3 {
    --column-start: 3;
  }
  .o-col-start-md2-4 {
    --column-start: 4;
  }
  .o-col-start-md2-5 {
    --column-start: 5;
  }
  .o-col-start-md2-6 {
    --column-start: 6;
  }
  .o-col-start-md2-7 {
    --column-start: 7;
  }
  .o-col-start-md2-8 {
    --column-start: 8;
  }
  .o-col-start-md2-9 {
    --column-start: 9;
  }
  .o-col-start-md2-10 {
    --column-start: 10;
  }
  .o-col-start-md2-11 {
    --column-start: 11;
  }
}
@media (min-width: 1340px) {
  .o-col-ml-1 {
    --column-span: 1;
  }
  .o-col-ml-2 {
    --column-span: 2;
  }
  .o-col-ml-3 {
    --column-span: 3;
  }
  .o-col-ml-4 {
    --column-span: 4;
  }
  .o-col-ml-5 {
    --column-span: 5;
  }
  .o-col-ml-6 {
    --column-span: 6;
  }
  .o-col-ml-7 {
    --column-span: 7;
  }
  .o-col-ml-8 {
    --column-span: 8;
  }
  .o-col-ml-9 {
    --column-span: 9;
  }
  .o-col-ml-10 {
    --column-span: 10;
  }
  .o-col-ml-11 {
    --column-span: 11;
  }
  .o-col-ml-12 {
    --column-span: 12;
  }
  .o-col-start-ml-1 {
    --column-start: 1;
  }
  .o-col-start-ml-2 {
    --column-start: 2;
  }
  .o-col-start-ml-3 {
    --column-start: 3;
  }
  .o-col-start-ml-4 {
    --column-start: 4;
  }
  .o-col-start-ml-5 {
    --column-start: 5;
  }
  .o-col-start-ml-6 {
    --column-start: 6;
  }
  .o-col-start-ml-7 {
    --column-start: 7;
  }
  .o-col-start-ml-8 {
    --column-start: 8;
  }
  .o-col-start-ml-9 {
    --column-start: 9;
  }
  .o-col-start-ml-10 {
    --column-start: 10;
  }
  .o-col-start-ml-11 {
    --column-start: 11;
  }
}
@media (min-width: 1440px) {
  .o-col-lg-1 {
    --column-span: 1;
  }
  .o-col-lg-2 {
    --column-span: 2;
  }
  .o-col-lg-3 {
    --column-span: 3;
  }
  .o-col-lg-4 {
    --column-span: 4;
  }
  .o-col-lg-5 {
    --column-span: 5;
  }
  .o-col-lg-6 {
    --column-span: 6;
  }
  .o-col-lg-7 {
    --column-span: 7;
  }
  .o-col-lg-8 {
    --column-span: 8;
  }
  .o-col-lg-9 {
    --column-span: 9;
  }
  .o-col-lg-10 {
    --column-span: 10;
  }
  .o-col-lg-11 {
    --column-span: 11;
  }
  .o-col-lg-12 {
    --column-span: 12;
  }
  .o-col-start-lg-1 {
    --column-start: 1;
  }
  .o-col-start-lg-2 {
    --column-start: 2;
  }
  .o-col-start-lg-3 {
    --column-start: 3;
  }
  .o-col-start-lg-4 {
    --column-start: 4;
  }
  .o-col-start-lg-5 {
    --column-start: 5;
  }
  .o-col-start-lg-6 {
    --column-start: 6;
  }
  .o-col-start-lg-7 {
    --column-start: 7;
  }
  .o-col-start-lg-8 {
    --column-start: 8;
  }
  .o-col-start-lg-9 {
    --column-start: 9;
  }
  .o-col-start-lg-10 {
    --column-start: 10;
  }
  .o-col-start-lg-11 {
    --column-start: 11;
  }
}
@media (min-width: 1600px) {
  .o-col-lg2-1 {
    --column-span: 1;
  }
  .o-col-lg2-2 {
    --column-span: 2;
  }
  .o-col-lg2-3 {
    --column-span: 3;
  }
  .o-col-lg2-4 {
    --column-span: 4;
  }
  .o-col-lg2-5 {
    --column-span: 5;
  }
  .o-col-lg2-6 {
    --column-span: 6;
  }
  .o-col-lg2-7 {
    --column-span: 7;
  }
  .o-col-lg2-8 {
    --column-span: 8;
  }
  .o-col-lg2-9 {
    --column-span: 9;
  }
  .o-col-lg2-10 {
    --column-span: 10;
  }
  .o-col-lg2-11 {
    --column-span: 11;
  }
  .o-col-lg2-12 {
    --column-span: 12;
  }
  .o-col-start-lg2-1 {
    --column-start: 1;
  }
  .o-col-start-lg2-2 {
    --column-start: 2;
  }
  .o-col-start-lg2-3 {
    --column-start: 3;
  }
  .o-col-start-lg2-4 {
    --column-start: 4;
  }
  .o-col-start-lg2-5 {
    --column-start: 5;
  }
  .o-col-start-lg2-6 {
    --column-start: 6;
  }
  .o-col-start-lg2-7 {
    --column-start: 7;
  }
  .o-col-start-lg2-8 {
    --column-start: 8;
  }
  .o-col-start-lg2-9 {
    --column-start: 9;
  }
  .o-col-start-lg2-10 {
    --column-start: 10;
  }
  .o-col-start-lg2-11 {
    --column-start: 11;
  }
}
@media (min-width: 1960px) {
  .o-col-xl-1 {
    --column-span: 1;
  }
  .o-col-xl-2 {
    --column-span: 2;
  }
  .o-col-xl-3 {
    --column-span: 3;
  }
  .o-col-xl-4 {
    --column-span: 4;
  }
  .o-col-xl-5 {
    --column-span: 5;
  }
  .o-col-xl-6 {
    --column-span: 6;
  }
  .o-col-xl-7 {
    --column-span: 7;
  }
  .o-col-xl-8 {
    --column-span: 8;
  }
  .o-col-xl-9 {
    --column-span: 9;
  }
  .o-col-xl-10 {
    --column-span: 10;
  }
  .o-col-xl-11 {
    --column-span: 11;
  }
  .o-col-xl-12 {
    --column-span: 12;
  }
  .o-col-start-xl-1 {
    --column-start: 1;
  }
  .o-col-start-xl-2 {
    --column-start: 2;
  }
  .o-col-start-xl-3 {
    --column-start: 3;
  }
  .o-col-start-xl-4 {
    --column-start: 4;
  }
  .o-col-start-xl-5 {
    --column-start: 5;
  }
  .o-col-start-xl-6 {
    --column-start: 6;
  }
  .o-col-start-xl-7 {
    --column-start: 7;
  }
  .o-col-start-xl-8 {
    --column-start: 8;
  }
  .o-col-start-xl-9 {
    --column-start: 9;
  }
  .o-col-start-xl-10 {
    --column-start: 10;
  }
  .o-col-start-xl-11 {
    --column-start: 11;
  }
}
@media (min-width: 2400px) {
  .o-col-xxl-1 {
    --column-span: 1;
  }
  .o-col-xxl-2 {
    --column-span: 2;
  }
  .o-col-xxl-3 {
    --column-span: 3;
  }
  .o-col-xxl-4 {
    --column-span: 4;
  }
  .o-col-xxl-5 {
    --column-span: 5;
  }
  .o-col-xxl-6 {
    --column-span: 6;
  }
  .o-col-xxl-7 {
    --column-span: 7;
  }
  .o-col-xxl-8 {
    --column-span: 8;
  }
  .o-col-xxl-9 {
    --column-span: 9;
  }
  .o-col-xxl-10 {
    --column-span: 10;
  }
  .o-col-xxl-11 {
    --column-span: 11;
  }
  .o-col-xxl-12 {
    --column-span: 12;
  }
  .o-col-start-xxl-1 {
    --column-start: 1;
  }
  .o-col-start-xxl-2 {
    --column-start: 2;
  }
  .o-col-start-xxl-3 {
    --column-start: 3;
  }
  .o-col-start-xxl-4 {
    --column-start: 4;
  }
  .o-col-start-xxl-5 {
    --column-start: 5;
  }
  .o-col-start-xxl-6 {
    --column-start: 6;
  }
  .o-col-start-xxl-7 {
    --column-start: 7;
  }
  .o-col-start-xxl-8 {
    --column-start: 8;
  }
  .o-col-start-xxl-9 {
    --column-start: 9;
  }
  .o-col-start-xxl-10 {
    --column-start: 10;
  }
  .o-col-start-xxl-11 {
    --column-start: 11;
  }
}
.o-icon {
  display: inline-block;
  width: var(--size, var(--body-font-size, 20px));
  height: var(--size, var(--body-font-size, 20px));
  flex-shrink: 0;
  fill: none;
  font-size: 0;
  stroke: currentcolor;
  stroke-width: var(--stroke-width, 1.4px);
  vertical-align: middle;
  pointer-events: none;
}
.o-icon--linkedin,
.o-icon--vimeo,
.o-icon--instagram {
  width: calc(var(--body-font-size) + 2px);
  height: calc(var(--body-font-size) + 2px);
  fill: currentcolor;
  stroke: none;
}
.o-icon--logo-condensed {
  width: 49px;
  height: 36px;
  fill: currentcolor;
  stroke: none;
}
.o-icon__svg {
  width: 100%;
  height: 100%;
}
.o-integration-card {
  position: relative;
  cursor: pointer;
  padding-bottom: 160%;
}
.o-integration-card__wrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 6px;
  background: var(--color-primary-05);
}
.o-integration-card:hover .o-integration-card__wrapper:before {
  opacity: 1;
  transform: scaleX(2);
}
.o-integration-card__wrapper:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #498cdb, #4cb8d4, #6bebcf);
  opacity: 0;
  transform: scaleY(4) scaleX(2) rotate(-180deg);
  transition: opacity 1s var(--fast-start-easing),
    transform 2s var(--fast-start-easing);
}
.o-integration-card__top {
  white-space: nowrap;
  font-size: var(--h5);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  color: var(--color-white);
  padding-top: 1em;
  transition: transform 1s var(--fast-start-easing),
    opacity 1s var(--fast-start-easing);
  opacity: 0;
}
@media (hover: hover) {
  .o-integration-card:hover .o-integration-card__top {
    transition: transform 1s var(--fast-start-easing),
      opacity 1s var(--fast-start-easing);
    opacity: 1;
    transform: translate(-50%);
  }
}
.o-integration-card__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateZ(1px);
  transition: transform 1s var(--fast-start-easing);
}
@media (hover: hover) {
  .o-integration-card:hover .o-integration-card__logo {
    transform: translate(-50%, -50%) scale(1.1) translateZ(1px);
  }
  .o-integration-card:hover .o-integration-card__logo .o-icon:last-child {
    opacity: 1;
  }
}
.o-integration-card__logo .o-icon {
  width: 2.8vw;
  height: 2.8vw;
  stroke: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 939.98px) {
  .o-integration-card__logo .o-icon {
    width: 8vw;
    height: 8vw;
  }
}
.o-integration-card__logo .o-icon:first-child {
  fill: #a7bcdb;
}
#home-integration__cards-mobile
  .o-integration-card:hover
  .o-integration-card__logo
  .o-icon:first-child {
  fill: #fff;
}
.o-integration-card__logo .o-icon:last-child {
  fill: var(--color-white);
  opacity: 0;
  transition: opacity 1s var(--fast-start-easing);
}
.o-integration-card__bottom {
  white-space: nowrap;
  font-size: var(--h5);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  color: var(--color-white);
  padding-bottom: 1em;
  transition: transform 1s var(--fast-start-easing),
    opacity 1s var(--fast-start-easing);
  opacity: 0;
}
@media (hover: hover) {
  .o-integration-card:hover .o-integration-card__bottom {
    opacity: 1;
    transform: translate(-50%);
    transition: transform 1s var(--fast-start-easing),
      opacity 1s var(--fast-start-easing);
  }
}
.logo-list-wrapper {
  --logo-list-duration: 35s;
  width: 100vw;
  height: var(--space-m-l);
}
@media (min-width: 940px) {
  .logo-list-wrapper {
    width: calc(var(--space-7xl-8xl) * 1.5 * 5);
    height: var(--space-l);
  }
}
.logo-list-wrapper > *:last-child {
  animation: translateB var(--logo-list-duration) linear infinite;
  position: absolute;
  top: 0;
  transform: translate(100%);
}
.logo-list {
  animation: translateA var(--logo-list-duration) linear infinite;
  display: flex;
  position: absolute;
  height: 100%;
}
.logo-list-item {
  width: auto;
  height: 100%;
  margin: 0 var(--space-m-l);
}
@media (min-width: 940px) {
  .logo-list-item {
    margin: 0 var(--space-2xl);
  }
}
.logo-list-item .o-icon {
  display: block;
  width: auto;
  height: 100%;
  stroke: none;
}
.logo-list-item .o-icon svg {
  width: auto;
  height: 100%;
  max-width: none;
}
@keyframes logo-list-animA {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
@keyframes logo-list-animB {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(0);
  }
}
.o-prose .o-icon {
  height: calc(var(--space-l) * 1.2);
  width: auto;
  stroke: none;
  fill: currentColor;
}
.o-prose .o-icon svg {
  height: 100%;
  width: auto;
}
.o-prose .caption {
  font-size: var(--h5);
  font-family: var(--font-family-heading);
  font-weight: 500;
  margin-top: var(--space-xl);
}
@media (min-width: 940px) {
  .o-prose .caption {
    margin-top: calc(var(--column-width-gutter) * 0.5);
  }
}
.o-prose .h1 {
  font-size: var(--h2);
  margin-top: calc(var(--space-xl) * 1);
}
.o-prose .h1:first-child {
  margin-top: 0;
}
.o-prose h2 {
  font-size: var(--h3);
  margin-top: var(--space-xl);
}
.o-prose h2:first-child {
  margin-top: 0;
}
.o-prose pre {
  background: #e8ebf1;
  border-radius: 12px;
  color: #3b52a8;
  overflow-x: auto;
  padding-right: var(--space-m);
  margin-top: var(--space-m);
  white-space: pre-wrap;
}
.o-prose pre + p {
  margin-top: var(--space-xl);
}
.o-prose code {
  font-family: IBM Plex Mono, monospace;
}
.o-prose .table {
  display: flex;
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}
.o-prose .table > div {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.o-prose .table > div:last-child {
  position: relative;
  padding-left: var(--space-xl);
}
@media (max-width: 939.98px) {
  .o-prose .table > div:last-child {
    padding-left: calc(var(--container-padding) * 1);
  }
}
.o-prose .table > div:last-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #d0d7e2;
}
.o-prose .table div div:first-child {
  font-family: var(--font-family-heading);
  font-weight: 400;
  line-height: calc(1.1em + 4px);
  font-size: var(--h2);
}
.o-prose .table div div:last-child {
  font-size: var(--body2);
  margin-right: var(--space-m);
}
.o-prose p {
  margin-top: var(--space-m);
}
.o-prose p a {
  color: #446dcd;
  text-decoration: underline;
}
.o-prose p + h2 {
  margin-top: var(--space-2xl);
}
.o-prose p:first-child {
  margin-top: 0;
}
.o-prose .highlight {
  background: #e4ecf4;
  border-radius: 12px;
  padding: var(--space-m) var(--space-l);
  display: flex;
  flex-direction: column;
  gap: var(--space-l-xl);
  margin-top: var(--space-xl);
  line-height: 1;
}
.o-prose .highlight span:first-child {
  font-family: var(--font-family-heading);
  font-weight: 400;
  line-height: calc(1.1em + 4px);
  font-size: var(--h3);
}
.o-prose .highlight span:nth-child(2) {
  font-size: var(--body2);
  line-height: var(--body-line-height);
}
.o-prose .highlight + .highlight {
  margin-top: var(--space-m);
}
.o-prose .highlight-caption {
  background: #e4ecf4;
  border-radius: 12px;
  padding: var(--space-m) var(--space-l);
  display: flex;
  flex-direction: column;
  margin-top: var(--space-xl);
  line-height: 1;
}
.o-prose .highlight-caption span:nth-child(1) {
  font-size: var(--body3);
  font-weight: 700;
}
.o-prose .highlight-caption span:nth-child(2) {
  font-family: var(--font-family-heading);
  font-weight: 400;
  line-height: calc(1.1em + 4px);
  font-size: var(--h3);
  margin-top: var(--space-l-xl);
}
.o-prose .highlight-caption span:nth-child(3) {
  font-size: var(--body2);
  line-height: var(--body-line-height);
  margin-top: var(--space-3xs);
}
.o-prose .highlight-caption + .highlight {
  margin-top: var(--space-m);
}
.o-prose .highlight + p {
  margin-top: var(--space-xl);
}
.o-prose .highlight-split {
  background: #e4ecf4;
  border-radius: 12px;
  padding: var(--space-m) var(--space-l);
  display: flex;
  align-items: center;
  margin-top: var(--space-m);
  line-height: 1;
}
.o-prose .highlight-split span {
  width: 50%;
  display: flex;
}
.o-prose .highlight-split span:last-child {
  position: relative;
  padding-left: var(--space-l);
}
.o-prose .highlight-split span:last-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #a2bcd6;
}
.o-prose .highlight-split a {
  display: flex;
}
.o-prose .highlight-split .o-icon {
  --size: var(--body1);
  position: relative;
  height: var(--size);
  stroke: #000;
  fill: none;
}
.o-prose .highlight-split + h2 {
  margin-top: var(--space-2xl);
}
@media (max-width: 939.98px) {
  .o-prose .highlight-split {
    flex-direction: column;
    padding: var(--space-m);
  }
  .o-prose .highlight-split span {
    width: 100%;
  }
  .o-prose .highlight-split span:last-child {
    padding-left: 0;
    padding-top: var(--space-m);
    margin-top: calc(var(--space-s) * 1.5);
  }
  .o-prose .highlight-split span:last-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #a2bcd6;
  }
}
.o-prose blockquote {
  font-family: var(--font-family-heading);
  font-weight: 400;
  line-height: calc(1.1em + 4px);
  padding-left: calc(var(--container-padding) * 1);
  font-size: var(--h3);
  margin: var(--space-xl) 0;
}
.o-prose blockquote p {
  margin-top: 0;
}
.o-prose blockquote p:nth-child(2) {
  margin-top: var(--space-xs);
  font-size: var(--body2);
}
.o-prose blockquote + p {
  margin-top: 0;
}
.o-prose blockquote + h2 {
  margin-top: 0;
}
.o-prose blockquote + h3 {
  margin-top: 0;
}
.o-prose ol {
  margin-top: var(--space-xs);
  list-style: decimal;
  margin-left: var(--space-l);
}
.o-prose ul {
  margin-top: var(--space-xs);
  list-style: disc;
  margin-left: var(--space-l);
}
.o-prose ul a {
  color: #446dcd;
  text-decoration: underline;
}
.o-prose li + li {
  margin-top: var(--space-3xs);
}
.o-prose .custom-table {
  margin-top: var(--space-l);
  margin-bottom: var(--space-l);
  width: 100%;
  overflow-x: scroll;
  border-radius: 12px;
  border: 1px solid #cdd3e1;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.o-prose .custom-table table {
  width: 100%;
}
@media (max-width: 939.98px) {
  .o-prose .custom-table table {
    width: auto;
    min-width: 700px;
  }
}
.o-prose .custom-table::-webkit-scrollbar {
  display: none;
}
.o-prose .custom-table th {
  background-color: var(--color-light-02);
  text-transform: uppercase;
  font-weight: 500;
  text-align: left;
  line-height: 1.2;
}
.o-prose .custom-table th,
.o-prose .custom-table td {
  padding: var(--space-s) var(--space-m);
  vertical-align: top;
}
.o-prose .custom-table th {
  border-bottom: 1px solid #cdd3e1;
}
.o-prose .custom-table th:not(:last-child) {
  border-right: 1px solid #cdd3e1;
}
.o-prose .custom-table td:not(:last-child) {
  border-right: 1px solid #cdd3e1;
}
.o-prose .custom-table tr:not(:last-child) td {
  border-bottom: 1px solid #cdd3e1;
}
.o-prose .custom-table th {
  text-transform: none;
  font-weight: 700;
  font-size: var(--h7);
  background-color: #e4ecf4;
}
.o-prose .custom-table td {
  font-size: var(--body2);
}
.o-section,
.o-slider {
  position: relative;
}
@media (max-width: 939.98px) {
  .o-slider {
    display: none;
  }
}
.o-slider__slide {
  padding-bottom: calc(((100% + 1vw) * 0.8 - 1vw) / 2);
  position: absolute;
  border-radius: var(--border-radius);
  left: 0;
  top: 0;
  height: 0;
  overflow: hidden;
  transition: background-color 0.2s;
}
.o-slider__slide:first-child {
  position: relative;
}
.o-slider__slide:nth-child(1) {
  background-color: #498cda;
}
.o-slider__slide:nth-child(2) {
  background-color: #45bfd7;
}
.o-slider__slide:nth-child(3) {
  background-color: #5dd4cd;
}
.o-slider__slide-wrapper {
  position: absolute;
  padding: 0 var(--space-2xl);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.o-slider__slide-wrapper:before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(
    90deg,
    var(--color-primary-01) 0%,
    var(--color-primary-02) 100%
  );
  z-index: -1;
}
.o-slider__slide:nth-child(3) .o-slider__slide-wrapper:before {
  background: linear-gradient(
    90deg,
    var(--color-primary-02) 0%,
    var(--color-primary-01) 100%
  );
}
.o-slider__slide-title {
  color: var(--color-white);
  opacity: 0;
  transition: opacity 0.3s 0s, transform 1s 0.3s var(--fast-start-easing);
  transform: translateY(0.5em);
}
.o-slider__slide.is-active .o-slider__slide-title {
  transition: opacity 0.5s 0.1s, transform 1s 0.1s var(--fast-start-easing);
  transform: none;
  opacity: 1;
}
.o-slider__slide-list {
  margin-top: var(--space-m);
}
.o-slider__slide-list-item {
  position: relative;
  width: 100%;
  color: var(--color-white);
  transition: opacity 0.3s 0s, transform 1s 0.3s var(--fast-start-easing);
  transform: translateY(var(--space-l));
  opacity: 0;
  align-self: flex-start;
}
.o-slider__slide-list-item:not(:first-child) {
  margin-top: var(--space-xs);
}
.o-slider__slide-list-item:not(:only-child) {
  padding-left: var(--space-s);
}
.o-slider__slide.is-active .o-slider__slide-list-item {
  transition: opacity 1s calc(var(--index) * 75ms + 0.1s),
    transform 1s calc(var(--index) * 75ms + 0.1s) var(--fast-start-easing);
  transform: none;
  opacity: 1;
}
.o-slider__slide-list-item .o-icon {
  --size: calc(0.5 * var(--body2));
  position: absolute;
  left: 0;
}
.o-slider__slide-list-item svg {
  stroke: none;
  fill: currentColor;
}
.o-slider__slide-image {
  padding-bottom: 50%;
  width: 50%;
  position: relative;
  transition: opacity 0.5s, transform 1s var(--fast-start-easing);
  transform: scale(0.9);
  opacity: 0;
  perspective: 1000px;
  pointer-events: none;
}
.o-slider__slide.is-active .o-slider__slide-image {
  transform: none;
  opacity: 1;
}
.o-slider__slide-image img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
  object-position: center;
  transition: transform 1s var(--fast-start-easing);
}
.o-slider__slide-timer {
  position: absolute;
  left: var(--space-2xl);
  bottom: var(--space-l);
  width: 100px;
  height: 40px;
}
@media (min-width: 1024px) {
  .o-slider__slide-timer {
    bottom: var(--space-m);
  }
}
@media (max-width: 1339.98px) {
  .o-slider__slide-timer {
    bottom: var(--space-s);
  }
}
.o-slider__slide-timer-item {
  position: relative;
  float: left;
  width: 22px;
  height: 100%;
  margin-left: 5px;
  cursor: pointer;
}
.o-slider__slide-timer-item:first-child {
  margin-left: 0;
}
.o-slider__slide-timer-item.is-active {
  width: 46px;
  cursor: default;
}
.o-slider__slide-timer-item-inner {
  position: absolute;
  width: 100%;
  height: 4px;
  top: 18px;
  border-radius: 2px;
  overflow: hidden;
  background-color: #fff3;
}
.o-slider__slide-timer-item-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  transform-origin: 0 0;
}
.o-slider__slide-timer-item.is-active .o-slider__slide-timer-item-progress,
.o-slider__slide-timer-item.is-completed .o-slider__slide-timer-item-progress {
  width: 100%;
}
.o-slides-mobile {
  margin-top: var(--space-2xl);
}
@media (min-width: 940px) {
  .o-slides-mobile {
    display: none;
  }
}
.o-slides-mobile__item:not(:first-child) {
  margin-top: var(--space-2xl);
}
.o-slides-mobile__item:nth-child(1) {
  --theme-color: var(--color-primary-01);
}
.o-slides-mobile__item:nth-child(2) {
  --theme-color: var(--color-primary-02);
}
.o-slides-mobile__item:nth-child(3) {
  --theme-color: var(--color-primary-03);
}
.o-slides-mobile__item-image {
  --padding: calc(var(--container-padding) * 1.5);
  padding-bottom: 135%;
  position: relative;
  background: var(--theme-color);
  border-radius: 10px;
  overflow: hidden;
}
.o-slides-mobile__item-image img {
  top: var(--padding);
  left: var(--padding);
  width: calc(100% - var(--padding) * 2);
  height: calc(100% - var(--padding) * 2);
  position: absolute;
  object-fit: contain;
  object-position: center;
  transition: transform 1s var(--fast-start-easing);
}
.o-slides-mobile__item-title {
  margin-top: 1.5em;
  max-width: 17.5ch;
  font-size: var(--h2);
  padding-left: var(--space-s);
}
.o-slides-mobile__item-list {
  margin-top: var(--space-s);
  padding-left: var(--space-s);
}
.o-slides-mobile__item-list-item {
  --size: calc(var(--body2) * 0.5);
  font-size: var(--body1);
  display: flex;
  align-items: center;
  position: relative;
  max-width: 90%;
}
.o-slides-mobile__item-list-item:not(:first-child) {
  margin-top: var(--space-3xs);
}
.o-slides-mobile__item-list-item .o-icon {
  top: calc(var(--size) / 1.15);
  stroke: none;
  fill: var(--theme-color);
  position: absolute;
}
.o-slides-mobile__item-list-item > span:last-child {
  padding-left: var(--space-s);
}
.o-slides-mobile__item-list-item:only-child .o-icon {
  display: none;
}
.o-slides-mobile__item-list-item:only-child > span:last-child {
  padding-left: 0;
}
.o-text-gradient {
  background: linear-gradient(90deg, #446dcd, #4bb6d3, #6ef2cc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#case-study {
  color: var(--color-dark);
  position: relative;
}
#case-study__main-wrapper {
  --column-span: 12;
  --column-start: 1;
  padding-top: calc(var(--space-8xl) * 1);
}
@media (min-width: 1024px) {
  #case-study__main-wrapper {
    --column-span: 10;
    --column-start: 2;
    --columns: 10;
  }
}
@media (min-width: 1440px) {
  #case-study__main-wrapper {
    --column-span: 9;
    --column-start: 3;
    --columns: 9;
    padding-top: calc(var(--space-8xl) * 1.5);
  }
}
#case-study__header {
  --column-span: 12;
  --column-start: 1;
}
@media (min-width: 940px) {
  #case-study__header {
    --column-span: 7;
    --column-start: 1;
  }
}
@media (min-width: 1024px) {
  #case-study__header {
    --column-span: 6;
    --column-start: 1;
  }
}
@media (min-width: 1440px) {
  #case-study__header {
    --column-span: 5;
    --column-start: 1;
  }
}
#case-study__header > .o-icon {
  width: var(--space-5xl);
  height: auto;
  max-height: var(--space-l);
  stroke: none;
  fill: currentColor;
}
#case-study__header > .o-icon svg {
  height: 100%;
  max-height: var(--space-l);
  width: auto;
}
#case-study__header-title {
  font-size: var(--h2);
  margin-top: calc(var(--space-xl) * 1);
  margin-bottom: var(--space-xl);
}
#case-study__header-data {
  margin-top: var(--space-xl);
  display: flex;
  flex-wrap: wrap;
}
#case-study__header-data > div {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
  margin-bottom: var(--space-m-l);
  padding-bottom: var(--space-m-l);
}
#case-study__header-data > div + div:nth-child(odd) {
  position: relative;
}
#case-study__header-data > div + div:nth-child(odd):before {
  content: "";
  display: block;
  width: calc(100vw - var(--container-padding) * 2);
  height: 1px;
  top: calc(var(--space-m-l) * -1);
  left: 0;
  position: absolute;
  background: #d0d7e2;
}
@media (min-width: 940px) {
  #case-study__header-data > div + div:nth-child(odd):before {
    width: calc(var(--column-width-gutter) * 7 - var(--gutter));
  }
}
@media (min-width: 1024px) {
  #case-study__header-data > div + div:nth-child(odd):before {
    width: calc(var(--column-width-gutter) * 6 - var(--gutter));
  }
}
@media (min-width: 1440px) {
  #case-study__header-data > div + div:nth-child(odd):before {
    width: calc(var(--column-width-gutter) * 5 - var(--gutter));
  }
}
#case-study__header-data > div:nth-child(2n) {
  position: relative;
  padding-left: var(--space-xl);
}
@media (max-width: 939.98px) {
  #case-study__header-data > div:nth-child(2n) {
    padding-left: calc(var(--container-padding) * 0.5);
  }
}
#case-study__header-data > div div:nth-child(odd) {
  font-family: var(--font-family-heading);
  font-weight: 400;
  line-height: calc(1.1em + 4px);
  font-size: var(--h3);
}
#case-study__header-data > div div:nth-child(2n) {
  font-size: var(--body2);
  margin-right: var(--space-m);
}
#case-study__media {
  --columns: 12;
  --column-span: 12;
  --column-start: 1;
}
@media (min-width: 940px) {
  #case-study__media {
    --columns: 12;
    --column-span: 12;
    --column-start: 1;
  }
}
@media (min-width: 1024px) {
  #case-study__media {
    --columns: 10;
    --column-span: 10;
    --column-start: 1;
  }
}
@media (min-width: 1440px) {
  #case-study__media {
    --columns: 9;
    --column-span: 9;
    --column-start: 1;
  }
}
#case-study__left {
  --column-span: 12;
  --column-start: 1;
}
@media (min-width: 940px) {
  #case-study__left {
    --column-span: 7;
    --column-start: 1;
  }
}
@media (min-width: 1024px) {
  #case-study__left {
    --column-span: 6;
    --column-start: 1;
  }
}
@media (min-width: 1440px) {
  #case-study__left {
    --column-span: 5;
    --column-start: 1;
  }
}
#case-study__info {
  --column-span: 12;
  --column-start: 1;
}
@media (max-width: 939.98px) {
  #case-study__info {
    margin-top: var(--space-xs);
  }
}
@media (min-width: 940px) {
  #case-study__info {
    --column-span: 4;
    --column-start: 9;
    margin-left: calc(var(--column-width) * -0.5);
  }
}
@media (min-width: 1024px) {
  #case-study__info {
    --column-span: 3;
    --column-start: 8;
  }
}
@media (min-width: 1440px) {
  #case-study__info {
    --column-span: 3;
    --column-start: 7;
    margin-left: calc(var(--column-width) * -0.25);
    margin-right: calc(var(--column-width) * 0.25);
  }
}
#case-study__info-title {
  font-size: var(--h3);
  margin-bottom: var(--space-m);
}
#case-study__info-data {
  background: #e4ecf4;
  border-radius: 12px;
  padding: var(--space-m) var(--space-l);
  display: flex;
  flex-direction: column;
  margin-top: var(--space-xl);
  line-height: 1;
}
#case-study__info-data span {
  display: flex;
}
#case-study__info-data span:not(:first-child) {
  position: relative;
  padding-top: var(--space-s);
  margin-top: calc(var(--space-s) * 1);
}
#case-study__info-data span:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #a2bcd6;
}
#case-study__info-data a {
  display: flex;
}
#case-study__info-data .o-icon {
  --size: var(--body1);
  position: relative;
  height: var(--size);
  stroke: #000;
  fill: none;
}
#case-study__info-data + h2 {
  margin-top: var(--space-2xl);
}
@media (max-width: 939.98px) {
  #case-study__info-data {
    flex-direction: column;
    padding: var(--space-m);
  }
  #case-study__info-data span {
    width: 100%;
  }
  #case-study__info-data span:last-child {
    padding-left: 0;
    padding-top: var(--space-m);
    margin-top: calc(var(--space-s) * 1.5);
  }
  #case-study__info-data span:last-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #a2bcd6;
  }
}
@media (min-width: 940px) {
  #case-study__info-data {
    position: absolute;
    width: calc(var(--column-width-gutter) * 4);
  }
}
@media (min-width: 1024px) {
  #case-study__info-data {
    position: absolute;
    width: calc(var(--column-width-gutter) * 3);
  }
}
#case-study__content {
  --column-span: 12;
  --column-start: 1;
  margin-top: var(--space-xl);
}
@media (min-width: 940px) {
  #case-study__content {
    --column-span: 7;
    --column-start: 1;
  }
}
@media (min-width: 1024px) {
  #case-study__content {
    --column-span: 6;
    --column-start: 1;
  }
}
@media (min-width: 1440px) {
  #case-study__content {
    --column-span: 5;
    --column-start: 1;
  }
}
#contact-form {
  position: relative;
  z-index: 1;
  padding-bottom: var(--space-4xl);
}
#contact-form__wrapper {
  display: flex;
  flex-direction: column;
  pointer-events: none;
  padding-top: calc(var(--vh, vh) * 25);
  padding-bottom: var(--space-5xl-6xl);
  justify-content: center;
  align-items: center;
  color: #bad7f5;
}
#contact-form__caption {
  font-size: var(--h5);
}
#contact-form__title {
  font-size: var(--h1);
  text-align: center;
  margin-top: 0.1em;
}
#contact-form__subtitle {
  font-size: var(--body1);
  margin-top: 2em;
  max-width: 45ch;
  text-align: center;
}
#contact-form__form {
  display: flex;
  flex-direction: column;
}
@media (min-width: 940px) {
  #contact-form__form {
    --column-span: 8;
    --column-start: 3;
  }
}
@media (min-width: 1024px) {
  #contact-form__form {
    --column-span: 6;
    --column-start: 4;
  }
}
@media (min-width: 1440px) {
  #contact-form__form {
    --column-span: 4;
    --column-start: 5;
  }
}
#contact-form__form a {
  color: #bad7f5;
}
#contact-form__form label,
#contact-form__form textarea,
#contact-form__form select,
#contact-form__form input {
  font-size: var(--h5);
  color: #bad7f5;
}
#contact-form__form textarea,
#contact-form__form select,
#contact-form__form input {
  background: #1c2333;
  border: none;
  appearance: none;
  border: 1px solid #253351;
  border-radius: 0.75em;
  padding: 1em 1.5em;
  transition: border-color 0.2s;
}
#contact-form__form textarea:focus,
#contact-form__form select:focus,
#contact-form__form input:focus {
  border-color: #39bdd6;
}
#contact-form__form label {
  margin-bottom: var(--space-2xs-xs);
}
#contact-form__form button {
  background: var(--color-white);
  border-radius: 7px;
  background: #bad7f5;
  margin-top: var(--space-l-xl);
  padding: 1em 2em;
  text-align: center;
  color: #0f131c;
}
#contact-form__form a {
  display: flex;
  align-items: center;
  margin-top: var(--space-s);
  text-decoration: underline;
}
.contact-form__group {
  display: flex;
  flex-direction: column;
}
.contact-form__group + .contact-form__group {
  margin-top: var(--space-m-l);
}
.contact-form__select {
  position: relative;
  width: 100%;
}
.contact-form__select select {
  width: 100%;
}
.contact-form__select .o-icon {
  pointer-events: none;
  --size: var(--body1);
  position: absolute;
  transform: translateY(-50%);
  right: var(--space-s);
  top: 50%;
}
.contact-form__select .o-icon path {
  stroke: #bad7f5;
  stroke-width: 1px;
}
#customers-cards {
  padding: var(--space-5xl) 0 var(--space-2xl);
  color: var(--color-black);
  user-select: none;
}
@media (max-width: 939.98px) {
  #customers-cards .o-container {
    padding-right: 0;
  }
}
#customers-cards__wrapper {
  --column-span: 12;
}
@media (min-width: 1440px) {
  #customers-cards__wrapper {
    --column-span: 10;
    --column-start: 2;
  }
}
#customers-cards__nav {
  display: flex;
  gap: var(--space-2xs);
}
@media (min-width: 940px) {
  #customers-cards__nav {
    gap: var(--space-s);
  }
}
.customers-cards__nav-item {
  position: relative;
  color: var(--color-white);
  border-radius: 9999px;
  overflow: hidden;
  user-select: none;
  flex-shrink: 0;
  cursor: pointer;
  border: 1px solid var(--color-black);
}
@media (max-width: 939.98px) {
  .customers-cards__nav-item {
    font-size: 14px;
    padding: var(--space-2xs) calc(var(--space-s) * 1.2)
      calc(var(--space-2xs) * 0.9) calc(var(--space-s) * 1.2);
  }
}
@media (min-width: 940px) {
  .customers-cards__nav-item {
    font-size: 16px;
    padding: var(--space-2xs) var(--space-l) calc(var(--space-2xs) * 0.9)
      var(--space-l);
  }
}
.customers-cards__nav-item.is-active {
  color: var(--color-white);
  pointer-events: none;
}
.customers-cards__nav-item.is-active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-black);
}
.customers-cards__nav-item:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-black);
  opacity: 0;
}
.customers-cards__nav-item:hover:after {
  opacity: 0.03;
}
.customers-cards__nav-item:not(.is-active) {
  color: var(--color-black);
}
.customers-cards__nav-item span {
  position: relative;
  z-index: 1;
}
#customers-cards__items-wrapper {
  position: relative;
}
#customers-cards__items-wrapper-nav-prev,
#customers-cards__items-wrapper-nav-next {
  --nav-item-vertical-offset: calc(
    (100vw - calc(var(--container-padding) * 2) - calc(var(--gutter) * 3)) / 4 *
      (4 / 3) / 2
  );
  position: absolute;
  top: var(--nav-item-vertical-offset);
  transform: translateY(-50%);
  cursor: pointer;
  width: var(--space-xl);
  height: var(--space-xl);
  border-radius: 9999px;
  z-index: 1;
  display: flex;
  justify-content: center;
  transform-origin: center;
  align-items: center;
  transition: opacity 0.5s var(--faster-start-easing),
    transform 0.5s var(--faster-start-easing);
}
#customers-cards__items-wrapper-nav-prev:before,
#customers-cards__items-wrapper-nav-next:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #f2f5fa;
  border-radius: 9999px;
  transition: transform 0.75s var(--faster-start-easing);
}
#customers-cards__items-wrapper-nav-prev:after,
#customers-cards__items-wrapper-nav-next:after {
  content: "";
  position: absolute;
  box-shadow: 0 5px 10px #00000080;
  inset: 0;
  border-radius: 9999px;
  transition: opacity 0.75s var(--faster-start-easing),
    transform 0.75s var(--faster-start-easing);
}
#customers-cards__items-wrapper-nav-prev:not(.is-disabled):hover:after,
#customers-cards__items-wrapper-nav-prev:not(.is-disabled):hover:before,
#customers-cards__items-wrapper-nav-next:not(.is-disabled):hover:after,
#customers-cards__items-wrapper-nav-next:not(.is-disabled):hover:before {
  transform: scale(0.9090909091);
}
#customers-cards__items-wrapper-nav-prev.is-disabled,
#customers-cards__items-wrapper-nav-next.is-disabled {
  opacity: 0.5;
  transform: translateY(-50%) scale(1);
  cursor: default;
}
#customers-cards__items-wrapper-nav-prev.is-disabled:after,
#customers-cards__items-wrapper-nav-next.is-disabled:after {
  opacity: 0;
}
#customers-cards__items-wrapper-nav-prev.is-invisible,
#customers-cards__items-wrapper-nav-next.is-invisible {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 939.98px) {
  #customers-cards__items-wrapper-nav-prev,
  #customers-cards__items-wrapper-nav-next {
    display: none;
  }
}
@media (min-width: 1440px) {
  #customers-cards__items-wrapper-nav-prev,
  #customers-cards__items-wrapper-nav-next {
    --nav-item-vertical-offset: calc(
      (
          100vw - calc(var(--container-padding) * 2) - calc(var(--gutter) * 3) -
            var(--column-width-gutter) * 2
        ) / 4 * (4 / 3) / 2
    );
  }
}
#customers-cards__items-wrapper-nav-prev .o-icon,
#customers-cards__items-wrapper-nav-next .o-icon {
  --size: 16px;
  transition: transform 0.75s var(--faster-start-easing);
  will-change: transform;
}
#customers-cards__items-wrapper-nav-prev {
  left: var(--gutter);
}
#customers-cards__items-wrapper-nav-prev .o-icon {
  transform: translate(-1px) rotate(90deg);
}
#customers-cards__items-wrapper-nav-prev:not(.is-disabled):active .o-icon {
  transform: scaleY(0.8333333333) translate(-3px) rotate(90deg);
}
#customers-cards__items-wrapper-nav-next {
  right: var(--gutter);
}
#customers-cards__items-wrapper-nav-next .o-icon {
  transform: translate(1px) rotate(-90deg);
}
#customers-cards__items-wrapper-nav-next:not(.is-disabled):active .o-icon {
  transform: scaleY(0.8333333333) translate(3px) rotate(-90deg);
}
#customers-cards__items {
  display: flex;
  gap: var(--gutter);
  margin-top: var(--space-l);
}
@media (min-width: 940px) {
  #customers-cards__items {
    overflow: clip;
  }
}
@media (max-width: 939.98px) {
  #customers-cards__items {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-snap-type: x mandatory;
  }
  #customers-cards__items::-webkit-scrollbar {
    display: none;
  }
}
.customers-cards__item {
  flex-shrink: 0;
  cursor: pointer;
}
@media (max-width: 939.98px) {
  .customers-cards__item {
    width: calc(var(--column-width-gutter) * 9 + var(--column-width));
    scroll-snap-align: start;
  }
}
@media (min-width: 940px) {
  .customers-cards__item {
    width: calc(
      (var(--column-width-gutter) * 5 + var(--column-width) - var(--gutter)) / 2
    );
  }
}
@media (min-width: 1440px) {
  .customers-cards__item {
    width: calc(
      (var(--column-width-gutter) * 4 + var(--column-width) - var(--gutter)) / 2
    );
  }
}
@media (max-width: 939.98px) {
  .customers-cards__item-content {
    padding-right: var(--space-xl);
  }
}
.customers-cards__item-image {
  padding-bottom: 133.3333333333%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.customers-cards__item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 2s var(--fast-start-easing);
  transform: scale(1.025);
}
.customers-cards__item-image:hover img {
  transform: none;
}
.customers-cards__item-image:hover .o-icon {
  transform: translate(-50%, -50%) scale(1.025);
}
.customers-cards__item-image .o-icon {
  width: var(--space-5xl);
  height: auto;
  max-height: var(--space-xl);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: var(--color-white);
  stroke: none;
  transition: transform 2s var(--fast-start-easing);
}
.customers-cards__item-image .o-icon svg {
  height: 100%;
  max-height: var(--space-l);
}
.customers-cards__item-header {
  display: flex;
  color: #818f9a;
  margin-top: var(--space-m);
}
.customers-cards__item-title {
  font-size: var(--h5);
  white-space: nowrap;
}
.customers-cards__item-company {
  font-size: var(--h5);
  position: relative;
}
@media (min-width: 940px) and (max-width: 1023.98px) {
  .customers-cards__item-company {
    padding-left: var(--space-2xs);
    margin-left: var(--space-2xs);
  }
}
.customers-cards__item-title + .customers-cards__item-company {
  padding-left: var(--space-s);
  margin-left: var(--space-s);
}
.customers-cards__item-title + .customers-cards__item-company:before {
  content: "";
  position: absolute;
  top: 15%;
  left: 0;
  width: 1px;
  background-color: currentColor;
  height: 70%;
  opacity: 0.75;
  display: block;
}
.customers-cards__item-description {
  font-size: var(--body2);
  margin-top: var(--space-2xs-xs);
  min-height: 6em;
}
#customers-data {
  position: relative;
  z-index: 1;
  padding-top: var(--space-3xl);
}
@media (min-width: 940px) {
  #customers-data {
    padding-top: var(--space-4xl);
    padding-bottom: var(--space-8xl);
  }
}
#customers-data__title {
  color: var(--color-dark);
  text-align: center;
  font-size: var(--h1);
}
.customers-data__columns-desktop {
  display: flex;
  gap: var(--space-2xs);
  margin-left: calc(var(--container-padding) * -1);
  margin-right: calc(var(--container-padding) * -1);
  padding-top: var(--space-8xl);
}
@media (max-width: 939.98px) {
  .customers-data__columns-desktop {
    display: none;
  }
}
.customers-data__columns-mobile {
  display: flex;
  gap: var(--space-xs);
  padding-top: var(--space-3xl);
}
@media (min-width: 940px) {
  .customers-data__columns-mobile {
    display: none;
  }
}
.customers-data__column {
  width: 100%;
  border-radius: var(--space-xs);
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}
@media (max-width: 939.98px) {
  .customers-data__column {
    gap: var(--space-xs);
  }
  .customers-data__column:last-child {
    margin-top: 20%;
  }
}
.customers-data__column-card {
  background: #e3edf3;
  border-radius: 12px;
  color: var(--color-dark);
  position: relative;
  padding-bottom: 123.0769230769%;
  overflow: hidden;
}
@media (hover: hover) {
  .customers-data__column-card:hover .o-icon {
    fill: var(--color-white);
  }
  .customers-data__column-card:hover:before {
    opacity: 1;
    transform: scaleY(3) scaleX(2) rotate(90deg);
  }
}
.customers-data__column-card:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #498cdb, #4cb8d4, #6bebcf);
  opacity: 0;
  pointer-events: none;
  transform: scaleY(4) scaleX(2) rotate(-180deg);
  transition: opacity 1s var(--fast-start-easing),
    transform 2s var(--fast-start-easing);
}
.customers-data__column-card .o-icon {
  height: calc(var(--body2) * var(--body-line-height));
  fill: var(--color-dark);
  width: 100%;
  stroke: none;
  transition: fill 1s var(--fast-start-easing);
}
.customers-data__column-card .o-icon svg {
  width: auto;
  height: 100%;
}
@media (min-width: 940px) {
  .customers-data__column:first-child .customers-data__column-card {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .customers-data__column:last-child .customers-data__column-card {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .customers-data__column:nth-child(2) .customers-data__column-card {
    margin-top: 70%;
  }
  .customers-data__column:nth-child(3)
    .customers-data__column-card:first-child {
    margin-top: 20%;
  }
  .customers-data__column:nth-child(4) .customers-data__column-card {
    margin-top: 70%;
  }
}
@media (max-width: 939.98px) {
  .customers-data__column:first-child
    .customers-data__column-card:nth-child(2n) {
    padding-bottom: 160%;
  }
  .customers-data__column:last-child
    .customers-data__column-card:nth-child(odd) {
    padding-bottom: 160%;
  }
}
.customers-data__column-card-inner {
  --padding: var(--space-m);
  --padding-top: var(--padding);
  --padding-bottom: var(--padding);
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: calc(var(--padding-top) * 0.7) calc(var(--padding) * 0.9)
    calc(var(--padding-bottom) * 0.9);
  transition: padding 2s var(--fast-start-easing);
}
@media (hover: hover) {
  .customers-data__column-card:hover .customers-data__column-card-inner {
    --padding-top: calc(var(--space-m) * 1.2);
    --padding-bottom: calc(var(--space-m) * 1.2);
  }
}
@media (min-width: 940px) {
  .customers-data__column-card-inner {
    padding: calc(var(--padding-top) * 0.8) calc(var(--padding) * 0.2)
      calc(var(--padding-bottom) * 0.9) calc(var(--padding) * 0.25);
  }
}
@media (min-width: 1024px) {
  .customers-data__column-card-inner {
    padding: calc(var(--padding-top) * 0.8) var(--padding) var(--padding-bottom);
  }
}
@media (min-width: 1440px) {
  .customers-data__column-card-inner {
    padding: calc(var(--padding-top) * 1) calc(var(--padding) * 1.5)
      calc(var(--padding-bottom) * 1.5);
  }
}
.customers-data__column-card-number {
  font-family: var(--font-family-heading);
  font-weight: 400;
  line-height: calc(1.1em + 4px);
  font-size: var(--h1);
  border-radius: 12px;
  transition: color 1s var(--fast-start-easing);
}
@media (hover: hover) {
  .customers-data__column-card:hover .customers-data__column-card-number {
    color: var(--color-white);
  }
}
@media (max-width: 1023.98px) {
  .customers-data__column-card-number {
    font-size: calc(var(--h1) * 0.8);
  }
}
.customers-data__column-card-text {
  font-family: var(--font-family-heading);
  font-weight: 400;
  line-height: calc(1.1em + 4px);
  font-size: var(--h6);
  margin-bottom: auto;
  transition: color 1s var(--fast-start-easing);
}
@media (hover: hover) {
  .customers-data__column-card:hover .customers-data__column-card-text {
    color: var(--color-white);
  }
}
@media (min-width: 1024px) {
  .customers-data__column-card-text {
    margin-top: 1.1em;
  }
}
@media (max-width: 939.98px) {
  .customers-data__column-card-text {
    margin-top: 0.5em;
    font-size: var(--body2);
  }
}
@media (min-width: 940px) and (max-width: 1023.98px) {
  .customers-data__column-card-text {
    font-size: var(--body1);
  }
}
.customers-data__column-card-label {
  font-size: var(--body2);
  color: #9bb3c6;
  transition: color 1s var(--fast-start-easing);
}
@media (hover: hover) {
  .customers-data__column-card:hover .customers-data__column-card-label {
    color: var(--color-white);
  }
}
@media (max-width: 939.98px) {
  .customers-data__column-card-label {
    font-size: calc(var(--body2) * 0.8);
  }
}
#customers-header {
  position: relative;
  color: var(--color-black);
}
@media (max-width: 1023.98px) {
  #customers-header {
    padding-top: calc(var(--space-5xl));
  }
}
@media (min-width: 1024px) {
  #customers-header {
    padding-top: calc(var(--space-8xl) * 1.5);
  }
}
@media (max-width: 1023.98px) {
  #customers-header__left {
    --column-start: 1;
    --column-span: 12;
  }
}
@media (min-width: 1024px) {
  #customers-header__left {
    --column-start: 1;
    --column-span: 5;
  }
}
@media (min-width: 1440px) {
  #customers-header__left {
    --column-start: 2;
    --column-span: 4;
  }
}
#customers-header__hero-copy {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
#customers-header__caption {
  font-size: var(--h5);
}
#customers-header__title {
  font-size: var(--h1);
  margin-top: var(--space-s);
}
#customers-header__subtitle01,
#customers-header__subtitle02 {
  font-family: var(--font-family-heading);
  font-size: var(--h6);
  margin-top: var(--space-l);
}
@media (max-width: 1023.98px) {
  #customers-header__subtitle01 {
    display: none;
  }
}
@media (min-width: 1024px) {
  #customers-header__subtitle02 {
    display: none;
  }
}
#customers-header__button01,
#customers-header__button02 {
  display: inline-block;
  margin-top: var(--space-l);
  align-self: flex-start;
  padding: var(--space-s) var(--space-m);
  font-size: var(--btn2);
  line-height: 1;
}
@media (max-width: 1023.98px) {
  #customers-header__button01,
  #customers-header__button02 {
    padding: var(--space-xs) var(--space-s);
    border-radius: 10px;
  }
}
#customers-header__button01 {
  position: relative;
}
@media (max-width: 1023.98px) {
  #customers-header__button01 {
    display: none;
  }
}
#customers-header__button01:before {
  content: "";
  z-index: 0;
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: var(--color-primary-05);
  transition: transform 1s var(--fast-start-easing);
}
#customers-header__button01:hover:before {
  transform: scale(0.95);
}
#customers-header__button01 span {
  position: relative;
}
#customers-header__button02 {
  background: var(--color-primary-05);
}
@media (min-width: 1024px) {
  #customers-header__button02 {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  #customers-header__right {
    --column-start: 1;
    --column-span: 12;
    margin-top: var(--space-xl);
  }
}
@media (min-width: 1024px) {
  #customers-header__right {
    --column-start: 7;
    --column-span: 5;
  }
}
#customers-header__hero-image {
  --column-span: 6;
  --content-padding: var(--space-m);
  position: relative;
  padding-bottom: 75%;
  border-radius: 15px;
  overflow: hidden;
}
#customers-header__hero-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#customers-header__hero-image-caption {
  position: absolute;
  bottom: var(--content-padding);
  left: var(--content-padding);
  color: var(--color-white);
}
#customers-header__hero-image-logo {
  position: absolute;
  top: var(--content-padding);
  left: var(--content-padding);
  color: var(--color-white);
  background: var(--color-white);
  width: 60px;
  height: 55px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#customers-header__hero-image-logo .o-icon {
  fill: var(--color-dark);
  stroke: var(--color-dark);
  width: 30px;
  height: auto;
}
@keyframes translateA {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
@keyframes translateB {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(0);
  }
}
#customers-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  color: var(--color-dark);
  pointer-events: none;
  overflow: hidden;
}
#customers-overlay__close-button {
  position: absolute;
  top: calc(var(--container-padding) * 1.75);
  right: calc(var(--container-padding) * 0.5);
  padding: var(--space-xs);
  z-index: 1;
  font-size: 0;
  pointer-events: auto;
  transform: translate(calc(var(--container-padding) + 100%)) rotate(90deg)
    scale(0.96);
  transition: transform 1s var(--faster-start-easing);
  z-index: 2;
}
#customers-overlay__close-button:hover:before {
  transform: scale(0.96);
}
#customers-overlay__close-button:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: var(--color-primary-05);
  border-radius: 12px;
  transform: scale(0.99);
  transition: transform 1s var(--faster-start-easing);
}
#customers-overlay__close-button .o-icon {
  --size: 14px;
  position: relative;
  z-index: 1;
}
.case-study-open #customers-overlay__close-button {
  transform: none;
}
@media (min-width: 940px) {
  #customers-overlay__close-button {
    padding: var(--space-s);
    top: var(--container-padding);
    right: var(--container-padding);
  }
}
#customers-overlay__bg {
  position: absolute;
  inset: 0;
  background: #1d2e56;
  opacity: 0;
  transition: opacity 1s var(--faster-start-easing);
}
.case-study-open #customers-overlay__bg {
  opacity: 0.4;
  pointer-events: auto;
}
#customers-overlay__slider {
  width: calc(var(--column-width-gutter) * 12 + var(--container-padding));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transition: transform 1s var(--faster-start-easing);
}
@media (min-width: 940px) {
  #customers-overlay__slider {
    width: calc(
      var(--column-width-gutter) * 9 + var(--container-padding) - var(--gutter)
    );
  }
}
@media (min-width: 1440px) {
  #customers-overlay__slider {
    width: calc(
      var(--column-width-gutter) * 6 + var(--container-padding) - var(--gutter)
    );
  }
}
.case-study-open #customers-overlay__slider {
  transform: translate(0);
  pointer-events: auto;
}
#customers-overlay__content {
  box-sizing: content-box;
  width: calc(
    var(--column-width-gutter) * 12 + var(--container-padding) -
      var(--container-padding) * 1.333 * 3
  );
  position: absolute;
  padding: 0 calc(var(--container-padding) * 3) 0
    calc(var(--container-padding) * 1);
  top: 0;
  right: 0;
  height: 100%;
  pointer-events: auto;
  opacity: 0;
  transition: opacity 0.1s 0s var(--faster-start-easing),
    transform 0.25s 0s var(--faster-start-easing);
  transform: translate(10vw);
  pointer-events: none;
}
#customers-overlay__content:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(var(--container-padding) * 3);
  background: linear-gradient(to top, #fff, #fff0);
  opacity: calc(1 - var(--scroll-progress));
}
@media (min-width: 940px) {
  #customers-overlay__content {
    padding: 0 calc(var(--container-padding) * 3) 0
      calc(var(--container-padding) * 1.5);
    width: calc(
      var(--column-width-gutter) * 9 + var(--container-padding) - var(--gutter) -
        var(--container-padding) * 1.5 * 3
    );
  }
}
@media (min-width: 1440px) {
  #customers-overlay__content {
    padding: 0 calc(var(--container-padding) * 3) 0
      calc(var(--container-padding) * 1.5);
    width: calc(
      var(--column-width-gutter) * 6 + var(--container-padding) - var(--gutter) -
        var(--container-padding) * 1.5 * 3
    );
  }
}
.case-study-open #customers-overlay__content {
  opacity: 1;
  pointer-events: auto;
  transform: none;
  transition: opacity 1s 0.25s var(--faster-start-easing),
    transform 1s 0.25s var(--faster-start-easing);
}
#customers-overlay__content-inner {
  padding-top: calc(var(--container-padding) * 4);
  padding-bottom: calc(var(--container-padding) * 1.25);
}
@media (min-width: 940px) {
  #customers-overlay__content-inner {
    padding-top: calc(var(--container-padding) * 1.5);
    padding-bottom: calc(var(--container-padding) * 1.25);
  }
}
#enterprise-bento {
  --card-padding: calc(var(--container-padding) * 1.2);
  --card-padding-y: calc(var(--container-padding) * 1.5);
  position: relative;
  z-index: 100;
  color: #bad7f5;
  padding-bottom: var(--space-4xl);
}
@media (min-width: 940px) {
  #enterprise-bento {
    --card-padding: var(--space-l);
    --card-padding-y: var(--card-padding);
  }
}
@media (min-width: 1440px) {
  #enterprise-bento {
    --card-padding: var(--space-xl-2xl);
  }
}
#enterprise-bento__header-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: calc(var(--vh, vh) * 25);
  padding-bottom: var(--space-5xl-6xl);
}
#enterprise-bento__header-caption {
  font-size: calc(var(--h4) * 0.8);
}
@media (max-width: 939.98px) {
  #enterprise-bento__header-caption {
    font-size: 0.9em;
  }
}
#enterprise-bento__header-title {
  font-size: var(--h1);
  text-align: center;
  margin-top: 0.1em;
}
#enterprise-bento__header-subtitle {
  font-size: var(--body1);
  margin-top: 1.5em;
  max-width: 45ch;
  text-align: center;
}
#enterprise-bento__header-buttons {
  position: relative;
  font-size: var(--btn1);
  margin-top: var(--space-xl);
  pointer-events: auto;
}
#enterprise-bento__header-buttons a {
  position: relative;
  padding: 0.8em 2em;
  color: #0f131c;
  white-space: nowrap;
  display: inline-block;
}
@media (max-width: 939.98px) {
  #enterprise-bento__header-buttons a {
    padding: 0.8em 1em;
  }
}
#enterprise-bento__header-buttons a:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #bad7f5;
  border-radius: 12px;
  transition: transform 0.5s var(--fast-start-easing);
}
#enterprise-bento__header-buttons a:hover:before {
  transform: scale(0.98);
}
#enterprise-bento__header-buttons a span {
  position: relative;
}
#enterprise-bento__header-buttons a:nth-child(2) {
  margin-left: 0.5em;
  color: #bad7f5;
}
#enterprise-bento__header-buttons a:nth-child(2):before {
  background: #202d45;
}
#enterprise-bento__wrapper {
  gap: var(--container-padding);
}
@media (min-width: 940px) {
  #enterprise-bento__wrapper {
    gap: var(--gutter);
  }
}
#enterprise-bento__card-01,
#enterprise-bento__card-02,
#enterprise-bento__card-03 {
  position: relative;
}
.enterprise-bento__card-inner {
  border-radius: 10px;
  padding: var(--card-padding-y, var(--card-padding))
    var(--card-padding-x, var(--card-padding));
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.enterprise-bento__card-inner:before {
  position: absolute;
  content: "";
  background: linear-gradient(0deg, #264166, #131a29 60%);
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  scale: 1.8;
  transform-origin: 50% 0;
  z-index: -1;
}
@media (min-width: 940px) {
  #enterprise-bento__card-01 {
    --column-span: 7;
    width: calc(100% - var(--column-width) / 1.5);
  }
}
@media (min-width: 1024px) {
  #enterprise-bento__card-01 {
    --column-span: 6;
    --column-start: 2;
  }
}
@media (min-width: 1440px) {
  #enterprise-bento__card-01 {
    --column-span: 5;
    --column-start: 3;
  }
}
#enterprise-bento__card-01-title {
  font-size: var(--h2);
  max-width: 18ch;
}
#enterprise-bento__card-01-subtitle {
  font-size: var(--body2);
  max-width: 40ch;
  margin-top: 2em;
}
#enterprise-bento__card-01-list {
  margin-top: var(--space-2xl);
}
#enterprise-bento__card-01-list li {
  font-size: var(--body1);
  position: relative;
  padding-left: var(--space-m);
}
#enterprise-bento__card-01-list li:not(:first-child) {
  margin-top: 0.75em;
}
#enterprise-bento__card-01-list .o-icon {
  --size: calc(var(--body1) * 0.5);
  position: absolute;
  left: 0;
  top: calc(var(--size) * 0.9);
}
#enterprise-bento__card-01-list svg {
  fill: #4d92e4;
  stroke: none;
}
@media (min-width: 940px) {
  #enterprise-bento__card-01-list {
    margin-top: var(--space-5xl);
  }
}
@media (min-width: 940px) {
  #enterprise-bento__card-02 {
    --column-span: 5;
    --column-start: 8;
    margin-left: calc(-1 * var(--column-width) / 1.5);
  }
}
@media (min-width: 1024px) {
  #enterprise-bento__card-02 {
    --column-span: 4;
    --column-start: 8;
  }
}
@media (min-width: 1440px) {
  #enterprise-bento__card-02 {
    --column-span: 3;
    --column-start: 8;
  }
}
.enterprise-bento__card-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#enterprise-bento__card-02-caption {
  padding: 0.5em 1em;
  background: #202d45;
  font-size: var(--h5);
  border-radius: 6px;
  align-self: flex-start;
}
#enterprise-bento__card-02-title {
  font-size: var(--h2);
  margin-top: 1em;
}
#enterprise-bento__card-02-subtitle {
  margin-top: auto;
  font-size: var(--body1);
  padding-top: var(--space-2xl);
}
@media (min-width: 1024px) {
  #enterprise-bento__card-03 {
    --column-span: 10;
    --column-start: 2;
  }
}
@media (min-width: 1440px) {
  #enterprise-bento__card-03 {
    --column-span: 8;
    --column-start: 3;
  }
}
#enterprise-bento__card-03-title {
  font-size: var(--h2);
  max-width: 22.5ch;
}
#enterprise-bento__card-03-list {
  display: flex;
  font-size: var(--h6);
  padding-top: var(--space-2xl);
}
@media (min-width: 940px) {
  #enterprise-bento__card-03-list li:not(:first-child) {
    margin-left: var(--space-l);
  }
}
@media (min-width: 1024px) {
  #enterprise-bento__card-03-list li:not(:first-child) {
    margin-left: var(--space-xl);
  }
}
@media (max-width: 939.98px) {
  #enterprise-bento__card-03-list {
    flex-direction: column;
  }
  #enterprise-bento__card-03-list li:not(:first-child) {
    margin-top: 0.5em;
  }
}
#enterprise-bento__card-03-list li {
  display: flex;
  align-items: flex-start;
}
#enterprise-bento__card-03-list .o-icon {
  --size: calc(var(--h6) * 1.5);
  margin-right: var(--space-xs);
  margin-top: -5px;
}
#enterprise-bento__card-03-list .o-icon svg {
  transform: scale(0.8) rotate(3deg);
  stroke-width: 0.25px;
  stroke: #4d92e4;
}
#enterprise-cta {
  position: relative;
  z-index: 1;
  color: var(--color-black);
  padding-top: calc(var(--space-8xl) * 1);
  padding-bottom: calc(var(--space-8xl) * 1);
}
@media (min-width: 940px) {
  #enterprise-cta {
    padding-top: calc(var(--space-8xl) * 1.5);
    padding-bottom: calc(var(--space-8xl) * 1.5);
  }
}
#enterprise-cta__copy {
  text-align: center;
}
#enterprise-cta__caption {
  font-size: var(--h5);
  font-size: calc(var(--h4) * 0.8);
}
@media (max-width: 939.98px) {
  #enterprise-cta__caption {
    font-size: 0.9em;
  }
}
#enterprise-cta__title {
  font-size: var(--h1);
  margin-top: 0.25em;
  margin-bottom: 0.5em;
}
#enterprise-cta__button {
  font-size: var(--btn2);
  padding: 1em 2em;
  position: relative;
  color: var(--color-white);
  display: inline-block;
}
#enterprise-cta__button:hover:before {
  transform: scale(0.96);
}
#enterprise-cta__button:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #141a26;
  border-radius: 12px;
  transition: transform 1s var(--fast-start-easing);
  transform: scale(0.99);
}
#enterprise-cta__button span {
  position: relative;
  z-index: 1;
}
#enterprise-cta__logo-lists-outer-wrapper {
  position: absolute;
  bottom: var(--container-padding);
  left: 50%;
  transform: translate(-50%);
  mask-image: linear-gradient(
    to right,
    transparent var(--space-l-xl),
    white 20%,
    white 80%,
    transparent calc(100% - var(--space-l-xl))
  );
}
@media (min-width: 940px) {
  #enterprise-cta__logo-lists-outer-wrapper {
    bottom: var(--space-2xl);
  }
}
#enterprise-cta__logo-lists-wrapper .o-icon {
  fill: #141a26;
}
#enterprise-features {
  --list-item-indent: var(--space-s);
  --border-radius: 8px;
  position: relative;
  z-index: 100;
  color: var(--color-black);
  padding-top: var(--space-4xl-5xl);
}
#enterprise-features
  .o-slides-mobile__item:first-child
  .o-slides-mobile__item-image {
  background: radial-gradient(circle at 50% 50%, #38c3df, #38c3df00 60%),
    linear-gradient(
      90deg,
      var(--color-primary-01) 0%,
      var(--color-primary-02) 100%
    );
  padding-bottom: 100%;
}
@media (min-width: 1024px) {
  #enterprise-features__main-wrapper {
    --column-span: 10;
    --column-start: 2;
  }
}
#enterprise-features__title {
  font-size: var(--h1);
}
#enterprise-features__slider {
  margin-top: var(--space-3xl);
}
#enterprise-features__slider .o-slider__slide-text {
  width: 45%;
}
@media (max-width: 1339.98px) {
  #enterprise-features__slider .o-slider__slide-text {
    padding-bottom: 40px;
  }
}
#enterprise-features__slider .o-slider__slide-title {
  font-size: var(--h2);
  max-width: 17ch;
}
#enterprise-features__slider .o-slider__slide-list-item {
  font-size: var(--body2);
  max-width: 35ch;
}
@media (max-width: 939.98px) {
  #enterprise-features__slider .o-slider__slide-list-item {
    font-size: 12px;
  }
}
#enterprise-features__slider .o-slider__slide-list-item:only-child .o-icon {
  display: none;
}
#enterprise-features__slider .o-slider__slide-list-item .o-icon {
  top: calc(var(--body2) / 2.25);
}
#enterprise-features__slider .o-slider__slide-list-item.is-active:before {
  opacity: 0.15;
}
#enterprise-features__slider .o-slider__slide-list-item:nth-child(1) {
  --index: 0;
  --index-reverse: 4;
}
#enterprise-features__slider .o-slider__slide-list-item:nth-child(2) {
  --index: 1;
  --index-reverse: 3;
}
#enterprise-features__slider .o-slider__slide-list-item:nth-child(3) {
  --index: 2;
  --index-reverse: 2;
}
#enterprise-features__slider .o-slider__slide-list-item:nth-child(4) {
  --index: 3;
  --index-reverse: 1;
}
#enterprise-features__slider .o-slider__slide-list-item:nth-child(5) {
  --index: 4;
  --index-reverse: 0;
}
#enterprise-features__slider .o-slider__slide-wrapper:before {
  background: radial-gradient(circle at 85% 50%, #38c3df, #38c3df00 60%),
    linear-gradient(
      90deg,
      var(--color-primary-01) 0%,
      var(--color-primary-02) 100%
    );
}
#enterprise-features__slides {
  position: relative;
}
@media (max-width: 939.98px) {
  #enterprise-features__slides {
    display: none;
  }
}
.enterprise-features__slide {
  padding-bottom: calc(((120% + 1vw) * 0.8 - 1vw) / 2);
  position: absolute;
  border-radius: var(--border-radius);
  left: 0;
  top: 0;
  height: 0;
  overflow: hidden;
  transition: background-color 0.2s;
}
.enterprise-features__slide:first-child {
  position: relative;
}
.enterprise-features__slide:nth-child(1) {
  background-color: #498cda;
}
.enterprise-features__slide:nth-child(2) {
  background-color: #45bfd7;
}
.enterprise-features__slide:nth-child(3) {
  background-color: #5dd4cd;
}
.enterprise-features__slide:nth-child(1).is-active
  .enterprise-features__slide
  .o-slider__slide-image,
.enterprise-features__slide:nth-child(3).is-active
  .enterprise-features__slide
  .o-slider__slide-image {
  transform: none;
}
#enterprise-features__description-list {
  margin-top: var(--space-2xl);
}
.enterprise-features__description-item {
  grid-auto-flow: dense;
}
.enterprise-features__description-item:not(:first-child) {
  margin-top: var(--space-3xl);
}
@media (min-width: 940px) {
  .enterprise-features__description-item:not(:first-child) {
    margin-top: var(--space-2xl);
  }
}
.enterprise-features__description-image {
  --column-span: 12;
  height: 0;
  padding-bottom: 100%;
  align-self: center;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #446dcd, #4bb6d3, #6ef2cc);
}
.enterprise-features__description-image canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (min-width: 940px) {
  .enterprise-features__description-image {
    --column-start: 1;
    --column-span: 6;
  }
}
@media (min-width: 1024px) {
  .enterprise-features__description-image {
    --column-start: 2;
    --column-span: 5;
  }
}
@media (min-width: 940px) {
  .enterprise-features__description-item:nth-child(2n)
    .enterprise-features__description-image {
    --column-start: 7;
    --column-span: 6;
  }
}
@media (min-width: 1024px) {
  .enterprise-features__description-item:nth-child(2n)
    .enterprise-features__description-image {
    --column-start: 7;
    --column-span: 5;
  }
}
.enterprise-features__description-item:nth-child(1)
  .enterprise-features__description-image
  img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.enterprise-features__description-item:nth-child(2)
  .enterprise-features__description-image
  img {
  --padding: calc(var(--container-padding) * 1.5);
  position: absolute;
  top: 50%;
  left: var(--padding);
  width: calc(100% - var(--padding) * 2);
  transform: translateY(-50%);
  object-fit: contain;
}
@media (min-width: 940px) {
  .enterprise-features__description-item:nth-child(2)
    .enterprise-features__description-image
    img {
    --padding: 15%;
  }
}
.enterprise-features__description-copy {
  --column-span: 12;
  align-self: center;
}
@media (max-width: 939.98px) {
  .enterprise-features__description-copy {
    margin-top: var(--space-l-xl);
    padding-left: var(--space-s);
  }
}
@media (min-width: 940px) {
  .enterprise-features__description-copy {
    --column-start: 8;
    --column-span: 5;
  }
}
@media (min-width: 1024px) {
  .enterprise-features__description-copy {
    --column-start: 8;
    --column-span: 4;
  }
}
@media (min-width: 940px) {
  .enterprise-features__description-item:nth-child(2n)
    .enterprise-features__description-copy {
    --column-start: 1;
    --column-span: 5;
    margin-left: calc(var(--column-width-gutter) / 1);
  }
}
@media (min-width: 1024px) {
  .enterprise-features__description-item:nth-child(2n)
    .enterprise-features__description-copy {
    --column-start: 2;
    margin-left: calc(var(--column-width-gutter) / 1.5);
  }
}
.enterprise-features__description-title {
  font-size: var(--h2);
  max-width: 20ch;
}
.enterprise-features__description-list {
  font-size: var(--body1);
  margin-top: var(--space-m);
}
.enterprise-features__description-list li {
  max-width: 90%;
  position: relative;
  padding-left: var(--list-item-indent);
}
.enterprise-features__description-list li:not(:first-child) {
  margin-top: var(--space-xs);
}
@media (min-width: 940px) {
  .enterprise-features__description-list li {
    max-width: 30ch;
  }
}
.enterprise-features__description-list .o-icon {
  --size: calc(var(--body1) * 0.4);
  position: absolute;
  top: calc(var(--body1) / 1.4);
  left: 0;
  transform: translateY(-50%);
}
.enterprise-features__description-list svg {
  fill: #438de5;
  stroke: none;
}
.enterprise-features__description-item:nth-child(2n)
  .enterprise-features__description-list
  svg {
  fill: #44bdd5;
}
@media (max-width: 939.98px) {
  .enterprise-features__description-list {
    margin-top: var(--space-s);
  }
}
#fin-services-cards {
  padding: var(--space-5xl) 0 var(--space-2xl);
  color: var(--color-black);
  user-select: none;
}
@media (max-width: 939.98px) {
  #fin-services-cards .o-container {
    padding-right: 0;
  }
}
#fin-services-cards__wrapper {
  --column-span: 12;
}
@media (min-width: 1440px) {
  #fin-services-cards__wrapper {
    --column-span: 10;
    --column-start: 2;
  }
}
#fin-services-cards__title {
  font-size: var(--h1);
  margin-bottom: var(--space-xl);
  z-index: 2;
}
@media (min-width: 1440px) {
  #fin-services-cards__title {
    --column-span: 10;
    --column-start: 2;
  }
}
@media (max-width: 939.98px) {
  #fin-services-cards__title {
    margin-bottom: 0;
    background: var(--color-white);
  }
}
#fin-services-cards__items-wrapper {
  position: relative;
}
#fin-services-cards__items-wrapper-nav-prev,
#fin-services-cards__items-wrapper-nav-next {
  --nav-item-vertical-offset: calc(
    (100vw - calc(var(--container-padding) * 2) - calc(var(--gutter) * 3)) / 4 *
      (4 / 3) / 2
  );
  position: absolute;
  top: var(--nav-item-vertical-offset);
  transform: translateY(-50%);
  cursor: pointer;
  width: var(--space-xl);
  height: var(--space-xl);
  border-radius: 9999px;
  z-index: 1;
  display: flex;
  justify-content: center;
  transform-origin: center;
  align-items: center;
  transition: opacity 0.5s var(--faster-start-easing),
    transform 0.5s var(--faster-start-easing);
}
#fin-services-cards__items-wrapper-nav-prev:before,
#fin-services-cards__items-wrapper-nav-next:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #f2f5fa;
  border-radius: 9999px;
  transition: transform 0.75s var(--faster-start-easing);
}
#fin-services-cards__items-wrapper-nav-prev:after,
#fin-services-cards__items-wrapper-nav-next:after {
  content: "";
  position: absolute;
  box-shadow: 0 5px 10px #00000080;
  inset: 0;
  border-radius: 9999px;
  transition: opacity 0.75s var(--faster-start-easing),
    transform 0.75s var(--faster-start-easing);
}
#fin-services-cards__items-wrapper-nav-prev:not(.is-disabled):hover:after,
#fin-services-cards__items-wrapper-nav-prev:not(.is-disabled):hover:before,
#fin-services-cards__items-wrapper-nav-next:not(.is-disabled):hover:after,
#fin-services-cards__items-wrapper-nav-next:not(.is-disabled):hover:before {
  transform: scale(0.9090909091);
}
#fin-services-cards__items-wrapper-nav-prev.is-disabled,
#fin-services-cards__items-wrapper-nav-next.is-disabled {
  opacity: 0.5;
  transform: translateY(-50%) scale(1);
  cursor: default;
}
#fin-services-cards__items-wrapper-nav-prev.is-disabled:after,
#fin-services-cards__items-wrapper-nav-next.is-disabled:after {
  opacity: 0;
}
#fin-services-cards__items-wrapper-nav-prev.is-invisible,
#fin-services-cards__items-wrapper-nav-next.is-invisible {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 939.98px) {
  #fin-services-cards__items-wrapper-nav-prev,
  #fin-services-cards__items-wrapper-nav-next {
    display: none;
  }
}
@media (min-width: 1440px) {
  #fin-services-cards__items-wrapper-nav-prev,
  #fin-services-cards__items-wrapper-nav-next {
    --nav-item-vertical-offset: calc(
      (
          100vw - calc(var(--container-padding) * 2) - calc(var(--gutter) * 3) -
            var(--column-width-gutter) * 2
        ) / 4 * (4 / 3) / 2
    );
  }
}
#fin-services-cards__items-wrapper-nav-prev .o-icon,
#fin-services-cards__items-wrapper-nav-next .o-icon {
  --size: 16px;
  transition: transform 0.75s var(--faster-start-easing);
  will-change: transform;
}
#fin-services-cards__items-wrapper-nav-prev {
  left: var(--gutter);
}
#fin-services-cards__items-wrapper-nav-prev .o-icon {
  transform: translate(-1px) rotate(90deg);
}
#fin-services-cards__items-wrapper-nav-prev:not(.is-disabled):active .o-icon {
  transform: scaleY(0.8333333333) translate(-3px) rotate(90deg);
}
#fin-services-cards__items-wrapper-nav-next {
  right: var(--gutter);
}
#fin-services-cards__items-wrapper-nav-next .o-icon {
  transform: translate(1px) rotate(-90deg);
}
#fin-services-cards__items-wrapper-nav-next:not(.is-disabled):active .o-icon {
  transform: scaleY(0.8333333333) translate(3px) rotate(-90deg);
}
#fin-services-cards__items {
  display: flex;
  gap: var(--gutter);
  margin-top: var(--space-l);
}
@media (min-width: 940px) {
  #fin-services-cards__items {
    overflow: clip;
  }
}
@media (max-width: 939.98px) {
  #fin-services-cards__items {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-snap-type: x mandatory;
  }
  #fin-services-cards__items::-webkit-scrollbar {
    display: none;
  }
}
.fin-services-cards__item {
  flex-shrink: 0;
  cursor: pointer;
}
@media (max-width: 939.98px) {
  .fin-services-cards__item {
    width: calc(var(--column-width-gutter) * 9 + var(--column-width));
    scroll-snap-align: start;
  }
}
@media (min-width: 940px) {
  .fin-services-cards__item {
    width: calc(
      (var(--column-width-gutter) * 5 + var(--column-width) - var(--gutter)) / 2
    );
  }
}
@media (min-width: 1440px) {
  .fin-services-cards__item {
    width: calc(
      (var(--column-width-gutter) * 4 + var(--column-width) - var(--gutter)) / 2
    );
  }
}
@media (max-width: 939.98px) {
  .fin-services-cards__item-content {
    padding-right: var(--space-xl);
  }
}
.fin-services-cards__item-image {
  padding-bottom: 133.3333333333%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.fin-services-cards__item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 2s var(--fast-start-easing);
  transform: scale(1.025);
}
.fin-services-cards__item-image:hover img {
  transform: none;
}
.fin-services-cards__item-image:hover .o-icon {
  transform: translate(-50%, -50%) scale(1.025);
}
.fin-services-cards__item-image .o-icon {
  width: var(--space-5xl);
  height: auto;
  max-height: var(--space-xl);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: var(--color-white);
  stroke: none;
  transition: transform 2s var(--fast-start-easing);
}
.fin-services-cards__item-image .o-icon svg {
  height: 100%;
  max-height: var(--space-l);
}
.fin-services-cards__item-header {
  display: flex;
  color: #818f9a;
  margin-top: var(--space-m);
}
.fin-services-cards__item-title {
  font-size: var(--h5);
  white-space: nowrap;
}
.fin-services-cards__item-company {
  font-size: var(--h5);
  position: relative;
}
@media (min-width: 940px) and (max-width: 1023.98px) {
  .fin-services-cards__item-company {
    padding-left: var(--space-2xs);
    margin-left: var(--space-2xs);
  }
}
.fin-services-cards__item-title + .fin-services-cards__item-company {
  padding-left: var(--space-s);
  margin-left: var(--space-s);
}
.fin-services-cards__item-title + .fin-services-cards__item-company:before {
  content: "";
  position: absolute;
  top: 15%;
  left: 0;
  width: 1px;
  background-color: currentColor;
  height: 70%;
  opacity: 0.75;
  display: block;
}
.fin-services-cards__item-description {
  font-size: var(--body2);
  margin-top: var(--space-2xs-xs);
  min-height: 6em;
}
#fin-services-contact {
  --list-item-indent: var(--space-s);
  --border-radius: 8px;
  position: relative;
  color: var(--color-white);
  padding-top: var(--space-5xl-6xl);
}
#fin-services-contact__wrapper {
  border-radius: 10px;
  position: relative;
  background: linear-gradient(0deg, #e9f0fc, #f2f5fa);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-m);
  padding: var(--space-3xl-4xl) 0;
}
@media (min-width: 1024px) {
  #fin-services-contact__wrapper {
    --column-span: 10;
    --column-start: 2;
  }
}
@media (max-width: 939.98px) {
  #fin-services-contact__wrapper {
    gap: var(--space-l);
    padding: var(--space-5xl-6xl) 0;
  }
}
#fin-services-contact__title {
  text-align: center;
  font-size: calc(1.5 * var(--h2));
  color: var(--color-black);
}
#fin-services-contact__title span:last-child {
  display: none;
}
@media (max-width: 939.98px) {
  #fin-services-contact__title span:first-child {
    display: none;
  }
  #fin-services-contact__title span:last-child {
    display: block;
  }
}
#fin-services-contact__button {
  font-size: var(--btn1);
  display: inline-block;
  padding: 0.75em 2em;
  color: var(--color-white);
  position: relative;
}
#fin-services-contact__button:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #141a26;
  border-radius: 12px;
  transition: transform 1s var(--fast-start-easing);
  transform: scale(0.99);
}
#fin-services-contact__button:hover:before {
  transform: scale(0.96);
}
#fin-services-contact__button span {
  position: relative;
}
@media (max-width: 939.98px) {
  #fin-services-contact__button {
    font-size: var(--fluid-12-16);
    padding: 0.4em 1em;
  }
  #fin-services-contact__button:before {
    border-radius: 6px;
  }
}
#fin-services-header {
  overflow: hidden;
  display: flex;
  height: calc(var(--vh, vh) * 100);
  position: relative;
  color: #bad7f5;
  pointer-events: none;
}
#fin-services-header-wrapper {
  position: absolute;
}
#fin-services-header__grid {
  height: calc(var(--vh, vh) * 100);
  position: absolute;
  left: var(--container-padding);
  right: var(--container-padding);
  top: 0;
  bottom: 0;
}
@media (max-width: 939.98px) {
  #fin-services-header__grid {
    grid-template-rows:
      1fr
      1fr;
  }
}
#fin-services-header__main-copy {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  pointer-events: auto;
  --column-span: 10;
}
@media (min-width: 940px) {
  #fin-services-header__main-copy {
    --column-span: 5;
    --column-start: 2;
  }
}
@media (max-width: 939.98px) {
  #fin-services-header__main-copy {
    position: absolute;
    left: 0;
    right: 0;
    top: 70%;
    transform: translateY(-50%);
    text-align: center;
    height: auto;
  }
}
#fin-services-header__hero-image {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}
@media (min-width: 940px) {
  #fin-services-header__hero-image {
    display: flex;
    --column-span: 5;
    --column-start: 7;
  }
}
#fin-services-header__hero-image video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  object-fit: contain;
  transform: translate(-50%, -50%);
}
@media (max-width: 939.98px) {
  #fin-services-header__hero-image video {
    margin-top: var(--space-m);
  }
}
#fin-services-header__caption {
  font-size: var(--h5);
}
@media (max-width: 939.98px) {
  #fin-services-header__caption {
    font-size: 0.7em;
  }
}
#fin-services-header__title {
  font-size: var(--fluid-36-50);
  margin-top: var(--space-xs);
  margin-bottom: var(--space-l);
  white-space: nowrap;
}
@media (min-width: 1960px) {
  #fin-services-header__title {
    font-size: var(--h1);
  }
}
@media (max-width: 939.98px) {
  #fin-services-header__title {
    font-size: var(--fluid-22-40);
    justify-content: center;
    margin-bottom: var(--space-m);
  }
}
@media (max-width: 359.98px) {
  #fin-services-header__title {
    font-size: var(--h2);
    margin-top: var(--space-2xs);
  }
}
#fin-services-header__button-cta {
  position: relative;
  color: var(--color-dark);
  padding: 0.9em 1.5em;
  display: inline-block;
  line-height: 1;
  transition: color 0.5s;
}
#fin-services-header__button-cta:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #bad7f5;
  border-radius: 12px;
  transition: transform 1s var(--fast-start-easing), background 0.5s;
  will-change: transform;
}
#fin-services-header__button-cta:hover:before {
  transform: scale(0.96);
}
#fin-services-header__button-cta span {
  position: relative;
}
#fin-services-header__subtitle {
  font-size: var(--body1);
  max-width: 26ch;
  margin-top: var(--space-l);
}
@media (max-width: 939.98px) {
  #fin-services-header__subtitle {
    display: none;
  }
}
#fin-services-header__logo-lists-outer-wrapper {
  position: absolute;
  bottom: var(--space-xs);
  left: 50%;
  transform: translate(-50%);
  mask-image: linear-gradient(
    to right,
    transparent var(--space-l-xl),
    white 20%,
    white 80%,
    transparent calc(100% - var(--space-l-xl))
  );
}
@media (min-width: 940px) {
  #fin-services-header__logo-lists-outer-wrapper {
    bottom: var(--space-2xl);
  }
}
#fin-services-header__logo-lists-wrapper {
  --logo-list-duration: 20s;
}
#fin-services-header__logo-lists-wrapper .o-icon {
  fill: var(--color-primary-04);
}
#fin-services-quote {
  display: none;
  --list-item-indent: var(--space-s);
  --border-radius: 8px;
  position: relative;
  color: var(--color-black);
  padding-top: var(--space-2xl-3xl);
  text-align: center;
}
@media (max-width: 939.98px) {
  #fin-services-quote {
    text-align: left;
  }
}
#fin-services-quote .o-container {
  position: relative;
  padding: 0;
}
#fin-services-quote__wrapper {
  position: absolute;
  inset: 0;
  padding: 0 var(--container-padding);
}
@media (min-width: 940px) {
  #fin-services-quote__wrapper {
    --column-span: 8;
    --column-start: 3;
  }
}
#fin-services-quote__title {
  font-size: var(--h3);
  max-width: 52ch;
  margin: auto;
}
#fin-services-quote__author {
  font-size: var(--body1);
  font-weight: 600;
}
#fin-services-quote__author span {
  padding-top: var(--space-m);
}
#fin-services-quote__nav {
  padding-top: var(--space-m);
  display: flex;
  gap: var(--space-3xs);
  justify-content: center;
  align-items: center;
}
#fin-services-quote__nav div {
  height: var(--space-3xs);
  position: relative;
  width: var(--space-m);
  border-radius: 4px;
  background: #c7d1d9;
  overflow: hidden;
  transition: width 0.5s var(--faster-start-easing);
}
#fin-services-quote__nav div span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-black);
  opacity: 0;
  transition: opacity 0.5s var(--faster-start-easing);
}
#fin-services-quote__nav div.is-active {
  width: var(--space-xl);
}
#fin-services-quote__nav div.is-active span {
  opacity: 1;
}
@media (max-width: 939.98px) {
  #fin-services-quote__nav {
    justify-self: flex-start;
    transform: translate(0);
  }
}
#fin-services-security {
  --list-item-indent: var(--space-s);
  --border-radius: 8px;
  position: relative;
  color: var(--color-black);
  padding-top: var(--space-5xl-6xl);
}
@media (max-width: 939.98px) {
  #fin-services-security {
    padding-top: 0;
  }
}
#fin-services-security__wrapper {
  position: relative;
  --column-start: 1;
  --column-span: 12;
}
@media (min-width: 1024px) {
  #fin-services-security__wrapper {
    --column-start: 2;
    --column-span: 10;
  }
}
#fin-services-security__title {
  font-size: var(--h1);
  max-width: 21ch;
}
@media (max-width: 939.98px) {
  #fin-services-security__title {
    margin-bottom: var(--space-s);
  }
}
#fin-services-security__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--space-s);
}
@media (min-width: 940px) {
  #fin-services-security__list {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
  }
}
.fin-services-security__item {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  background-color: #e9f0fc;
  border-radius: 10px;
}
@media (min-width: 940px) {
  .fin-services-security__item {
    flex-direction: column;
    margin: 0 auto var(--space-m);
    padding: 2em 0 1em;
  }
}
.fin-services-security__item-title {
  font-size: calc(var(--h7) * 0.85);
  font-weight: 600;
  text-align: left;
}
@media (min-width: 940px) {
  .fin-services-security__item-title {
    display: flex;
    max-width: 15em;
    text-align: center;
    height: 50%;
    align-items: center;
    margin-top: 1em;
  }
}
.fin-services-security__item-icon {
  width: 3rem;
  height: 3rem;
  margin: 1em;
}
@media (min-width: 940px) {
  .fin-services-security__item-icon {
    margin: 0 auto 0.5em;
  }
}
#fin-services-security__certifications {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--space-xl);
  border-top: 1px solid var(--color-gray-light);
  padding-top: var(--space-xl);
}
@media (max-width: 939.98px) {
  #fin-services-security__certifications {
    flex-direction: column;
    height: auto;
    gap: var(--space-s);
  }
}
#fin-services-security__certifications-list {
  display: flex;
  gap: var(--space-s);
  margin-right: var(--space-xl);
}
@media (max-width: 939.98px) {
  #fin-services-security__certifications-list {
    margin-right: 0;
  }
}
#fin-services-security__certifications-list img {
  height: var(--space-4xl);
  object-fit: contain;
}
@media (max-width: 939.98px) {
  #fin-services-security__certifications-list img {
    height: var(--space-4xl);
  }
}
#fin-services-security__slider {
  color: var(--color-white);
  margin-top: var(--space-2xl);
}
#fin-services-security__slider .o-slider__slide {
  padding-bottom: 45%;
}
@media (max-width: 1154.98px) {
  #fin-services-security__slider .o-slider__slide {
    padding-bottom: 50%;
  }
}
#fin-services-security__slider .o-slider__slide-text {
  width: 45%;
}
@media (max-width: 1339.98px) {
  #fin-services-security__slider .o-slider__slide-text {
    padding-bottom: 40px;
  }
}
#fin-services-security__slider .o-slider__slide-title {
  font-size: var(--h2);
  max-width: 17ch;
  margin-bottom: var(--space-m);
}
@media (max-width: 1154.98px) {
  #fin-services-security__slider .o-slider__slide-title {
    font-size: var(--h3);
    margin-bottom: var(--space-xs);
  }
}
#fin-services-security__slider .o-slider__slide-description {
  margin-bottom: var(--space-m);
}
@media (max-width: 1154.98px) {
  #fin-services-security__slider .o-slider__slide-description {
    font-size: 12px;
    margin-bottom: var(--space-xs);
  }
}
#fin-services-security__slider .o-slider__slide-list {
  margin-top: 0;
}
#fin-services-security__slider .o-slider__slide-list-item {
  font-size: var(--body2);
  max-width: 35ch;
}
@media (max-width: 1154.98px) {
  #fin-services-security__slider .o-slider__slide-list-item {
    font-size: 12px;
  }
}
@media (max-width: 939.98px) {
  #fin-services-security__slider .o-slider__slide-list-item {
    font-size: 12px;
  }
}
#fin-services-security__slider .o-slider__slide-list-item:only-child .o-icon {
  display: none;
}
#fin-services-security__slider .o-slider__slide-list-item .o-icon {
  top: calc(var(--body2) / 2.25);
}
#fin-services-security__slider .o-slider__slide-list-item.is-active:before {
  opacity: 0.15;
}
#fin-services-security__slider .o-slider__slide-list-item:nth-child(1) {
  --index: 0;
  --index-reverse: 4;
}
#fin-services-security__slider .o-slider__slide-list-item:nth-child(2) {
  --index: 1;
  --index-reverse: 3;
}
#fin-services-security__slider .o-slider__slide-list-item:nth-child(3) {
  --index: 2;
  --index-reverse: 2;
}
#fin-services-security__slider .o-slider__slide-list-item:nth-child(4) {
  --index: 3;
  --index-reverse: 1;
}
#fin-services-security__slider .o-slider__slide-list-item:nth-child(5) {
  --index: 4;
  --index-reverse: 0;
}
#fin-services-security__slider .o-slider__slide-wrapper:before {
  background: radial-gradient(circle at 85% 50%, #38c3df, #38c3df00 60%),
    linear-gradient(
      90deg,
      var(--color-primary-01) 0%,
      var(--color-primary-02) 100%
    );
}
#fin-services-security .o-slides-mobile {
  margin-top: var(--space-l);
}
#fin-services-security .o-slides-mobile__item-image {
  padding-bottom: 100%;
}
@media (max-width: 939.98px) {
  #fin-services-security .o-slider__slide-text {
    padding-top: var(--space-l);
    padding-left: var(--space-s);
  }
  #fin-services-security .o-slider__slide-text * {
    opacity: 1;
    color: var(--color-black);
  }
  #fin-services-security .o-slider__slide-description {
    margin-top: var(--space-s);
  }
}
#fin-services-showcase {
  --list-item-indent: var(--space-s);
  --border-radius: 8px;
  position: relative;
  color: var(--color-black);
  padding-top: var(--space-4xl-5xl);
}
#fin-services-showcase__main-wrapper {
  position: relative;
}
@media (min-width: 1024px) {
  #fin-services-showcase__main-wrapper {
    --column-span: 10;
    --column-start: 2;
  }
}
#fin-services-showcase__list {
  margin-top: var(--space-2xl);
}
@media (max-width: 939.98px) {
  .fin-services-showcase__item:first-child {
    display: none;
  }
}
.fin-services-showcase__item:not(:first-child) {
  margin-top: var(--space-3xl);
}
@media (min-width: 940px) {
  .fin-services-showcase__item:not(:first-child) {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 939.98px) {
  .fin-services-showcase__item:nth-child(2) {
    margin-top: 0;
  }
}
.fin-services-showcase__image {
  --column-span: 12;
  height: 0;
  padding-bottom: 75%;
  align-self: center;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #446dcd, #4bb6d3, #6ef2cc);
}
@media (min-width: 940px) {
  .fin-services-showcase__image {
    --column-start: 1;
    --column-span: 6;
  }
}
@media (min-width: 1024px) {
  .fin-services-showcase__image {
    --column-start: 1;
    --column-span: 6;
  }
}
.fin-services-showcase__image img {
  --padding: calc(var(--container-padding) * 1.5);
  position: absolute;
  top: 50%;
  left: var(--padding);
  width: calc(100% - var(--padding) * 2);
  transform: translateY(-50%);
  object-fit: contain;
}
@media (min-width: 940px) {
  .fin-services-showcase__image img {
    --padding: 10%;
  }
}
.fin-services-showcase__copy {
  --column-span: 12;
  align-self: center;
}
@media (max-width: 939.98px) {
  .fin-services-showcase__copy {
    margin-top: var(--space-l-xl);
    padding-left: var(--space-s);
  }
}
@media (min-width: 940px) {
  .fin-services-showcase__copy {
    --column-start: 8;
    --column-span: 5;
  }
}
@media (min-width: 1024px) {
  .fin-services-showcase__copy {
    --column-start: 8;
    --column-span: 5;
  }
}
.fin-services-showcase__title {
  font-size: var(--h2);
  max-width: 20ch;
}
.fin-services-showcase__list {
  font-size: var(--body1);
  margin-top: var(--space-m);
}
.fin-services-showcase__list li {
  max-width: 90%;
  position: relative;
  padding-left: var(--list-item-indent);
}
.fin-services-showcase__list li:not(:first-child) {
  margin-top: var(--space-xs);
}
@media (min-width: 940px) {
  .fin-services-showcase__list li {
    max-width: 45ch;
  }
}
.fin-services-showcase__list .o-icon {
  --size: calc(var(--body1) * 0.4);
  position: absolute;
  top: calc(var(--body1) / 1.4);
  left: 0;
  transform: translateY(-50%);
}
.fin-services-showcase__list svg {
  fill: #438de5;
  stroke: none;
}
.fin-services-showcase__item:nth-child(2n) .fin-services-showcase__list svg {
  fill: #44bdd5;
}
@media (max-width: 939.98px) {
  .fin-services-showcase__list {
    margin-top: var(--space-s);
  }
}
.fin-services-showcase__caption {
  font-size: var(--h5);
  display: flex;
  align-items: center;
}
#fin-services-showcase__nav-prev,
#fin-services-showcase__nav-next {
  --nav-item-vertical-offset: calc(
    (100vw - calc(var(--container-padding) * 2) - calc(var(--gutter) * 3)) / 4 *
      (4 / 3) / 2
  );
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  cursor: pointer;
  width: var(--space-xl);
  height: var(--space-xl);
  border-radius: 9999px;
  z-index: 1;
  display: flex;
  justify-content: center;
  transform-origin: center;
  align-items: center;
  transition: opacity 0.5s var(--faster-start-easing),
    transform 0.5s var(--faster-start-easing);
}
#fin-services-showcase__nav-prev:before,
#fin-services-showcase__nav-next:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #f2f5fa;
  border-radius: 9999px;
  transition: transform 0.75s var(--faster-start-easing);
}
#fin-services-showcase__nav-prev:after,
#fin-services-showcase__nav-next:after {
  content: "";
  position: absolute;
  box-shadow: 0 5px 10px #00000080;
  inset: 0;
  border-radius: 9999px;
  transition: opacity 0.75s var(--faster-start-easing),
    transform 0.75s var(--faster-start-easing);
}
#fin-services-showcase__nav-prev:not(.is-disabled):hover:after,
#fin-services-showcase__nav-prev:not(.is-disabled):hover:before,
#fin-services-showcase__nav-next:not(.is-disabled):hover:after,
#fin-services-showcase__nav-next:not(.is-disabled):hover:before {
  transform: scale(0.9090909091);
}
#fin-services-showcase__nav-prev.is-disabled,
#fin-services-showcase__nav-next.is-disabled {
  opacity: 0.5;
  transform: translateY(-50%) scale(1);
  cursor: default;
}
#fin-services-showcase__nav-prev.is-disabled:after,
#fin-services-showcase__nav-next.is-disabled:after {
  opacity: 0;
}
#fin-services-showcase__nav-prev.is-invisible,
#fin-services-showcase__nav-next.is-invisible {
  display: none;
}
@media (max-width: 939.98px) {
  #fin-services-showcase__nav-prev,
  #fin-services-showcase__nav-next {
    display: none;
  }
}
@media (min-width: 1440px) {
  #fin-services-showcase__nav-prev,
  #fin-services-showcase__nav-next {
    --nav-item-vertical-offset: calc(
      (
          100vw - calc(var(--container-padding) * 2) - calc(var(--gutter) * 3) -
            var(--column-width-gutter) * 2
        ) / 4 * (4 / 3) / 2
    );
  }
}
#fin-services-showcase__nav-prev .o-icon,
#fin-services-showcase__nav-next .o-icon {
  --size: 16px;
  transition: transform 0.75s var(--faster-start-easing);
  will-change: transform;
}
#fin-services-showcase__nav-prev {
  right: calc(1.5 * var(--space-xl));
}
#fin-services-showcase__nav-prev .o-icon {
  transform: rotate(90deg);
}
#fin-services-showcase__nav-next {
  right: 0;
}
#fin-services-showcase__nav-next .o-icon {
  transform: rotate(-90deg);
}
#fin-services-usecases {
  --card-padding: calc(var(--container-padding) * 1.2);
  --card-padding-y: calc(var(--container-padding) * 1.5);
  --list-item-indent: var(--space-s);
  --border-radius: 8px;
  position: relative;
  color: var(--color-black);
  padding-top: var(--space-5xl-6xl);
  text-align: center;
}
@media (max-width: 939.98px) {
  #fin-services-usecases {
    padding-top: 0;
    --card-padding-y: calc(var(--container-padding) * 3);
  }
}
#fin-services-usecases__wrapper {
  position: relative;
  padding: var(--space-3xl-4xl) 0;
}
@media (min-width: 1024px) {
  #fin-services-usecases__wrapper {
    --column-span: 10;
    --column-start: 2;
  }
}
#fin-services-usecases__title {
  font-size: var(--h1);
  margin-bottom: var(--space-2xl);
}
@media (min-width: 940px) {
  #fin-services-usecases__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-s);
  }
}
.fin-services-usecases__item {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  color: var(--color-primary-04);
  cursor: pointer;
}
@media (max-width: 939.98px) {
  .fin-services-usecases__item {
    height: auto;
    margin-top: var(--space-s);
  }
}
.fin-services-usecases__item-inner {
  position: relative;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: var(--card-padding-y) var(--card-padding) var(--card-padding);
}
.fin-services-usecases__item-inner:before {
  position: absolute;
  content: "";
  background: linear-gradient(0deg, #1e3652, #152232 30%, #0f131c 50%);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fin-services-usecases__item-inner > * {
  z-index: 1;
}
.fin-services-usecases__item-inner:after {
  position: absolute;
  content: "";
  background: radial-gradient(
    ellipse farthest-side at 50% 100%,
    #4593e140,
    #4593e100
  );
  left: -50%;
  bottom: 0;
  width: 200%;
  height: 50%;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}
.fin-services-usecases__item-title {
  font-size: var(--h2);
  margin-bottom: var(--space-s);
  transition: transform 0.5s var(--fast-start-easing);
}
.fin-services-usecases__item-description {
  font-size: var(--body2);
  width: 35ch;
  margin: 0 auto;
  transition: transform 0.7s var(--fast-start-easing);
}
@media (max-width: 939.98px) {
  .fin-services-usecases__item-description {
    width: 80%;
  }
}
@media (max-width: 359.98px) {
  .fin-services-usecases__item-description {
    width: 100%;
  }
}
.fin-services-usecases__item-image {
  position: relative;
  padding-bottom: 40%;
  margin-top: var(--space-m);
  transition: transform 0.9s var(--fast-start-easing);
}
@media (max-width: 939.98px) {
  .fin-services-usecases__item-image {
    padding-bottom: 70%;
    margin-top: 0;
  }
}
.fin-services-usecases__item-image-inner {
  position: absolute;
}
.fin-services-usecases__item-image-inner .o-rimlight {
  --border-radius: calc(var(--column-width) * 0.09);
  z-index: 0;
}
@media (max-width: 1439.98px) {
  .fin-services-usecases__item-image-inner .o-rimlight {
    --border-radius: calc(var(--column-width) * 0.25);
  }
}
@media (max-width: 939.98px) {
  .fin-services-usecases__item-image-inner {
    transform: scale(1.2) translate(10%, 20%);
  }
}
.fin-services-usecases__item-image-inner img {
  position: relative;
}
.fin-services-usecases__item-cta {
  position: relative;
  color: var(--color-primary-04);
  font-size: var(--body2);
}
.fin-services-usecases__item-cta > span {
  position: relative;
  display: block;
  transform: translateY(70%);
  transition: transform 0.75s var(--fast-start-easing),
    opacity 0.5s var(--fast-start-easing);
  padding: 0.75em 1em;
  opacity: 0;
}
.fin-services-usecases__item-cta > span > span {
  padding: 0.75em 1em;
  background: #bad7f526;
  border-radius: 12px;
}
@media (max-width: 939.98px) {
  .fin-services-usecases__item-cta {
    padding-top: var(--space-s);
  }
}
.fin-services-usecases__item:hover .fin-services-usecases__item-inner:after {
  opacity: 1;
}
.fin-services-usecases__item:hover .fin-services-usecases__item-cta > span {
  transform: translateY(0);
  opacity: 1;
}
.fin-services-usecases__item:hover .fin-services-usecases__item-title,
.fin-services-usecases__item:hover .fin-services-usecases__item-description {
  transform: translateY(calc(-1 * var(--body2)));
}
.fin-services-usecases__item:hover .fin-services-usecases__item-image {
  transform: translateY(calc(1 * var(--body2)));
}
@media (max-width: 939.98px) {
  .fin-services-usecases__item:hover .fin-services-usecases__item-image {
    transform: translateY(0);
  }
  .fin-services-usecases__item:hover .fin-services-usecases__item-title,
  .fin-services-usecases__item:hover .fin-services-usecases__item-description {
    transform: none;
  }
}
@media (max-width: 939.98px) {
  .fin-services-usecases__item .fin-services-usecases__item-cta span {
    transform: translateY(0);
    opacity: 1;
    background: none;
  }
}
#fin-services-usecases-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(var(--vh) * 100);
  background: #00000080;
  z-index: 9999;
  transition: opacity 0.5s var(--faster-start-easing);
}
#fin-services-usecases-modal__wrapper {
  --border-radius: 24px;
  position: relative;
  width: min(var(--vh) * 80 * 16 / 9, 90vw);
  height: calc(var(--vh) * 80);
  border-radius: var(--border-radius);
  background: #f2f5fa;
  box-shadow: 8px 8px 55px #24272d26;
  color: var(--color-black);
  font-size: var(--vh);
}
#fin-services-usecases-modal__wrapper:before {
  content: "";
  position: absolute;
  inset: 0 0 0 50%;
  background: #c9d7ee;
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
#fin-services-usecases-modal__wrapper.is-list:before {
  content: "";
  position: absolute;
  left: 50%;
  top: var(--container-padding);
  bottom: var(--container-padding);
  right: unset;
  width: 1px;
}
@media (max-width: 939.98px) {
  #fin-services-usecases-modal__wrapper.is-list:before {
    content: none;
  }
}
#fin-services-usecases-modal__wrapper.is-list
  #fin-services-usecases-modal__close:before {
  background: #d6dfee;
}
@media (max-width: 939.98px) {
  #fin-services-usecases-modal__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(var(--vh) * 90);
    width: 90vw;
    max-width: 600px;
  }
  #fin-services-usecases-modal__wrapper:before {
    content: none;
  }
}
#fin-services-usecases-modal__headline {
  position: absolute;
  left: var(--space-l);
  top: var(--space-m);
  font-size: 1.75em;
  font-weight: 600;
  z-index: 10;
}
#fin-services-usecases-modal__close {
  position: absolute;
  right: var(--space-m);
  top: var(--space-m);
  cursor: pointer;
  padding: 18px;
  z-index: 10;
}
#fin-services-usecases-modal__close:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: 6px;
  transition: transform 0.5s var(--faster-start-easing);
}
@media (max-width: 939.98px) {
  #fin-services-usecases-modal__close:before {
    background: #d6dfee;
  }
}
#fin-services-usecases-modal__close:hover:before {
  transform: scale(0.96);
}
#fin-services-usecases-modal__close .o-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.75);
  --size: 18px;
}
#fin-services-usecases-modal__content {
  position: absolute;
  display: flex;
  left: 5%;
  top: 15%;
  width: 45%;
  height: 70%;
  flex-direction: column;
}
@media (max-width: 939.98px) {
  #fin-services-usecases-modal__content {
    left: 10%;
    width: 85%;
    top: 10%;
    height: 80%;
  }
}
#fin-services-usecases-modal__tab-name {
  font-size: 1.5em;
  text-transform: capitalize;
  color: var(--color-gray);
  margin-top: 1.5em;
  font-weight: 600;
}
@media (min-width: 940px) {
  #fin-services-usecases-modal__tab-name {
    display: none;
  }
}
#fin-services-usecases-modal__copy-prompt {
  --color: #1f293e;
  position: relative;
  display: none;
  padding: var(--space-2xs) var(--space-xs);
  gap: var(--space-2xs);
  align-items: center;
  justify-content: center;
  margin-right: var(--space-m);
  color: var(--color);
  font-size: var(--body2);
  font-style: normal;
  line-height: 0;
}
#fin-services-usecases-modal__copy-prompt .o-icon {
  height: auto;
}
#fin-services-usecases-modal__copy-prompt .o-icon path {
  stroke: none;
  fill: var(--color);
}
#fin-services-usecases-modal__copy-prompt > span {
  position: relative;
}
#fin-services-usecases-modal__copy-prompt:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.05;
  background: var(--color);
  border-radius: 0.75rem;
  transition: transform 0.5s var(--faster-start-easing);
}
#fin-services-usecases-modal__copy-prompt:hover:before {
  transform: scale(0.96);
}
#fin-services-usecases-modal__title-wrapper {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5em;
}
#fin-services-usecases-modal__title {
  width: 90%;
  font-size: var(--h3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
#fin-services-usecases-modal__title .o-icon {
  position: relative;
  width: 2.5rem;
  stroke: none;
}
#fin-services-usecases-modal__title .o-icon svg {
  position: relative;
}
#fin-services-usecases-modal__title .o-icon:before {
  content: "";
  position: absolute;
  inset: -0.6rem -0.4rem;
  border-radius: 6px;
  background: #820ad1;
}
#fin-services-usecases-modal__scroll-wrapper {
  position: relative;
  width: 90%;
  height: 100%;
  flex-grow: 1;
  overflow: hidden;
}
@media (max-width: 939.98px) {
  #fin-services-usecases-modal__scroll-wrapper {
    width: 100%;
    padding: 0;
  }
}
#fin-services-usecases-modal__scroll-wrapper:before,
#fin-services-usecases-modal__scroll-wrapper:after {
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: var(--space-m);
  z-index: 1;
}
#fin-services-usecases-modal__scroll-wrapper:before {
  top: 0;
  background: linear-gradient(
    0deg,
    rgba(246, 246, 246, 0) 0%,
    var(--color-white) 100%
  );
}
#fin-services-usecases-modal__scroll-wrapper:after {
  bottom: 0;
  background: linear-gradient(
    0deg,
    var(--color-white) 0%,
    rgba(246, 246, 246, 0) 100%
  );
}
#fin-services-usecases-modal__scroll-content {
  position: relative;
  width: 95%;
  padding: var(--space-m) 0 var(--space-m);
}
.fin-services-usecases-modal__content-inner-left-title {
  display: none;
}
#fin-services-usecases-modal__content-right {
  position: absolute;
  right: 0;
  top: 10%;
  width: 50%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}
@media (max-width: 939.98px) {
  #fin-services-usecases-modal__content-right {
    display: none;
  }
}
.fin-services-usecases-modal__content-inner-right-item {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-l);
  width: 100%;
}
.fin-services-usecases-modal__content-inner-right-item > div {
  --background: #fff;
  width: 70%;
  padding-left: var(--space-l);
  position: relative;
  color: var(--color-black);
}
.fin-services-usecases-modal__content-inner-right-item > div:nth-child(1) {
  --background: #448ee3;
}
.fin-services-usecases-modal__content-inner-right-item > div:nth-child(2) {
  --background: #3fbdd6;
}
.fin-services-usecases-modal__content-inner-right-item > div:nth-child(3) {
  --background: #3fd4cc;
}
.fin-services-usecases-modal__content-inner-right-item > div:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5%;
  bottom: 0;
  width: 5px;
  background: var(--background);
  border-radius: 12px;
}
.fin-services-usecases-modal__content-inner-right-item img {
  object-fit: contain;
  position: absolute;
  right: 0;
  width: 85%;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
@media (max-width: 939.98px) {
  .fin-services-usecases-modal__content-inner-right-item {
    width: 100%;
  }
}
.fin-services-usecases-modal__content-inner-right-item-title {
  font-family: var(--font-family-heading);
  font-size: var(--fluid-22-40);
  flex: 1;
  position: relative;
}
.fin-services-usecases-modal__content-inner-right-item-description {
  flex: 1;
  position: relative;
  font-size: var(--fluid-14-16);
  display: flex;
  align-items: center;
  color: var(--color-gray-dark);
}
@media (max-width: 939.98px) {
  .fin-services-usecases-modal__content-inner-right-item-description {
    font-size: var(--body2);
  }
}
#fin-services-usecases-modal__nav {
  position: absolute;
  left: 5%;
  bottom: 8%;
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--body2);
  gap: var(--space-3xs-2xs);
}
@media (max-width: 939.98px) {
  #fin-services-usecases-modal__nav {
    position: absolute;
    bottom: 4%;
    left: 0;
    width: 100%;
    justify-content: center;
  }
}
#fin-services-usecases-modal__nav a {
  position: relative;
  white-space: nowrap;
  padding: 0.5em 0.75em;
  cursor: pointer;
  pointer-events: all;
  line-height: 1;
}
#fin-services-usecases-modal__nav a:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1000px;
  border: 1px solid var(--color-gray-light);
  transition: transform 0.5s var(--faster-start-easing);
  overflow: hidden;
}
#fin-services-usecases-modal__nav a:hover:before {
  transform: scale(0.96);
}
#fin-services-usecases-modal__nav a.is-active {
  color: var(--color-white);
}
#fin-services-usecases-modal__nav a.is-active:before {
  background: var(--color-black);
  border: 1px solid var(--color-black);
}
#fin-services-usecases-modal__nav a span {
  position: relative;
}
@media (max-width: 939.98px) {
  #fin-services-usecases-modal__nav a {
    padding: 4px;
  }
  #fin-services-usecases-modal__nav a:before {
    background: var(--color-gray-light);
  }
  #fin-services-usecases-modal__nav a span {
    display: none;
  }
}
.fin-services-usecases-modal__content-inner-left-description {
  padding-right: 1em;
  font-size: 1.8em;
}
.fin-services-usecases-modal__content-inner-left-description u {
  list-style: disc;
  padding-left: 1em;
}
.fin-services-usecases-modal__content-inner-left-description li {
  margin-bottom: 1em;
}
.fin-services-usecases-modal__content-inner-left-description p {
  color: var(--color-gray-dark);
}
.fin-services-usecases-modal__content-inner-left-item {
  padding-right: var(--space-2xs);
}
.prompt u {
  display: block;
  list-style-type: disc;
  margin-left: var(--space-s);
}
.prompt li {
  display: list-item;
  list-style-type: disc;
  margin-left: var(--space-s);
  margin-bottom: var(--space-2xs);
  font-size: var(--body2);
}
.prompt pre {
  white-space: break-spaces;
}
#fin-services-usecases-modal__content-scroll-indicator {
  position: absolute;
  right: calc(var(--container-padding) * 0.3);
  width: 0.7em;
  top: var(--space-m);
  bottom: var(--space-m);
  z-index: 5;
}
#fin-services-usecases-modal__content-scroll-indicator-bar {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  transform-origin: 0 0;
  border-radius: 0.5em;
}
.fin-services-usecases-modal__content-inner-left-img {
  border-radius: 12px;
  margin-bottom: var(--space-m);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-s);
  width: 100%;
}
@media (min-width: 940px) {
  .fin-services-usecases-modal__content-inner-left-img {
    display: none;
  }
}
.fin-services-usecases-modal__content-inner-left-img img {
  border-radius: 6px;
}
.fin-services-usecases-modal__content-inner-left-img > div {
  --background: #fff;
  width: 100%;
  padding-left: var(--space-s);
  position: relative;
  color: var(--color-black);
}
.fin-services-usecases-modal__content-inner-left-img > div:nth-child(1) {
  --background: #448ee3;
}
.fin-services-usecases-modal__content-inner-left-img > div:nth-child(2) {
  --background: #3fbdd6;
}
.fin-services-usecases-modal__content-inner-left-img > div:nth-child(3) {
  --background: #3fd4cc;
}
.fin-services-usecases-modal__content-inner-left-img > div:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5%;
  bottom: 0;
  width: 5px;
  background: var(--background);
  border-radius: 12px;
}
#home-bento {
  position: relative;
  z-index: 1;
  min-height: calc(var(--vh, vh) * 100);
  padding: calc(var(--space-8xl) * 0.5) 0;
  color: #bad7f5;
}
@media (min-width: 940px) {
  #home-bento {
    padding: calc(var(--space-8xl) * 1.5) 0 calc(var(--space-8xl) * 1.5);
  }
}
#home-bento__headline {
  --column-span: 10;
  --column-start: 2;
}
@media (min-width: 940px) {
  #home-bento__headline {
    --column-span: 5;
    --column-start: 2;
  }
}
#home-bento__title {
  font-size: var(--h1);
}
#home-bento__subtitle {
  margin-top: var(--space-m);
  font-size: var(--body1);
  max-width: 30ch;
}
#home-bento__wrapper {
  --gutter-y: var(--container-padding);
  margin-top: var(--space-2xl);
}
@media (min-width: 940px) {
  #home-bento__wrapper {
    --gutter-y: var(--gutter);
    margin-top: calc(var(--space-3xl) * -1);
  }
}
.home-bento__item {
  --column-span: 12;
  position: relative;
}
.home-bento__item .o-rimlight {
  --border-radius: 15px;
}
@media (max-width: 1439.98px) {
  .home-bento__item .o-rimlight {
    --border-radius: 8px;
  }
}
.home-bento__item .home-bento__item-inner {
  border-radius: 15px;
}
@media (max-width: 1439.98px) {
  .home-bento__item .home-bento__item-inner {
    border-radius: 8px;
  }
}
.home-bento__item-inner {
  position: relative;
  overflow: hidden;
  background: #131a29;
}
@media (min-width: 940px) {
  .home-bento__item-inner {
    padding-bottom: 80%;
  }
}
.home-bento__item-image-dot-pulse {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.home-bento__item-image-dot-pulse:before,
.home-bento__item-image-dot-pulse:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, #fff0 20%, #fff6);
  border-radius: 50%;
  opacity: 0.1;
}
.home-bento__item-image-dot-pulse:before {
  animation: home-bento__item-image-dot-pulse 3s ease-out infinite;
}
.home-bento__item-image-dot-pulse:after {
  animation: home-bento__item-image-dot-pulse 3s 1.5s ease-out infinite;
}
@keyframes home-bento__item-image-dot-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(3);
  }
}
.home-bento__item-label {
  font-size: var(--h5);
  display: inline-block;
  margin-bottom: 2em;
  color: #d3e3f6;
  background: #202d45;
  padding: 0.5em 0.9em;
  border-radius: 5px;
}
@media (max-width: 939.98px) {
  .home-bento__item-text {
    padding: calc(var(--gutter) * 3.5);
  }
}
.home-bento__item-title {
  font-size: calc(var(--h4) * 1.1);
  line-height: 1.25;
}
@media (max-width: 939.98px) {
  .home-bento__item-title br {
    display: none;
  }
}
.home-bento__item-subtitle {
  font-size: calc(var(--body2) * 1.1);
  margin-top: 1.25em;
}
@media (max-width: 939.98px) {
  .home-bento__item-subtitle br {
    display: none;
  }
}
@media (max-width: 939.98px) {
  .home-bento__item-image-main-wrapper {
    display: none;
  }
}
#home-bento__item-01-visual-wrapper {
  position: absolute;
  top: 6.6vw;
  height: 2.2vw;
  left: 3.1vw;
  right: 3.2vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 940px) and (max-width: 1439.98px) {
  #home-bento__item-01-visual-wrapper {
    top: 8.25vw;
    left: 3.9vw;
    right: 4vw;
  }
}
#home-bento__item-01-visual-label {
  font-size: 0.75vw;
  width: 4vw;
  color: #6583a4;
}
#home-bento__item-01-visual-textbox {
  width: 67%;
  height: 100%;
  background: #32486c;
  border-radius: 0.5vw;
  position: absolute;
  top: 50%;
  left: 4.2vw;
  transform: translateY(-50%);
}
@media (min-width: 940px) and (max-width: 1439.98px) {
  #home-bento__item-01-visual-textbox {
    width: 72.3%;
  }
}
#home-bento__item-01-visual-textbox-text {
  font-size: 0.75vw;
  color: red;
  color: #d3e3f6;
  z-index: 100;
  position: relative;
  position: absolute;
  top: 50%;
  left: 0.75vw;
  transform: translateY(-50%);
}
.home-bento__item-01-visual-button {
  --total-width: calc(
    (var(--column-width) * 5 + var(--gutter) * 4) * 0.9 - 3.1vw - 3.2vw
  );
  position: absolute;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  border-radius: 0.5vw;
  font-size: 0.75vw;
  line-height: 1.2em;
  overflow: hidden;
  transition: left 0.5s var(--fast-start-easing),
    right 0.5s var(--fast-start-easing), transform 0.5s var(--fast-start-easing);
}
.home-bento__item-01-visual-button .o-icon {
  position: absolute;
  vertical-align: middle;
  --size: 1vw;
  stroke-width: 0.03vw;
  left: 1.125vw;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1439.98px) {
  .home-bento__item-01-visual-button {
    --total-width: calc(
      (var(--column-width) * 6 + var(--gutter) * 5) * 0.9 - 3.9vw - 4vw
    );
  }
}
.home-bento__item-01-visual-button-text {
  position: absolute;
  left: calc(2.25vw + 2px);
  top: 50%;
  margin-top: -0.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(var(--total-width) - 4vw);
  overflow: hidden;
  height: 2em;
}
#home-bento__item-01-visual-button-fail {
  left: calc(var(--total-width) - 2.25vw - 2.575vw);
  background: #23344d;
  right: 2.575vw;
  color: #d3e3f6;
}
#home-bento__item-01-visual-wrapper.is-success
  #home-bento__item-01-visual-button-fail {
  transform: translateY(-50%) scale(0.9);
}
#home-bento__item-01-visual-button-success {
  left: calc(var(--total-width) - 2.25vw);
  right: 0;
  background: #6beccd;
  color: #2a3d5b;
  z-index: 2;
  pointer-events: auto;
  cursor: pointer;
}
#home-bento__item-01-visual-wrapper.is-success
  #home-bento__item-01-visual-button-success {
  cursor: default;
  left: 0;
}
#home-bento__item-01-visual-button-pulse {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.25vw;
  height: 2.25vw;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.5s var(--fast-start-easing);
}
#home-bento__item-01-visual-wrapper.is-success
  #home-bento__item-01-visual-button-pulse,
#home-bento__item-01-visual-wrapper.is-fail
  #home-bento__item-01-visual-button-pulse {
  opacity: 0;
}
#home-bento__item-01-visual-button-pulse:before,
#home-bento__item-01-visual-button-pulse:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff3;
  border-radius: 0.5vw;
  opacity: 0.1;
}
#home-bento__item-01-visual-button-pulse:before {
  animation: home-bento__item-01-visual-button-pulse 3s ease-out infinite;
}
#home-bento__item-01-visual-button-pulse:after {
  animation: home-bento__item-01-visual-button-pulse 3s -1.5s ease-out infinite;
}
@keyframes home-bento__item-01-visual-button-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.75);
  }
}
.home-bento__item-image-main-wrapper-mobile {
  position: relative;
}
@media (min-width: 940px) {
  .home-bento__item-image-main-wrapper-mobile {
    display: none;
  }
}
.home-bento__item-image-main-wrapper-mobile img {
  position: absolute;
  bottom: 0;
  right: 0;
  object-fit: contain;
}
#home-bento__item-01 .home-bento__item-image-line-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 15%;
}
@media (max-width: 939.98px) {
  #home-bento__item-01 .home-bento__item-image-line-wrapper {
    display: none;
  }
}
#home-bento__item-01 .home-bento__item-image-main-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90%;
}
#home-bento__item-01 .home-bento__item-image-main-wrapper-mobile {
  padding-bottom: 100%;
}
#home-bento__item-01 .home-bento__item-image-main-wrapper-mobile img {
  width: calc(100% - var(--gutter) * 2);
  bottom: 0;
}
@media (min-width: 940px) {
  #home-bento__item-01 .home-bento__item-title {
    position: absolute;
    top: 11%;
    left: 10%;
  }
}
@media (min-width: 940px) {
  #home-bento__item-01 {
    --column-span: 6;
    --column-start: 1;
    transform: translateY(50%);
  }
}
@media (min-width: 1440px) {
  #home-bento__item-01 {
    --column-span: 5;
    --column-start: 2;
  }
}
#home-bento__item-02 .home-bento__item-image-line-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 15%;
}
@media (max-width: 939.98px) {
  #home-bento__item-02 .home-bento__item-image-line-wrapper {
    display: none;
  }
}
#home-bento__item-02 .home-bento__item-image-main-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40%;
}
#home-bento__item-02 .home-bento__item-image-main-wrapper-mobile {
  padding-bottom: 90%;
}
#home-bento__item-02 .home-bento__item-image-main-wrapper-mobile img {
  object-position: center bottom;
  width: calc(100% - var(--gutter) * 4);
  height: 100%;
  bottom: 0;
  right: 0;
  left: calc(var(--gutter) * 2);
}
@media (min-width: 940px) {
  #home-bento__item-02 .home-bento__item-text {
    position: absolute;
    top: 37%;
    left: 10%;
  }
}
@media (min-width: 940px) {
  #home-bento__item-02 {
    --column-span: 6;
    transform: translateY(0);
  }
}
@media (min-width: 1440px) {
  #home-bento__item-02 {
    --column-span: 5;
  }
}
@media (min-width: 940px) {
  #home-bento__item-03 .home-bento__item-inner {
    padding-bottom: 95%;
  }
}
#home-bento__item-03 .home-bento__item-image-line-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 15%;
}
@media (max-width: 939.98px) {
  #home-bento__item-03 .home-bento__item-image-line-wrapper {
    display: none;
  }
}
#home-bento__item-03 .home-bento__item-image-main-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90%;
}
#home-bento__item-03 #home-bento__item-03-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateY(var(--space-xs));
  transition: opacity 0.75s var(--faster-start-easing),
    transform 0.75s var(--faster-start-easing);
}
#home-bento__item-03.is-active #home-bento__item-03-hover {
  opacity: 1;
  transform: translateY(0);
}
#home-bento__item-03 #home-bento__item-image-main-wrapper-dot {
  position: absolute;
  width: 1.2vw;
  height: 1.2vw;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 2.8vw;
  right: 4.1vw;
  cursor: pointer;
}
#home-bento__item-03 #home-bento__item-image-main-wrapper-dot .o-icon {
  --size: 0.8vw;
  z-index: 1;
  color: #738fa9;
}
#home-bento__item-03 #home-bento__item-image-main-wrapper-dot:hover:before {
  transform: translate(-50%, -50%) scale(1.1);
}
#home-bento__item-03 #home-bento__item-image-main-wrapper-dot * {
  pointer-events: none;
}
@media (min-width: 1440px) {
  #home-bento__item-03 #home-bento__item-image-main-wrapper-dot {
    top: 2.3vw;
    right: 3.2vw;
  }
}
#home-bento__item-03 #home-bento__item-image-main-wrapper-dot:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #6beccd;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.5s var(--faster-start-easing);
}
#home-bento__item-03.is-active #home-bento__item-image-main-wrapper-dot:before {
  transform: translate(-50%, -50%) scale(1.15);
}
#home-bento__item-03 .home-bento__item-image-main-wrapper-mobile {
  padding-bottom: 80%;
}
#home-bento__item-03 .home-bento__item-image-main-wrapper-mobile img {
  width: calc(100% - var(--gutter) * 2);
  bottom: 0;
}
@media (min-width: 940px) {
  #home-bento__item-03 .home-bento__item-text {
    position: absolute;
    top: 10%;
    left: 10%;
  }
}
@media (min-width: 940px) {
  #home-bento__item-03 {
    --column-span: 6;
    --column-start: 7;
    transform: translateY(0);
  }
}
@media (min-width: 1440px) {
  #home-bento__item-03 {
    --column-span: 5;
  }
}
#home-cards {
  height: calc(var(--vh, vh) * 300 - var(--site-header-height));
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 100%;
  flex-direction: column;
}
#home-cards__cards-container {
  position: absolute;
  inset: 0;
  padding-right: var(--container-padding);
  padding-left: var(--container-padding);
}
#home-cards__cards-wrapper {
  width: calc(var(--vh, vh) * 90);
  height: 30rem;
  position: relative;
}
.home-cards__card {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.home-cards__card-primary {
  flex: 1;
  height: 100%;
  background-color: var(--color-primary-03);
}
.home-cards__card-secondary {
  flex: 0.5;
  height: 100%;
  background-color: var(--color-primary-03);
}
#home-cta {
  position: relative;
  z-index: 1;
  color: var(--color-black);
  padding-top: calc(var(--space-8xl) * 1);
  padding-bottom: calc(var(--space-8xl) * 1);
}
@media (min-width: 940px) {
  #home-cta {
    padding-top: calc(var(--space-8xl) * 1.5);
    padding-bottom: calc(var(--space-8xl) * 1.5);
  }
}
#home-cta__copy {
  text-align: center;
}
#home-cta__caption {
  font-size: var(--h5);
  font-size: calc(var(--h4) * 0.8);
}
@media (max-width: 939.98px) {
  #home-cta__caption {
    font-size: 0.9em;
  }
}
#home-cta__title {
  font-size: var(--h1);
  margin-top: 0.25em;
  margin-bottom: 0.5em;
}
#home-cta__button {
  font-size: var(--btn2);
  padding: 1em 2em;
  position: relative;
  color: var(--color-white);
  display: inline-block;
}
#home-cta__button:hover:before {
  transform: scale(0.96);
}
#home-cta__button:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #141a26;
  border-radius: 12px;
  transition: transform 1s var(--fast-start-easing);
  transform: scale(0.99);
}
#home-cta__button span {
  position: relative;
  z-index: 1;
}
#home-cta__logo-lists-outer-wrapper {
  position: absolute;
  bottom: var(--container-padding);
  left: 50%;
  transform: translate(-50%);
  mask-image: linear-gradient(
    to right,
    transparent var(--space-l-xl),
    white 20%,
    white 80%,
    transparent calc(100% - var(--space-l-xl))
  );
}
@media (min-width: 940px) {
  #home-cta__logo-lists-outer-wrapper {
    bottom: var(--space-2xl);
  }
}
#home-cta__logo-lists-wrapper .o-icon {
  fill: #345068;
}
#home-hero {
  overflow: hidden;
  display: flex;
  position: relative;
  color: #bad7f5;
}
@media (min-width: 940px) {
  #home-hero {
    min-height: calc(var(--vh, 1vh) * 100);
  }
}
#home-hero__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: calc(var(--site-header-height) * 1.9);
}
@media (max-width: 939.98px) {
  #home-hero__wrapper {
    padding-top: calc(7vh + var(--site-header-height) * 2);
    padding-bottom: calc(var(--site-header-height) * 2.5);
  }
}
@media (min-width: 940px) {
  #home-hero__wrapper {
    padding-top: calc(13vh + var(--site-header-height));
  }
}
#home-hero__grid {
  height: calc(var(--vh, vh) * 100);
  position: absolute;
  left: var(--container-padding);
  right: var(--container-padding);
  top: 0;
  bottom: 0;
}
@media (max-width: 939.98px) {
  #home-hero__grid {
    grid-template-rows:
      1fr
      1fr;
  }
}
#home-hero__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media (min-width: 940px) {
  #home-hero__left {
    --column-span: 5;
    --column-start: 1;
    padding-left: var(--container-padding);
  }
}
@media (min-width: 1440px) {
  #home-hero__left {
    --column-span: 5;
    --column-start: 2;
    padding-left: 0;
  }
}
#home-hero__title {
  font-size: var(--h1);
}
#home-hero__buttons {
  font-size: var(--btn2);
  display: flex;
  margin-top: var(--space-m);
  gap: var(--space-m);
  align-items: center;
}
#home-hero__button-01 {
  position: relative;
  font-size: var(--btn1);
  padding: 0.7em 1.3em 0.65em;
  color: #0f131c;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-2xs);
}
#home-hero__button-01:hover:before {
  transform: scale(0.96);
}
#home-hero__button-01:before {
  z-index: -1;
  content: "";
  position: absolute;
  inset: 0;
  background-color: #bad7f5;
  transition: transform 1s var(--fast-start-easing);
  border-radius: 10px;
}
#home-hero__button-01 .o-icon {
  fill: #0f131c;
  stroke: none;
  margin-top: -2px;
}
#home-hero__button-02 {
  position: relative;
  line-height: 1.1;
}
#home-hero__button-02:hover:before {
  transform: scaleX(1);
  transform-origin: left;
}
#home-hero__button-02:before {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: #bad7f5;
  height: 1px;
  width: 100%;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.7s var(--fast-start-easing);
}
#home-hero__intro-text {
  margin-top: var(--space-m);
  margin-bottom: var(--space-l);
  max-width: 30ch;
  font-size: var(--body1);
}
@media (min-width: 940px) {
  #home-hero__intro-text {
    margin-top: var(--space-l);
    margin-bottom: var(--space-s);
  }
}
#home-hero__intro-text span {
  opacity: 0.6;
}
@media (max-width: 939.98px) {
  #home-hero__items {
    display: none;
  }
}
#home-hero__items ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#home-hero__items li {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: var(--space-s);
  position: relative;
}
#home-hero__items li > div:first-child {
  font-size: var(--body2);
  width: 3.5ch;
  height: 3.5ch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  position: relative;
}
#home-hero__items li > div:first-child:before {
  content: "";
  position: absolute;
  border-radius: 5px;
  z-index: -1;
  inset: 0;
  background-color: #1a2132;
  transition: transform 1s var(--fast-start-easing);
}
#home-hero__items li > div:last-child {
  font-size: var(--body2);
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #deeeff;
  line-height: 1.1;
}
#home-hero__items li > div:last-child div:first-child {
  transition: transform 1s var(--faster-start-easing);
}
#home-hero__items li > div:last-child div:last-child {
  transition: transform 1.5s var(--faster-start-easing);
  opacity: 0.6;
}
#home-hero__items li.is-active > div:first-child:before {
  transform: scaleX(1.1) scaleY(1.1);
}
#home-hero__items li.is-active > div:last-child div:first-child,
#home-hero__items li.is-active > div:last-child div:last-child {
  transform: translate(10px);
}
#home-hero__items li.is-active:before {
  opacity: 1;
  transform: scaleX(1);
  transition: opacity 0.1s, transform 1s var(--fast-start-easing);
}
#home-hero__items li.is-active:after {
  opacity: 1;
  transform: scaleX(1);
  transition: opacity 0.5s 0.05s var(--fast-start-easing),
    transform 1s var(--fast-start-easing);
}
#home-hero__items li:before {
  z-index: -1;
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, #212a3f, #1a2132);
  opacity: 0;
  max-width: 40ch;
  transition: opacity 0.1s, transform 0.1s 0.1s var(--fast-start-easing);
  border-radius: 10px;
  clip-path: polygon(
    0 0,
    calc(100% - 25px) 0,
    100% 50%,
    calc(100% - 25px) 100%,
    0 100%
  );
  transform: scaleX(0.9);
  transform-origin: left;
}
#home-hero__items li:after {
  z-index: -2;
  content: "";
  position: absolute;
  inset: -1px;
  background: linear-gradient(to right, #4f5e82, #1a2132);
  opacity: 0;
  max-width: 40ch;
  transition: opacity 0s, transform 0.1s 0.1s var(--fast-start-easing);
  border-radius: 10px;
  clip-path: polygon(
    0 0,
    calc(100% - 25px) 0,
    100% 50%,
    calc(100% - 25px) 100%,
    0 100%
  );
  transform: scaleX(0.9);
  transform-origin: left;
}
#home-hero__right {
  background-color: #080b12;
}
@media (max-width: 939.98px) {
  #home-hero__right {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
@media (min-width: 940px) {
  #home-hero__right {
    --column-span: 6;
    --column-start: 7;
    margin-right: var(--container-padding);
    align-self: center;
    margin-left: calc(-1 * var(--container-padding));
    border-radius: 10px;
  }
}
@media (min-width: 1440px) {
  #home-hero__right {
    --column-span: 5;
    --column-start: 7;
    margin-right: calc(-1 * var(--container-padding));
    margin-left: calc(-0.5 * var(--container-padding));
  }
}
#home-hero__right-images {
  position: relative;
  align-self: center;
  overflow: hidden;
}
@media (min-width: 1440px) {
  #home-hero__right-images {
    padding-bottom: 85%;
  }
}
@media (min-width: 940px) and (max-width: 1439.98px) {
  #home-hero__right-images {
    padding-bottom: 95%;
  }
}
@media (max-width: 939.98px) {
  #home-hero__right-images {
    padding-bottom: 75%;
  }
}
.home-hero__right-image-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (min-width: 940px) {
  .home-hero__right-image-bg {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.home-hero__right-image-bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-hero__right-image {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.home-hero__right-image.is-active {
  pointer-events: auto;
}
.home-hero__right-image.is-active .home-hero__right-image-inner {
  opacity: 1;
  transform: scale(1);
}
.home-hero__right-image-inner {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(0.99);
  transition: transform 0.5s var(--fast-start-easing),
    opacity 0.2s var(--fast-start-easing);
}
.home-hero__right-image-inner img {
  position: absolute;
  top: 5%;
  left: 5%;
  object-fit: contain;
  width: 90%;
  height: 90%;
  transform-origin: center;
}
.home-hero__right-image:nth-child(4) .home-hero__right-image-inner img {
  top: 1%;
  left: 1%;
  width: 100%;
  height: 100%;
}
.home-hero__right-image:nth-child(5) .home-hero__right-image-inner img {
  top: 5%;
  left: 5%;
  width: 90%;
  border-radius: 1vw;
  height: 90%;
}
@media (max-width: 939.98px) {
  .home-hero__right-image:nth-child(5) .home-hero__right-image-inner img {
    top: 2%;
    left: 0%;
    width: 150%;
    height: 150%;
  }
}
@media (min-width: 940px) {
  .home-hero__right-image-inner img {
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
  }
}
.home-hero__right-image-interactive {
  display: flex;
  flex-direction: column;
  height: min-content;
  gap: 0.5vw;
  background: #00000040;
  position: absolute;
  width: 90%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.5vw;
  border-radius: 1vw;
  height: auto;
}
.home-hero__right-image-interactive img {
  position: static;
  border-radius: 0.5vw;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-hero__right-image-interactive img.is-active {
  display: block;
}
@media (max-width: 939.98px) {
  .home-hero__right-image-interactive {
    padding: 7px;
    border-radius: 10px;
    gap: 7px;
    width: 75%;
  }
  .home-hero__right-image-interactive img {
    border-radius: 5px;
  }
}
.home-hero__right-image-buttons {
  display: flex;
  gap: 0.5vw;
  color: #fff;
  font-size: 1vw;
}
.home-hero__right-image-buttons .o-icon {
  --size: 1vw;
  fill: currentColor;
  flex-shrink: 0;
  stroke: none;
}
@media (max-width: 939.98px) {
  .home-hero__right-image-buttons {
    gap: 5px;
    font-size: 16px;
  }
  .home-hero__right-image-buttons .o-icon {
    --size: 16px;
  }
}
.home-hero__right-image-button-1,
.home-hero__right-image-button-2 {
  position: relative;
  padding: 0.5em 1em 0.45em 0.9em;
  display: flex;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  gap: var(--space-2xs);
  transition: color 0.3s var(--fast-start-easing);
  color: #dcdde5;
}
.home-hero__right-image-button-1.is-active,
.home-hero__right-image-button-2.is-active {
  cursor: pointer;
  color: #fff;
}
.home-hero__right-image-button-1.is-active:before,
.home-hero__right-image-button-2.is-active:before {
  background: #1b1e36;
  transform: none;
}
.home-hero__right-image-button-1:before,
.home-hero__right-image-button-2:before {
  z-index: -1;
  content: "";
  position: absolute;
  inset: 0;
  background: #0006;
  border-radius: 0.5vw;
  transition: transform 1s var(--fast-start-easing),
    background 0.4s var(--fast-start-easing);
  transform: scale(0.96);
}
@media (max-width: 939.98px) {
  .home-hero__right-image-button-1:before,
  .home-hero__right-image-button-2:before {
    border-radius: 5px;
  }
}
@media (min-width: 940px) {
  #home-hero__items-mobile {
    display: none;
  }
}
#home-hero__items-mobile ul {
  display: flex;
}
#home-hero__items-mobile li {
  flex: 1;
  text-align: center;
  font-size: var(--body2);
}
#home-hero__items-mobile li:last-child div:first-child {
  overflow: hidden;
  border-bottom-right-radius: 10px;
}
#home-hero__items-mobile li:first-child div:first-child {
  border-bottom-left-radius: 10px;
}
#home-hero__items-mobile li:nth-child(2) div:first-child {
  padding-left: 0.6em;
}
#home-hero__items-mobile li:nth-child(3) div:first-child {
  padding-left: 0.6em;
}
#home-hero__items-mobile li div:first-child {
  padding: var(--space-2xs) 0;
  position: relative;
}
#home-hero__items-mobile li div:last-child {
  color: transparent;
  pointer-events: none;
  background-image: linear-gradient(120deg, #acb9c6 30%, #deeeff, #acb9c6 70%);
  background-size: 200% 100%;
  background-clip: text;
  animation: text-shine 2s 5s linear infinite;
}
#home-hero__items-mobile li.is-active div:first-child {
  background-color: #1f2635;
}
#home-hero__items-mobile li.is-active div:first-child:before {
  border-left-color: #1f2635;
  z-index: 3;
  right: -10px;
}
#home-hero__items-mobile li.is-active div:last-child {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
#home-hero__items-mobile li div:first-child:before {
  content: "";
  position: absolute;
  right: -11px;
  top: 0;
  height: 100%;
  width: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 10px solid #1f2635;
  z-index: 1;
}
#home-hero__items-mobile li div:first-child:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  height: 100%;
  width: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 10px solid #080b12;
  z-index: 2;
}
#home-hero__items-mobile li div:last-child {
  position: absolute;
  bottom: calc(var(--container-padding) * 5);
  left: 50%;
  white-space: nowrap;
  transform: translate(-50%);
  opacity: 0;
  transition: opacity 0.3s 0s var(--fast-start-easing),
    transform 0.3s 0s var(--fast-start-easing);
  transform: translate(-50%) scale(0.8);
}
#home-hero__logo-wall-text {
  text-align: center;
  margin-bottom: 0;
  opacity: 0.6;
  margin-top: var(--space-l);
}
@media (max-width: 939.98px) {
  #home-hero__logo-wall-text {
    display: none;
  }
}
#home-hero__logo-wall-text p {
  font-size: var(--body2);
  color: #deeeff;
  font-weight: 400;
}
#home-hero__logo-wall-text a {
  color: #92d6ff;
  text-decoration: underline;
  text-decoration-color: #92d6ff66;
  text-underline-offset: 3px;
  transition: all 0.3s var(--fast-start-easing);
}
#home-hero__logo-wall-text a:hover {
  color: #bad7f5;
  text-decoration-color: #bad7f5;
  transform: translateY(-1px);
}
@media (max-width: 1439.98px) {
  #home-hero__logo-wall-text {
    margin-top: var(--space-m);
  }
}
@media (min-width: 940px) {
  #home-hero__logo-wall-text {
    margin-bottom: 0;
  }
}
#home-hero__logo-lists-outer-wrapper {
  position: absolute;
  bottom: var(--container-padding);
  left: 50%;
  transform: translate(-50%);
  mask-image: linear-gradient(
    to right,
    transparent var(--space-l-xl),
    white 20%,
    white 80%,
    transparent calc(100% - var(--space-l-xl))
  );
  bottom: var(--space-l);
}
@media (min-width: 940px) {
  #home-hero__logo-lists-outer-wrapper {
    bottom: var(--space-2xl);
  }
}
#home-hero__logo-lists-wrapper .o-icon {
  fill: #bad7f5;
}
@keyframes text-shine {
  0% {
    background-position: 100%;
  }
  to {
    background-position: -100%;
  }
}
#home-integration {
  --border-radius: 8px;
  --gap: 8px;
  position: relative;
  overflow: hidden;
  color: var(--color-black);
  padding-top: var(--space-8xl);
}
@media (max-width: 939.98px) {
  #home-integration {
    padding-top: var(--space-2xl);
  }
}
#home-integration__title {
  font-size: var(--h1);
  text-align: center;
}
#home-integration__title-wrapper {
  display: inline-block;
}
#home-integration__subtitle {
  font-size: var(--h4);
  text-align: center;
  margin-top: var(--space-m);
  margin-bottom: var(--space-3xl);
  max-width: 45ch;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 939.98px) {
  #home-integration__subtitle {
    line-height: 1.2;
  }
}
@media (min-width: 1440px) {
  #home-integration__subtitle {
    margin-bottom: var(--space-4xl);
  }
}
#home-integration__cards-mobile,
#home-integration__cards-desktop {
  display: flex;
  justify-content: space-between;
  gap: var(--gap);
  margin-top: var(--space-8xl);
}
#home-integration__cards-mobile {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 940px) {
  #home-integration__cards-mobile {
    display: none;
  }
}
@media (max-width: 939.98px) {
  #home-integration__cards-desktop {
    display: none;
  }
}
.home-integration__cards-column {
  width: calc(100vw - var(--container-padding) * 2);
}
.home-integration__cards-column .o-integration-card:not(:first-child) {
  margin-top: var(--gap);
}
#home-integration__cards-mobile
  .home-integration__cards-column
  .o-integration-card {
  padding-bottom: 125%;
}
#home-integration__cards-desktop
  .home-integration__cards-column:nth-child(1)
  .o-integration-card:nth-child(2n),
#home-integration__cards-desktop
  .home-integration__cards-column:nth-child(2)
  .o-integration-card:nth-child(2n),
#home-integration__cards-desktop
  .home-integration__cards-column:nth-child(6)
  .o-integration-card:nth-child(2n),
#home-integration__cards-desktop
  .home-integration__cards-column:nth-child(7)
  .o-integration-card:nth-child(2n) {
  padding-bottom: 100%;
}
#home-integration__cards-desktop
  .home-integration__cards-column:nth-child(3)
  .o-integration-card:nth-child(odd),
#home-integration__cards-desktop
  .home-integration__cards-column:nth-child(4)
  .o-integration-card:nth-child(odd),
#home-integration__cards-desktop
  .home-integration__cards-column:nth-child(5)
  .o-integration-card:nth-child(odd) {
  padding-bottom: 100%;
}
.home-integration__cards-column:nth-child(1) .o-integration-card__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.home-integration__cards-column:nth-child(7) .o-integration-card__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.home-integration__cards-column:nth-child(2),
.home-integration__cards-column:nth-child(6) {
  margin-top: 7.5%;
  perspective: 1000px;
}
.home-integration__cards-column:nth-child(3),
.home-integration__cards-column:nth-child(5) {
  margin-top: 20%;
  perspective: 1000px;
}
.home-integration__cards-column:nth-child(4) {
  margin-top: 15%;
  perspective: 1000px;
}
#home-integration__cards-mobile .home-integration__cards-column:nth-child(2) {
  margin-top: -15%;
}
#home-integration__cards-mobile .home-integration__cards-column:nth-child(3) {
  margin-top: 0;
}
#home-integration__cards-mobile
  .home-integration__cards-column:nth-child(3)
  .o-integration-card__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#home-integration__slides {
  position: relative;
  margin-top: calc(var(--vh, vh) * 50);
  height: calc(
    (100vw - ((100vw - var(--gap) * 6) / 7 + 16px + 3vw) * 2) * 650 / 1193
  );
}
@media (max-width: 939.98px) {
  #home-integration__slides {
    display: none;
  }
}
.home-integration__slide {
  position: absolute;
  border-radius: var(--border-radius);
  left: 0;
  top: 0;
  overflow: hidden;
}
.home-integration__slide:nth-child(1) {
  --theme-color: var(--color-primary-01);
  --theme-color-next: var(--color-primary-02);
}
.home-integration__slide:nth-child(2) {
  --theme-color: var(--color-primary-01);
  --theme-color-next: var(--color-primary-02);
}
.home-integration__slide:nth-child(3) {
  --theme-color: var(--color-primary-01);
  --theme-color-next: var(--color-primary-02);
}
.home-integration__slide-wrapper {
  position: absolute;
  padding: 0 var(--space-2xl);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-integration__slide-wrapper:before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(
    90deg,
    var(--theme-color) 0%,
    var(--theme-color-next) 100%
  );
}
.home-integration__slide-heading {
  width: 65vw;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 43%;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%);
  color: var(--color-white);
}
.home-integration__slide-title {
  --size: var(--h3);
  font-size: var(--h2);
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s 0s, transform 1s 0.3s var(--fast-start-easing);
  transform: translateY(0.5em);
}
.home-integration__slide-title .o-icon {
  margin-top: -4px;
}
.home-integration__slide-title span + span {
  margin-left: 0.35em;
  margin-top: 0.05em;
}
.home-integration__slide-title svg {
  stroke: none;
  fill: currentcolor;
}
.home-integration__slide.is-active .home-integration__slide-title {
  transition: opacity 0.5s 0.1s, transform 1s 0.1s var(--fast-start-easing);
  transform: none;
  opacity: 1;
}
.home-integration__slide-subtitle {
  font-size: var(--body1);
  margin-top: 0.75em;
  display: flex;
  flex-direction: column;
}
.home-integration__slide-subtitle span {
  display: block;
  opacity: 0;
  transition: opacity 0.3s 0s, transform 1s 0.3s var(--fast-start-easing);
  transform: translateY(1em);
}
.home-integration__slide-subtitle span:nth-child(1) {
  --index: 2;
}
.home-integration__slide-subtitle span:nth-child(2) {
  --index: 3;
}
.home-integration__slide.is-active .home-integration__slide-subtitle span {
  transition: opacity 0.5s calc(var(--index) * 0.05s),
    transform 1s calc(var(--index) * 0.05s) var(--fast-start-easing);
  transform: none;
  opacity: 1;
}
.home-integration__slide-image {
  width: 65vw;
  height: 57%;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translate(-50%, 25%) scale(0.9);
  transition: transform 1s var(--fast-start-easing), opacity 0.5s;
  opacity: 0;
}
.home-integration__slide.is-active .home-integration__slide-image {
  transform: translate(-50%);
  opacity: 1;
}
.home-integration__slide-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.home-integration__slide-bg {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 101;
  background: var(--color-primary-05);
  pointer-events: none;
}
.home-integration__slide-bg .o-icon {
  --size: var(--space-l);
  width: 2.8vw;
  height: 2.8vw;
  font-size: 0;
  stroke: none;
  fill: #a7bcdb;
}
@media (min-width: 940px) {
  .home-integration__slide-bg .o-icon {
    --size: var(--space-l);
  }
}
.home-integration__slide-logo {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  transition: opacity 0.2s, transform 0.2s;
  pointer-events: none;
}
.home-integration__slide-logo .o-icon {
  --size: var(--space-l);
  width: 2.8vw;
  height: 2.8vw;
  font-size: 0;
  stroke: none;
  fill: #fff;
}
@media (min-width: 940px) {
  .home-integration__slide-logo .o-icon {
    --size: var(--space-l);
  }
}
.is-active .home-integration__slide-logo {
  opacity: 0;
  transform: rotate(-10deg) scale(0.75);
}
.home-integrations__slide-inner-wrappe {
  position: absolute;
  inset: 0;
}
#home-integration__highlights-mobile {
  margin-top: var(--space-4xl);
}
@media (min-width: 940px) {
  #home-integration__highlights-mobile {
    display: none;
  }
}
.home-integration__highlights-item:not(:first-child) {
  margin-top: var(--space-xl);
}
.home-integration__card-title {
  font-size: var(--h2);
  display: flex;
  align-items: center;
}
.home-integration__card-title .o-icon {
  --size: var(--h2);
  margin-right: var(--space-xs);
  stroke: none;
  fill: currentColor;
}
.home-integration__card-subtitle {
  font-size: var(--body1);
  max-width: 30ch;
  margin-top: var(--space-2xs);
}
.home-integration__card-media {
  position: relative;
  width: 100%;
  border-radius: 10px;
  margin-top: var(--space-s);
  background: var(--theme-color);
  height: 0;
  padding-bottom: 150%;
}
.home-integration__highlights-item:nth-child(1) .home-integration__card-media {
  --theme-color: var(--color-primary-01);
}
.home-integration__highlights-item:nth-child(2) .home-integration__card-media {
  --theme-color: var(--color-primary-02);
}
.home-integration__highlights-item:nth-child(3) .home-integration__card-media {
  --theme-color: var(--color-primary-03);
}
.home-integration__card-image-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.home-integration__card-image-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  inset: -8px;
  border-radius: 8px;
  opacity: 0.2;
  background: var(--color-white);
}
.home-integration__card-image-wrapper img {
  position: relative;
  max-width: none;
  display: block;
  width: 70vw;
  border-radius: 6px;
}
#home-journey-section {
  height: calc(var(--vh, vh) * 100 - var(--site-header-height));
  display: flex;
  justify-content: center;
  align-items: center;
}
#home-journey {
  background: #fa96fa40;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
#home-journey li {
  max-width: 50ch;
}
#home-journey li:not(:first-child) {
  margin-top: var(--space-3xl);
}
#home-logos-section {
  --image-container-height: calc(var(--space-4xl-8xl) * 0.2);
  --image-container-width: calc(var(--space-4xl-8xl) * 1.2);
  --image-gap: calc(var(--gutter) * 5);
  padding-bottom: var(--container-padding);
  padding-top: var(--space-xl);
}
#home-logos-section .o-container {
  padding: 0;
}
#home-logos__list-outer-wrapper {
  overflow: hidden;
  padding-bottom: var(--image-container-height);
  position: relative;
}
#home-logos__list-inner-wrapper {
  position: absolute;
  transform: translate(calc(0% - 50vw + var(--container-padding)));
  left: 50%;
  display: flex;
  animation: marquee 100s linear infinite;
}
.home-logos__list {
  display: flex;
  gap: var(--image-gap);
}
.home-logos__list:not(:first-child) {
  margin-left: var(--image-gap);
}
.home-logos__item {
  width: var(--image-container-width);
  padding-bottom: var(--image-container-height);
  position: relative;
}
.home-logos__item-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@keyframes marquee {
  0% {
    transform: translate(calc(0% - 50vw + var(--container-padding)));
  }
  to {
    transform: translate(calc(-50% - 50vw + var(--container-padding)));
  }
}
#home-use-cases {
  --border-radius: 8px;
  min-height: calc(var(--vh, vh) * 80);
  color: var(--color-black);
  position: relative;
  z-index: 1;
  padding: var(--space-xl) 0 var(--space-3xl);
}
@media (min-width: 940px) {
  #home-use-cases {
    padding: var(--space-8xl) 0;
  }
}
@media (min-width: 1440px) {
  #home-use-cases__wrapper {
    --column-span: 10;
    --column-start: 2;
  }
}
#home-use-cases__title {
  font-size: var(--h1);
}
#home-use-cases__subtitle {
  font-size: var(--body1);
  max-width: 35ch;
  margin-top: var(--space-m);
}
#home-use-cases__slider {
  margin-top: var(--space-2xl);
}
#home-use-cases__slider .o-slider__slide-text {
  width: 30%;
}
#home-use-cases__slider .o-slider__slide-title {
  font-size: var(--h3);
}
#home-use-cases__slider .o-slider__slide-list {
  display: flex;
  flex-direction: column;
}
#home-use-cases__slider .o-slider__slide-list-item {
  font-size: var(--h5);
  align-self: flex-start;
}
#home-use-cases__slider .o-slider__slide-list-item .o-icon {
  top: 50%;
  transform: translateY(-50%);
}
#home-use-cases__slider .o-slider__slide-list-item:nth-child(1) {
  --index: 0;
  --index-reverse: 3;
}
#home-use-cases__slider .o-slider__slide-list-item:nth-child(2) {
  --index: 1;
  --index-reverse: 2;
}
#home-use-cases__slider .o-slider__slide-list-item:nth-child(3) {
  --index: 2;
  --index-reverse: 1;
}
#home-use-cases__slider .o-slider__slide-image {
  padding-bottom: 40%;
  width: 68%;
}
#home-use-cases__cards {
  margin-top: var(--space-2xl);
}
@media (min-width: 940px) {
  #home-use-cases__cards {
    margin-top: var(--gutter);
  }
}
.home-use-cases__card {
  --column-span: 4;
  --column-start: auto;
  --padding: var(--space-l);
  border-radius: var(--border-radius);
  background: var(--color-primary-05);
  padding: var(--padding);
  min-height: calc(var(--space-8xl) * 1.5 + 7.5vw);
  display: flex;
  flex-direction: column;
}
.home-use-cases__card:nth-child(1) {
  --theme-color: var(--color-primary-01);
}
.home-use-cases__card:nth-child(2) {
  --theme-color: var(--color-primary-02);
}
.home-use-cases__card:nth-child(3) {
  --theme-color: var(--color-primary-03);
}
@media (max-width: 939.98px) {
  .home-use-cases__card {
    --column-span: 12;
    min-height: calc(var(--space-8xl) * 2);
  }
  .home-use-cases__card:not(:first-child) {
    margin-top: var(--container-padding);
  }
}
@media (min-width: 1024px) {
  .home-use-cases__card {
    --padding: var(--space-xl);
  }
}
#home-use-cases__card-heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: auto;
}
.home-use-cases__card-title {
  font-size: var(--h3);
  margin-right: var(--padding);
  max-width: 17.5ch;
}
.home-use-cases__card-logo {
  --size: var(--space-s);
  align-self: flex-start;
  font-size: 0;
  position: relative;
  width: var(--space-l);
  height: var(--space-l);
  flex-shrink: 0;
}
.home-use-cases__card-logo:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: var(--theme-color);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 6px;
}
.home-use-cases__card-logo .o-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  stroke: none;
  fill: var(--color-white);
}
.home-use-cases__card-list {
  margin-top: var(--space-2xl);
}
.home-use-cases__card-list-item {
  font-size: var(--body2);
  display: flex;
  align-items: center;
  position: relative;
}
.home-use-cases__card-list-item:not(:first-child) {
  margin-top: var(--space-3xs);
}
.home-use-cases__card-list-item .o-icon {
  stroke: none;
  fill: var(--theme-color);
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0.5);
}
.home-use-cases__card-list-item > span:last-child {
  margin-left: var(--space-m);
}
#home-video-section {
  height: calc(var(--vh, vh) * 150 - var(--site-header-height));
  display: flex;
  justify-content: center;
  align-items: center;
}
#home-video {
  background: #fa969640;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  flex-direction: column;
}
#home-video__thumb {
  background: pink;
  width: 50%;
  padding-bottom: 30%;
  margin-top: var(--space-xl);
}
#home-video__description {
  margin-top: var(--space-xl);
  max-width: 75ch;
}
#home-video__btn {
  margin-top: var(--space-m);
  border-radius: 9999px;
  background: var(--color-white);
  color: var(--color-black);
  padding: 1em 4em;
  margin-top: var(--space-2xl);
}
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: var(--color-dark);
}
#pricing-faq {
  padding: var(--space-2xl-3xl) 0;
  color: #bad7f5;
}
@media (min-width: 940px) {
  #pricing-faq {
    padding: var(--space-4xl-5xl) 0;
  }
}
@media (min-width: 940px) {
  #pricing-faq__left {
    --column-span: 5;
    --column-start: 2;
  }
}
#pricing-faq__title {
  font-size: var(--h1);
}
#pricing-faq__subtitle {
  font-size: var(--body1);
  margin-top: calc(var(--space-s));
}
@media (min-width: 940px) {
  #pricing-faq__subtitle {
    margin-top: calc(var(--space-l));
  }
}
#pricing-faq__subtitle a {
  text-decoration: underline;
}
@media (min-width: 940px) {
  #pricing-faq__right {
    --column-span: 5;
  }
}
@media (max-width: 939.98px) {
  #pricing-faq__right {
    margin-top: var(--space-l);
  }
}
.pricing-faq__list-item {
  position: relative;
}
.pricing-faq__list-item:not(:last-child):before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #222c40;
}
.pricing-faq__list-item.is-active .pricing-faq__list-answer {
  height: auto;
  overflow: hidden;
}
.pricing-faq__list-question {
  font-size: var(--h3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.pricing-faq__list-item:not(:first-child) .pricing-faq__list-question {
  padding-top: var(--space-l);
}
.pricing-faq__list-question-title {
  padding-bottom: var(--space-l);
  max-width: 70%;
  line-height: 1.3;
}
.pricing-faq__list-question-icon {
  position: absolute;
  top: calc(var(--space-m) + 0.85em);
  right: 0;
  width: 20px;
  height: 2px;
  background: currentColor;
}
.pricing-faq__list-item:first-child .pricing-faq__list-question-icon {
  top: 0.5em;
}
.pricing-faq__list-question-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 2px;
  background: currentColor;
  transform: rotate(90deg);
  transition: transform 0.3s;
}
.pricing-faq__list-item.is-active .pricing-faq__list-question-icon:before {
  transform: rotate(0);
}
.pricing-faq__list-answer {
  height: 0;
  overflow: hidden;
}
.pricing-faq__list-answer-text {
  font-size: var(--body2);
  padding-bottom: var(--space-l);
  max-width: 50ch;
}
#pricing-header {
  position: relative;
  z-index: 10;
  color: #bad7f5;
  padding-bottom: var(--space-8xl);
}
#pricing-header__title {
  font-size: var(--h1);
  padding-top: calc(var(--vh, vh) * 25);
  padding-bottom: var(--space-5xl-6xl);
}
@media (min-width: 1440px) {
  #pricing-header__title {
    --column-span: 10;
    --column-start: 2;
  }
}
@media (min-width: 940px) and (max-width: 1439.98px) {
  #pricing-header__title {
    margin-left: var(--space-xl);
  }
}
#pricing-header__items {
  display: flex;
  gap: var(--gutter);
}
@media (min-width: 1440px) {
  #pricing-header__items {
    --column-span: 10;
    --column-start: 2;
  }
}
@media (max-width: 939.98px) {
  #pricing-header__items {
    gap: var(--container-padding);
    flex-wrap: wrap;
  }
}
.pricing-header__item {
  position: relative;
  width: 100%;
  background: #131a29;
  border-radius: 10px;
  padding: calc(var(--space-m) * 1.2) var(--space-m);
}
@media (min-width: 940px) {
  .pricing-header__item {
    padding: calc(var(--space-l) * 1.2) var(--space-l);
  }
}
@media (min-width: 1440px) {
  .pricing-header__item {
    padding: calc(var(--space-xl) * 1.2) var(--space-xl);
  }
}
.pricing-header__item-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.pricing-header__item-title {
  font-family: var(--font-family-heading);
  font-weight: 400;
  line-height: calc(1.1em + 4px);
  font-size: var(--h3);
}
.pricing-header__item-subtitle {
  font-family: var(--font-family-heading);
  font-weight: 400;
  line-height: calc(1.1em + 4px);
  font-size: var(--h6);
  margin-top: var(--space-2xs);
  opacity: 0.6;
}
.pricing-header__item-button {
  display: block;
  font-size: var(--btn1);
  width: 100%;
  color: #0f131c;
  padding: 0.75em 1.5em;
  line-height: 1;
  text-align: center;
  margin-top: var(--space-l);
  color: #bad7f5;
  position: relative;
}
.pricing-header__item-button span {
  position: relative;
  z-index: 1;
}
.pricing-header__item:nth-child(3) .pricing-header__item-button {
  color: #0f131c;
}
.pricing-header__item:nth-child(3) .pricing-header__item-button:before {
  background-color: #bad7f5;
}
.pricing-header__item:not(:nth-child(3)) .pricing-header__item-button:before {
  border: 1px solid rgba(186, 215, 245, 0.4);
}
.pricing-header__item-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  transition: transform 0.8s var(--fast-start-easing);
}
.pricing-header__item-button:hover:before {
  transform: scale(0.98);
}
.pricing-header__item-lists {
  margin-top: calc(var(--space-l) * 1.2);
}
@media (min-width: 940px) {
  .pricing-header__item-lists {
    margin-top: var(--space-l);
  }
}
.pricing-header__lists-header {
  font-size: var(--body1);
  opacity: 0.6;
  line-height: 1;
}
.pricing-header__list-group {
  margin-top: var(--space-m);
}
@media (min-width: 940px) {
  .pricing-header__list-group {
    margin-top: var(--space-l);
  }
}
.pricing-header__list-title {
  font-size: var(--h7);
  font-weight: 700;
}
.pricing-header__list-item {
  --size: calc(var(--body2) * 0.5);
  font-size: var(--body2);
  margin-top: 0.75em;
  position: relative;
}
.pricing-header__list-item .o-icon {
  position: absolute;
  left: 0;
  top: calc(var(--body2) * 0.5);
  fill: #4d92e4;
  stroke: none;
}
.pricing-header__list-item > div + div {
  padding-left: 1.5em;
}
.pricing-header__list-item-text {
  position: relative;
}
@media (min-width: 940px) {
  .pricing-header__list-item-text.has-tooltip {
    cursor: pointer;
  }
  .pricing-header__list-item-text.has-tooltip:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0.1em;
    width: calc(100% - 0.05em);
    height: 2px;
    background-image: linear-gradient(to right, #99b1cc 50%, transparent 50%);
    background-size: 4px 2px;
    background-repeat: repeat-x;
  }
}
.pricing-header__list-item-tooltip {
  position: absolute;
  width: 25ch;
  color: #bad7f5;
  background: #27385f;
  padding: 1em 1.25em 1.25em;
  border-radius: 8px;
  font-weight: 500;
  z-index: 1;
  line-height: 1.3;
  left: 0%;
  transform: translate(-1ch, -0.5ch) scale(0.98);
  top: 200%;
  pointer-events: none;
  opacity: 0;
  transform-origin: 0 0;
  transition: transform 0.4s var(--faster-start-easing),
    opacity 0.4s var(--faster-start-easing);
  will-change: transform, opacity;
}
@media (min-width: 940px) and (max-width: 1023.98px) {
  .pricing-header__item:last-child .pricing-header__list-item-tooltip {
    left: 50%;
    transform: translate(-80%, -0.5ch) scale(0.98);
    transform-origin: 100% 0;
  }
}
.pricing-header__list-item-text:hover .pricing-header__list-item-tooltip {
  opacity: 1;
  transform: translate(-1ch) scale(1);
}
.pricing-header__list-item-text:hover
  .pricing-header__list-item-tooltip:before {
  transform: translate(150%);
}
@media (min-width: 940px) and (max-width: 1023.98px) {
  .pricing-header__item:last-child
    .pricing-header__list-item-text:hover
    .pricing-header__list-item-tooltip {
    transform: translate(-80%) scale(1);
  }
  .pricing-header__item:last-child
    .pricing-header__list-item-text:hover
    .pricing-header__list-item-tooltip:before {
    transform: translate(-250%);
  }
}
.pricing-header__list-item-tooltip:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  transform: translate(150%, 50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #27385f;
  transition: transform 0.4s var(--faster-start-easing);
}
@media (min-width: 940px) and (max-width: 1023.98px) {
  .pricing-header__item:last-child .pricing-header__list-item-tooltip:before {
    left: unset;
    right: 0;
    transform: translate(-250%, 50%);
  }
}
@media (max-width: 939.98px) {
  .pricing-header__list-item-tooltip {
    display: none;
  }
}
#pricing-plans {
  z-index: 10;
  position: relative;
  color: var(--color-black);
  padding: var(--space-4xl) 0;
}
#pricing-plans__title {
  font-size: var(--h1);
  margin-bottom: var(--space-xl);
  z-index: 2;
}
@media (min-width: 940px) {
  #pricing-plans__title {
    margin-bottom: var(--space-5xl);
  }
}
@media (min-width: 1440px) {
  #pricing-plans__title {
    --column-span: 10;
    --column-start: 2;
  }
}
@media (max-width: 939.98px) {
  #pricing-plans__title {
    background: var(--color-white);
  }
}
#pricing-plans__sections {
  position: relative;
}
@media (min-width: 1440px) {
  #pricing-plans__sections {
    --column-span: 10;
    --column-start: 2;
  }
}
#pricing-plans__nav-desktop {
  display: flex;
  line-height: 1;
}
@media (max-width: 939.98px) {
  #pricing-plans__nav-desktop {
    display: none;
  }
}
.pricing-plans__nav-desktop-spacer {
  width: 30%;
  margin-right: auto;
}
@media (min-width: 940px) and (max-width: 1023.98px) {
  .pricing-plans__nav-desktop-spacer {
    width: 35%;
  }
}
.pricing-plans__nav-desktop-content {
  display: flex;
  width: 70%;
  gap: 30px;
}
@media (min-width: 940px) and (max-width: 1023.98px) {
  .pricing-plans__nav-desktop-content {
    width: 65%;
    gap: 10px;
  }
}
.pricing-plans__nav-desktop-item {
  width: 100%;
  padding-right: var(--space-s-m);
}
.pricing-plans__nav-desktop-item-title {
  font-size: var(--h4);
}
.pricing-plans__nav-desktop-item-subtitle {
  font-family: var(--font-family-heading);
  font-weight: 400;
  line-height: calc(1.1em + 4px);
  font-size: var(--h6);
  margin-top: var(--space-xs);
  opacity: 0.8;
  height: 4em;
}
.pricing-plans__nav-desktop-item-button {
  font-size: var(--btn2);
  padding: 0.75em 1.5em;
  display: inline-block;
  border-radius: 10px;
  position: relative;
}
.pricing-plans__nav-desktop-item:nth-child(3)
  .pricing-plans__nav-desktop-item-button {
  color: #f2f5fa;
}
.pricing-plans__nav-desktop-item:nth-child(3)
  .pricing-plans__nav-desktop-item-button:before {
  background-color: var(--color-black);
}
.pricing-plans__nav-desktop-item:not(:nth-child(3))
  .pricing-plans__nav-desktop-item-button:before {
  border: 1px solid rgba(15, 19, 28, 0.4);
}
.pricing-plans__nav-desktop-item-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  transition: transform 0.8s var(--fast-start-easing);
  transform: scale(0.99);
}
.pricing-plans__nav-desktop-item-button:hover:before {
  transform: scale(0.96);
}
.pricing-plans__nav-desktop-item-button span {
  position: relative;
}
@media (min-width: 940px) {
  #pricing-plans__nav-mobile {
    display: none;
  }
}
@media (max-width: 939.98px) {
  #pricing-plans__nav-mobile {
    position: relative;
    background: var(--color-white);
    z-index: 1;
    margin-left: calc(var(--container-padding) * -1);
    margin-right: calc(var(--container-padding) * -1);
  }
  #pricing-plans__nav-mobile:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--space-xl) + var(--h1) * 1.1 + 4px + var(--space-4xl));
    background: var(--color-white);
    transform: translateY(-100%) translateY(1px);
  }
}
#pricing-plans__nav-mobile-top {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: var(--space-s);
  margin-bottom: var(--space-s);
}
#pricing-plans__nav-mobile-top:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d0d7e2;
}
@media (max-width: 939.98px) {
  #pricing-plans__nav-mobile-top {
    margin-left: calc(var(--container-padding) * 1);
    margin-right: calc(var(--container-padding) * 1);
  }
}
.pricing-plans__nav-mobile-top-item {
  display: flex;
  align-items: center;
  font-size: var(--h4);
  cursor: pointer;
}
.pricing-plans__nav-mobile-item-dot {
  width: calc(var(--h4) * 0.75);
  height: calc(var(--h4) * 0.75);
  margin-right: var(--space-3xs);
  position: relative;
  border-radius: 9999px;
  border: 1px solid var(--color-black);
}
.pricing-plans__nav-mobile-item-dot:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(0.8);
  border-radius: 9999px;
}
.is-active .pricing-plans__nav-mobile-item-dot:before {
  background: var(--color-black);
}
.pricing-plans__nav-mobile-item-title {
  font-size: var(--h4);
}
#pricing-plans__nav-mobile-bottom {
  padding-bottom: var(--space-s);
  box-shadow: 0 15px 15px #0000000f;
  border-bottom-left-radius: calc(var(--container-padding) / 1);
  border-bottom-right-radius: calc(var(--container-padding) / 1);
}
@media (max-width: 939.98px) {
  #pricing-plans__nav-mobile-bottom {
    padding-left: calc(var(--container-padding) * 1);
    padding-right: calc(var(--container-padding) * 1);
  }
}
.pricing-plans__nav-mobile-bottom-item {
  justify-content: space-between;
  display: flex;
  align-items: center;
  line-height: 1;
}
.pricing-plans__nav-mobile-bottom-item:not(.is-active) {
  display: none;
}
.pricing-plans__nav-mobile-item-text {
  font-size: var(--h6);
  padding: 0.4em 1em 0.4em 0;
  height: 3em;
}
.pricing-plans__nav-mobile-item-button {
  background: var(--color-black);
  font-size: var(--btn2);
  border-radius: 7px;
  padding: 0.75em 1.1em;
  color: #f2f5fa;
  white-space: nowrap;
}
.pricing-plans__section {
  margin-top: var(--space-xl);
}
@media (min-width: 940px) {
  .pricing-plans__section {
    line-height: 1;
  }
}
.pricing-plans__section-title {
  font-size: var(--body2);
  opacity: 0.8;
}
.pricing-plans__section-items {
  display: flex;
  flex-direction: column;
  margin-top: var(--space-xs);
}
.pricing-plans__section-item {
  display: flex;
  width: 100%;
  padding: calc(var(--space-s-m) * 1.25) 0;
  position: relative;
  justify-content: space-between;
}
.pricing-plans__section-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d0d7e2;
}
.pricing-plans__section-item:last-child:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d0d7e2;
}
.pricing-plans__section-item-title {
  width: 30%;
  font-size: var(--h7);
  font-weight: 700;
  display: flex;
}
@media (max-width: 939.98px) {
  .pricing-plans__section-item-title {
    width: 45%;
  }
}
@media (min-width: 940px) and (max-width: 1023.98px) {
  .pricing-plans__section-item-title {
    width: 35%;
  }
}
.pricing-plans__section-item-title-text {
  position: relative;
  padding-right: var(--space-sm);
  display: flex;
  align-items: center;
}
@media (min-width: 940px) {
  .pricing-plans__section-item-title-text.has-tooltip {
    cursor: pointer;
  }
  .pricing-plans__section-item-title-text.has-tooltip:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0.1em;
    width: calc(100% - 0.2em);
    height: 2px;
    background-image: linear-gradient(
      to right,
      rgba(15, 19, 28, 0.4) 50%,
      transparent 50%
    );
    background-size: 4px 2px;
    background-repeat: repeat-x;
  }
}
.pricing-plans__section-item-title-tooltip {
  position: absolute;
  width: 25ch;
  color: var(--color-white);
  background: #0f131c;
  padding: 1em 1.25em 1.25em;
  border-radius: 8px;
  font-weight: 500;
  z-index: 1;
  line-height: 1.3;
  left: 0%;
  transform: translate(-1ch, -0.5ch) scale(0.98);
  top: 200%;
  pointer-events: none;
  opacity: 0;
  transform-origin: 0 0;
  transition: transform 0.4s var(--faster-start-easing),
    opacity 0.4s var(--faster-start-easing);
  will-change: transform, opacity;
}
.pricing-plans__section-item-title-text:hover
  .pricing-plans__section-item-title-tooltip {
  opacity: 1;
  transform: translate(-1ch) scale(1);
}
.pricing-plans__section-item-title-text:hover
  .pricing-plans__section-item-title-tooltip:before {
  transform: translate(150%);
}
.pricing-plans__section-item-title-tooltip:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  transform: translate(150%, 50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #0f131c;
  transition: transform 0.4s var(--faster-start-easing);
}
@media (max-width: 939.98px) {
  .pricing-plans__section-item-title-tooltip {
    display: none;
  }
}
.pricing-plans__section-item-list {
  width: 70%;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  min-height: calc(var(--space-s) * 1.25);
}
@media (max-width: 939.98px) {
  .pricing-plans__section-item-list {
    width: 50%;
  }
}
@media (min-width: 940px) and (max-width: 1023.98px) {
  .pricing-plans__section-item-list {
    width: 65%;
    gap: 10px;
  }
}
.pricing-plans__section-item-inner-wrapper {
  width: 100%;
  display: flex;
  align-self: center;
}
@media (max-width: 939.98px) {
  .pricing-plans__section-item-inner-wrapper:not(.is-active) {
    display: none;
  }
}
.pricing-plans__section-item-text {
  font-size: var(--body2);
  position: relative;
}
@media (min-width: 940px) {
  .pricing-plans__section-item-text.has-tooltip {
    cursor: pointer;
  }
  .pricing-plans__section-item-text.has-tooltip:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0.1em;
    width: calc(100% - 0.225em);
    height: 2px;
    background-image: linear-gradient(
      to right,
      rgba(15, 19, 28, 0.4) 50%,
      transparent 50%
    );
    background-size: 4px 2px;
    background-repeat: repeat-x;
  }
}
.pricing-plans__section-item-text-tooltip {
  position: absolute;
  width: 25ch;
  color: var(--color-white);
  background: #0f131c;
  padding: 1em 1.25em 1.25em;
  border-radius: 8px;
  font-weight: 500;
  z-index: 1;
  line-height: 1.3;
  left: 0%;
  transform: translate(-1ch, -0.5ch) scale(0.98);
  top: 200%;
  pointer-events: none;
  opacity: 0;
  transform-origin: 0 0;
  transition: transform 0.4s var(--faster-start-easing),
    opacity 0.4s var(--faster-start-easing);
  will-change: transform, opacity;
}
@media (min-width: 940px) and (max-width: 1439.98px) {
  .pricing-plans__section-item-inner-wrapper:last-child
    .pricing-plans__section-item-text-tooltip {
    left: 50%;
    transform: translate(-80%, -0.5ch) scale(0.98);
    transform-origin: 100% 0;
  }
}
.pricing-plans__section-item-text:hover
  .pricing-plans__section-item-text-tooltip {
  opacity: 1;
  transform: translate(-1ch) scale(1);
}
.pricing-plans__section-item-text:hover
  .pricing-plans__section-item-text-tooltip:before {
  transform: translate(150%);
}
@media (min-width: 940px) and (max-width: 1439.98px) {
  .pricing-plans__section-item-inner-wrapper:last-child
    .pricing-plans__section-item-text:hover
    .pricing-plans__section-item-text-tooltip {
    transform: translate(-80%) scale(1);
  }
  .pricing-plans__section-item-inner-wrapper:last-child
    .pricing-plans__section-item-text:hover
    .pricing-plans__section-item-text-tooltip:before {
    transform: translate(-350%);
  }
}
.pricing-plans__section-item-text-tooltip:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  transform: translate(150%, 50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #0f131c;
  transition: transform 0.4s var(--faster-start-easing);
}
@media (min-width: 940px) and (max-width: 1439.98px) {
  .pricing-plans__section-item-inner-wrapper:last-child
    .pricing-plans__section-item-text-tooltip:before {
    transform: translate(-350%, 50%);
    left: unset;
    right: 0;
  }
}
@media (max-width: 939.98px) {
  .pricing-plans__section-item-text-tooltip {
    display: none;
  }
}
.pricing-plans__section-item-true {
  --size: calc(var(--space-2xs) * 1.25);
  width: calc(var(--space-s) * 1.25);
  height: calc(var(--space-s) * 1.25);
  background: pink;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background: #0f131c;
}
.pricing-plans__section-item-true path {
  stroke: #f2f5fa;
  stroke-width: 0.75px;
}
.pricing-plans__section-item-false {
  width: var(--space-xs);
  height: 2px;
  background: #0f131c;
}
#scroll-indicator {
  position: fixed;
  width: 4px;
  height: calc(var(--vh, vh) * 80);
  top: calc(var(--vh, vh) * 10);
  background-color: #f6f6f61a;
  border-radius: 3px;
  right: calc(var(--container-padding) * 0.3);
  z-index: 9996;
  mix-blend-mode: difference;
}
@media (max-width: 939.98px) {
  #scroll-indicator {
    right: 0;
    width: 3px;
    border-radius: 1px;
  }
}
#scroll-indicator-bar {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  transform-origin: 0 0;
  border-radius: 3px;
}
#site-footer {
  color: var(--color-black);
  padding-bottom: calc(var(--container-padding) * 1.5);
  padding-top: var(--space-4xl);
}
@media (min-width: 940px) {
  #site-footer {
    padding-top: var(--space-8xl);
    padding-bottom: calc(var(--container-padding) * 0.75);
  }
}
@media (min-width: 940px) {
  #site-footer__top-left,
  #site-footer__bottom-left,
  #site-footer__top-right,
  #site-footer__bottom-right {
    --column-span: 6;
  }
}
#site-footer__top-left-title {
  font-size: var(--h1);
}
#site-footer__top-left-button {
  font-size: var(--btn1);
  display: inline-block;
  padding: 0.75em 2em;
  color: var(--color-white);
  margin-top: var(--space-m);
  position: relative;
}
@media (max-width: 939.98px) {
  #site-footer__top-left-button {
    width: 100%;
    text-align: center;
  }
}
#site-footer__top-left-button:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #141a26;
  border-radius: 12px;
  transition: transform 1s var(--fast-start-easing);
  transform: scale(0.99);
}
#site-footer__top-left-button:hover:before {
  transform: scale(0.96);
}
#site-footer__top-left-button span {
  position: relative;
}
@media (max-width: 939.98px) {
  #site-footer__top-right {
    margin-top: var(--space-2xl);
  }
}
#site-footer__top-right-wrapper {
  --padding-x: calc(var(--container-padding) * 1.5);
  --padding-y: calc(var(--container-padding) * 2);
  background: var(--color-primary-05);
  padding: var(--padding-y) var(--padding-x);
  border-radius: 12px;
}
@media (min-width: 940px) {
  #site-footer__top-right-wrapper {
    --padding-x: calc(var(--space-l) * 1.25);
    --padding-y: var(--space-xl);
    max-width: 100%;
  }
}
@media (min-width: 1440px) {
  #site-footer__top-right-wrapper {
    max-width: 70%;
  }
}
@media (min-width: 1960px) {
  #site-footer__top-right-wrapper {
    max-width: 60%;
  }
}
.site-footer__top-right-title {
  font-size: var(--h3);
}
.site-footer__top-right-title.is-enterprise,
html.is-page-enterprise .site-footer__top-right-title {
  display: none;
}
html.is-page-enterprise .site-footer__top-right-title.is-enterprise {
  display: inline-block;
}
#site-footer__top-right-subtitle {
  font-size: var(--body2);
  margin-top: 1em;
  max-width: 38ch;
}
.site-footer__top-right-link {
  font-size: var(--btn1);
  display: inline-block;
  margin-top: var(--space-l);
  position: relative;
}
.site-footer__top-right-link.is-enterprise,
html.is-page-enterprise .site-footer__top-right-link {
  display: none;
}
html.is-page-enterprise .site-footer__top-right-link.is-enterprise {
  display: inline-block;
}
.site-footer__top-right-link:before,
.site-footer__top-right-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-black);
}
.site-footer__top-right-link:before {
  transform-origin: 0% 50%;
  transition: transform 1s 0s var(--faster-start-easing);
  transform: scaleX(0);
}
.site-footer__top-right-link:after {
  transform-origin: 100% 50%;
  transition: transform 1s 0.1s var(--faster-start-easing);
  transform: scaleX(1);
}
.site-footer__top-right-link:hover:before {
  transform: scaleX(1);
  transition: transform 1s 0.1s var(--faster-start-easing);
}
.site-footer__top-right-link:hover:after {
  transform: scaleX(0);
  transition: transform 1s 0s var(--faster-start-easing);
}
#site-footer__bottom {
  font-size: var(--link-footer);
  margin-top: var(--space-2xl);
  grid-template-rows:
    auto
    auto;
}
@media (min-width: 940px) {
  #site-footer__bottom {
    margin-top: var(--space-8xl);
  }
}
#site-footer__bottom-left a,
#site-footer__bottom-right a {
  display: inline-flex;
}
#site-footer__bottom-left .o-icon,
#site-footer__bottom-right .o-icon {
  --size: 16px;
  --stroke-width: 1px;
}
@media (min-width: 940px) {
  #site-footer__bottom-left a:not(:first-child),
  #site-footer__bottom-right a:not(:first-child) {
    margin-left: calc(var(--gutter) * 2);
  }
}
@media (max-width: 939.98px) {
  #site-footer__bottom-left {
    display: flex;
    justify-content: space-between;
    margin-top: var(--space-3xl);
  }
}
#site-footer__bottom-left a {
  position: relative;
  line-height: 1.5;
}
#site-footer__bottom-left a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-black);
  transform-origin: 100% 50%;
  transition: transform 1s var(--faster-start-easing);
  transform: scaleX(0);
}
#site-footer__bottom-left a:hover:before {
  transform: scaleX(1);
  transform-origin: 0 50%;
}
#site-footer__bottom-right a {
  line-height: 1;
}
#site-footer__bottom-right .site-footer__bottom-right-item-inner-wrapper {
  display: flex;
  transition: transform 0.5s var(--fast-start-easing);
  pointer-events: none;
  transform: translate(-16px);
}
#site-footer__bottom-right .o-icon {
  --size: 16px;
  --stroke-width: 1px;
  transition: transform 0.5s var(--fast-start-easing),
    opacity 0.5s var(--fast-start-easing);
  overflow: hidden;
  pointer-events: none;
}
#site-footer__bottom-right .o-icon:first-child {
  align-items: flex-end;
  position: relative;
  top: 2px;
  left: 2px;
  transform: translate(14px);
}
#site-footer__bottom-right .o-icon:first-child svg {
  transition: transform 0.5s var(--fast-start-easing);
  transform: translate(-10px, 3px);
}
#site-footer__bottom-right .o-icon:last-child svg {
  transition: transform 0.5s var(--fast-start-easing);
}
#site-footer__bottom-right a:hover .o-icon:first-child {
  transform: none;
}
#site-footer__bottom-right a:hover .o-icon:first-child svg {
  transform: none;
}
#site-footer__bottom-right a:hover .o-icon:last-child {
  transform: translate(-16px);
  opacity: 0;
}
#site-footer__bottom-right a:hover .o-icon:last-child svg {
  transform: scale(0.5);
}
#site-footer__bottom-right
  a:hover
  .site-footer__bottom-right-item-inner-wrapper {
  transform: translate(0);
}
@media (max-width: 939.98px) {
  #site-footer__bottom-right {
    grid-row-start: 1;
  }
  #site-footer__bottom-right > span:not(:first-child) {
    margin-top: var(--container-padding);
  }
  #site-footer__bottom-right span {
    display: block;
  }
}
#site-header {
  --icon-size: var(--space-l);
  --site-header-nav-padding: calc(var(--gutter) * 0.4);
  display: flex;
  align-items: center;
  z-index: 9993;
  position: fixed;
  top: calc(var(--gutter) * 2.5);
  left: 0;
  right: 0;
  font-size: var(--link-header-internal);
  color: #bad7f5;
  transition: color 0.5s;
}
.theme-light #site-header {
  color: #141a26;
}
@media (max-width: 939.98px) {
  #site-header {
    --icon-size: calc(var(--space-m) * 1.1);
    left: 0;
    right: 0;
  }
}
#site-header__container {
  display: flex;
  width: 100%;
  align-items: center;
}
#site-header__logo {
  margin-left: var(--container-padding);
  margin-right: var(--container-padding);
  z-index: 100000;
  position: relative;
}
#site-header__logo * {
  pointer-events: none;
}
#site-header__logo .o-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: auto;
  stroke: none;
}
@media (max-width: 1154.98px) {
  #site-header__logo {
    position: absolute;
  }
}
#site-header__nav {
  display: flex;
  width: 100%;
  align-items: center;
  padding: var(--site-header-nav-padding);
  line-height: 1;
  margin-right: var(--container-padding);
  position: relative;
  justify-content: space-between;
  color: currentColor;
}
@media (max-width: 1154.98px) {
  #site-header__nav {
    margin-right: 0;
  }
}
@media (max-width: 939.98px) {
  #site-header__nav {
    padding: 0;
  }
}
#site-header__nav-bg {
  position: absolute;
  inset: 0;
  transform: translateZ(0);
  z-index: -1;
  height: 100%;
  width: 100%;
}
#site-header__nav-bg:before {
  content: "";
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: absolute;
  inset: 0;
  box-sizing: content-box;
  mask-clip: content-box;
  height: 100%;
  width: 100%;
  inset: -2rem 2rem 2rem -2rem;
  padding: 2rem;
  overflow: hidden;
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+ip1sAAAAASUVORK5CYII=);
  border-radius: calc(2rem + 15px);
}
#site-header__nav-bg:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(211, 211, 211, 0.03);
  border-radius: 18px;
  background: linear-gradient(180deg, #def4ff0a, #abbcc50d, #5d676d1a);
}
.theme-light #site-header__nav-bg:after {
  background: linear-gradient(180deg, #aab6c822, #90a0b91a, #5d759b11);
}
@media (max-width: 1154.98px) {
  .theme-light #site-header__nav-bg:after {
    background: linear-gradient(180deg, #aab6c83b, #90a0b91a, #5d759b11);
  }
}
@media (max-width: 1154.98px) {
  #site-header__nav-bg:after {
    border-radius: 12px;
    background: linear-gradient(180deg, #def4ff0f, #abbcc50d, #5d676d1a);
  }
}
@media (max-width: 1439.98px) {
  #site-header__nav-bg {
    border-radius: 8px;
  }
}
@media (max-width: 1154.98px) {
  #site-header__nav-bg {
    width: auto;
    height: auto;
    left: calc(var(--container-padding) - 8px);
    right: calc(var(--container-padding) - 8px);
    top: -8px;
    bottom: -8px;
    padding: 0;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
  }
}
#site-header__nav-list-01 {
  display: flex;
  align-items: center;
  justify-content: center;
}
#site-header__nav-list-01:has(.site-header__nav-item:hover)
  .site-header__nav-item {
  opacity: 0.6;
}
#site-header__nav-list-01:has(.site-header__nav-item:hover)
  .site-header__nav-item.is-active,
#site-header__nav-list-01:has(.site-header__nav-item:hover)
  .site-header__nav-item:hover {
  opacity: 1;
}
#site-header__nav-list-01 .site-header__nav-item {
  position: relative;
  opacity: 1;
  transition: opacity 0.25s, transform 1s var(--fast-start-easing);
}
#site-header__nav-list-01 .site-header__nav-item:not(:first-child) {
  margin-left: calc(var(--gutter) * 1.25 + 16px);
}
#site-header__nav-list-01 .site-header__nav-item:first-child {
  margin-left: calc(var(--gutter) * 1.5);
}
#site-header__nav-list-01 .site-header__nav-item a {
  position: relative;
  display: block;
}
#site-header__nav-list-01 .site-header__nav-item:hover {
  color: #92d6ff;
}
.theme-light #site-header__nav-list-01 .site-header__nav-item:hover {
  color: #2d689f;
}
#site-header__nav-list-01 .site-header__nav-item.is-active {
  pointer-events: none;
}
#site-header__nav-list-01 .site-header__nav-item.is-active div + div {
  transform: translate(calc(var(--link-header-internal) * 1));
}
#site-header__nav-list-01 .site-header__nav-item.is-active .o-icon {
  transform: none;
  opacity: 1;
}
#site-header__nav-list-01 .site-header__nav-item.is-active ~ li {
  transform: translate(calc(var(--link-header-internal) * 1));
}
#site-header__nav-list-01 .site-header__nav-item div + div {
  transition: transform 1s var(--fast-start-easing);
  position: relative;
}
#site-header__nav-list-01 .site-header__nav-item .o-icon {
  --size: calc(var(--link-header-internal) * 0.5);
  opacity: 0;
  position: absolute;
  left: 0;
  top: calc(var(--link-header-internal) * 0.25);
  transition: transform 1s var(--fast-start-easing),
    opacity 1s var(--fast-start-easing);
}
#site-header__nav-list-01 .site-header__nav-item .o-icon path {
  stroke: none;
  fill: currentColor;
}
@media (max-width: 1154.98px) {
  #site-header__nav-list-01 {
    display: none;
  }
}
#site-header__nav-list-02 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  margin-left: calc(
    var(--column-width-gutter) * 6 - var(--container-padding) * 1 -
      var(--site-header-nav-padding) * 1 - var(--icon-size) - var(--gutter) * 2
  );
  height: 100%;
}
@media (min-width: 1440px) and (max-width: 1599.98px) {
  #site-header__nav-list-02 {
    margin-left: calc(
      var(--column-width-gutter) * 5 - var(--container-padding) * 1 -
        var(--site-header-nav-padding) * 1 - var(--icon-size) - var(--gutter) *
        2
    );
  }
}
@media (min-width: 1600px) {
  #site-header__nav-list-02 {
    margin-left: calc(
      var(--column-width-gutter) * 6 - var(--container-padding) * 1 -
        var(--site-header-nav-padding) * 1 - var(--icon-size) - 16px -
        var(--gutter) * 2
    );
  }
}
#site-header__nav-list-02 .site-header__nav-item-inner-wrapper {
  pointer-events: none;
  display: flex;
  transition: transform 0.5s var(--fast-start-easing);
  transform: translate(-16px);
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
  #site-header__nav-list-02 .site-header__nav-item-inner-wrapper {
    display: none;
  }
}
#site-header__nav-list-02 .o-icon {
  --size: 16px;
  --stroke-width: 1px;
  transition: transform 0.5s var(--fast-start-easing),
    opacity 0.5s var(--fast-start-easing);
  overflow: hidden;
}
#site-header__nav-list-02 .o-icon:first-child {
  align-items: flex-end;
  position: relative;
  top: 2px;
  left: 2px;
  transform: translate(14px);
}
#site-header__nav-list-02 .o-icon:first-child svg {
  transition: transform 0.5s var(--fast-start-easing);
  transform: translate(-10px, 3px);
}
#site-header__nav-list-02 .o-icon:last-child svg {
  transition: transform 0.5s var(--fast-start-easing);
}
#site-header__nav-list-02 a:hover .o-icon:first-child {
  transform: none;
}
#site-header__nav-list-02 a:hover .o-icon:first-child svg {
  transform: none;
}
#site-header__nav-list-02 a:hover .o-icon:last-child {
  transform: translate(-16px);
  opacity: 0;
}
#site-header__nav-list-02 a:hover .o-icon:last-child svg {
  transform: scale(0.5);
}
#site-header__nav-list-02 a:hover .site-header__nav-item-inner-wrapper {
  transform: translate(0);
}
#site-header__nav-list-02 .site-header__nav-item {
  display: flex;
}
#site-header__nav-list-02 .site-header__nav-item:not(:first-child) {
  margin-left: calc(var(--gutter) * 1);
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
  #site-header__nav-list-02 .is-contact {
    display: none;
  }
}
@media (max-width: 1154.98px) {
  #site-header__nav-list-02 {
    display: none;
  }
}
#site-header__nav-list-dropdown {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  display: none;
  cursor: default;
}
@media (min-width: 1340px) and (max-width: 1439.98px) {
  #site-header__nav-list-dropdown {
    display: flex;
  }
}
#site-header__nav-list-dropdown-text {
  position: relative;
  overflow: hidden;
  padding-right: 12px;
  display: flex;
}
#site-header__nav-list-dropdown-text > span {
  display: block;
}
#site-header__nav-list-dropdown-text > span svg {
  width: 11px;
  position: relative;
  transform: translateY(3px);
  height: 11px;
  stroke: currentColor;
  stroke-width: 1px;
  fill: none;
  margin-left: 5px;
  transition: transform 0.65s var(--fast-start-easing);
}
#site-header__nav-list-dropdown-text > span svg line {
  transform-box: content-box;
  transform-origin: center;
  transition: transform 0.65s var(--fast-start-easing);
}
#site-header__nav-list-dropdown:hover
  #site-header__nav-list-dropdown-text
  > span
  svg {
  transform: translate(3px, 3px) rotate(90deg);
}
#site-header__nav-list-dropdown:hover
  #site-header__nav-list-dropdown-text
  > span
  svg
  line:last-child {
  transform: rotate(90deg);
}
#site-header__nav-list-dropdown-box-container {
  position: absolute;
  top: 100%;
  left: -1.75em;
  padding-top: 0.5em;
  width: 200px;
  height: 100%;
  pointer-events: none;
}
#site-header__nav-list-dropdown:hover
  #site-header__nav-list-dropdown-box-container {
  pointer-events: auto;
}
#site-header__nav-list-dropdown-box {
  position: absolute;
  top: 0.5em;
  width: 100%;
  left: 0;
  padding: 1.5em calc(1.75em - 16px);
  border-radius: 12px;
  line-height: 1;
  opacity: 0;
  transform: translateY(16px);
  transition: transform 0.5s var(--fast-start-easing),
    opacity 0.5s var(--fast-start-easing);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
#site-header__nav-list-dropdown-box:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 12px;
  transition: transform 0.5s var(--fast-start-easing);
  will-change: transform;
  background: linear-gradient(180deg, #def4ff0a, #abbcc50d, #5d676d1a);
}
.theme-light #site-header__nav-list-dropdown-box:before {
  background: linear-gradient(180deg, #aab6c822, #90a0b91a, #5d759b11);
}
#site-header__nav-list-dropdown:hover #site-header__nav-list-dropdown-box {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
#site-header__nav-list-dropdown-box li {
  display: flex;
}
#site-header__nav-list-dropdown-box li .o-icon {
  --size: 16px;
  --stroke-width: 1px;
  transition: transform 0.5s var(--fast-start-easing),
    opacity 0.5s var(--fast-start-easing);
  overflow: hidden;
  pointer-events: none;
}
#site-header__nav-list-dropdown-box li .o-icon:first-child {
  align-items: flex-end;
  position: relative;
  top: 2px;
  left: 2px;
  transform: translate(14px);
}
#site-header__nav-list-dropdown-box li .o-icon:first-child svg {
  transition: transform 0.5s var(--fast-start-easing);
  transform: translate(-10px, 3px);
}
#site-header__nav-list-dropdown-box li .o-icon:last-child svg {
  transition: transform 0.5s var(--fast-start-easing);
}
#site-header__nav-list-dropdown-box li:hover .o-icon:first-child {
  transform: none;
}
#site-header__nav-list-dropdown-box li:hover .o-icon:first-child svg {
  transform: none;
}
#site-header__nav-list-dropdown-box li:hover .o-icon:last-child {
  transform: translate(-16px);
  opacity: 0;
}
#site-header__nav-list-dropdown-box li:hover .o-icon:last-child svg {
  transform: scale(0.5);
}
#site-header__nav-list-dropdown-box
  li:hover
  .site-header__nav-list-dropdown-box-item-inner-wrapper {
  transform: translate(16px);
}
#site-header__nav-list-dropdown-box
  li
  .site-header__nav-list-dropdown-box-item-inner-wrapper {
  display: flex;
  transition: transform 0.5s var(--fast-start-easing);
}
#site-header__nav-list-dropdown-box li + li {
  margin-top: 1em;
}
#site-header__button-list {
  display: flex;
  margin-left: auto;
  align-items: center;
}
#site-header__button-transparent {
  margin-right: calc(1em + var(--gutter));
  position: relative;
  display: flex;
  align-items: center;
}
#site-header__button-transparent .o-icon {
  --size: 16px;
  --stroke-width: 1px;
  transition: transform 0.5s var(--fast-start-easing),
    opacity 0.5s var(--fast-start-easing);
  overflow: hidden;
  pointer-events: none;
}
#site-header__button-transparent .o-icon:first-child {
  align-items: flex-end;
  position: relative;
  top: 2px;
  left: 2px;
  transform: translate(14px);
}
#site-header__button-transparent .o-icon:first-child svg {
  transition: transform 0.5s var(--fast-start-easing);
  transform: translate(-10px, 3px);
}
#site-header__button-transparent .o-icon:last-child svg {
  transition: transform 0.5s var(--fast-start-easing);
}
#site-header__button-transparent:hover .o-icon:first-child {
  transform: none;
}
#site-header__button-transparent:hover .o-icon:first-child svg {
  transform: none;
}
#site-header__button-transparent:hover .o-icon:last-child {
  transform: translate(-16px);
  opacity: 0;
}
#site-header__button-transparent:hover .o-icon:last-child svg {
  transform: scale(0.5);
}
#site-header__button-transparent:hover
  #site-header__button-transparent-inner-wrapper {
  transform: translate(16px);
}
#site-header__button-transparent
  #site-header__button-transparent-inner-wrapper {
  display: flex;
  transition: transform 0.5s var(--fast-start-easing);
}
@media (max-width: 939.98px) {
  #site-header__button-transparent {
    display: none;
  }
}
#site-header__button-cta {
  position: relative;
  color: var(--color-dark);
  padding: 0.9em 1.5em;
  display: block;
  line-height: 1;
  transition: color 0.5s, opacity 0.25s;
  opacity: 0;
  pointer-events: none;
}
#site-header__button-cta.is-active {
  opacity: 1;
  pointer-events: auto;
}
.theme-light #site-header__button-cta {
  color: #f2f5fa;
}
.theme-light #site-header__button-cta:before {
  background: #141a26;
}
#site-header__button-cta:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #bad7f5;
  border-radius: 12px;
  transition: transform 1s var(--fast-start-easing), background 0.5s;
  will-change: transform;
}
#site-header__button-cta:hover:before {
  transform: scale(0.96);
}
#site-header__button-cta span {
  position: relative;
}
@media (max-width: 1154.98px) {
  #site-header__button-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.7em 1.25em;
    margin-right: calc(var(--container-padding) / 2 + 0.5em);
    font-size: var(--btn2);
  }
  #site-header__button-cta:before {
    border-radius: 8px;
    height: 2.25em;
  }
}
#site-header__button-menu {
  width: calc(var(--space-xl) * 0.85);
  height: calc(var(--space-xl) * 0.65);
  margin-right: var(--container-padding);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  position: relative;
  cursor: pointer;
}
#site-header__button-menu:before,
#site-header__button-menu:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25%;
  background: #bad7f5;
  width: 50%;
  height: 1px;
}
#site-header__button-menu:before {
  transform: translateY(-4px);
}
#site-header__button-menu:after {
  transform: translateY(3px);
}
.menu-active #site-header__button-menu:before {
  transform: rotate(-45deg);
}
.menu-active #site-header__button-menu:after {
  transform: rotate(45deg);
}
@media (min-width: 1155px) {
  #site-header__button-menu {
    display: none;
  }
}
#site-menu {
  color: #bad7f5;
  position: fixed;
  inset: 0;
  z-index: 9997;
  pointer-events: none;
}
@media (min-width: 1155px) {
  #site-menu {
    display: none;
  }
}
#site-menu__bg {
  position: absolute;
  width: calc(var(--space-xl) * 0.85);
  right: calc(var(--container-padding) + var(--gutter) * 0.4);
  top: calc(var(--gutter) * 2.9);
  height: calc(var(--btn2) * 2.4);
  background: #0c121d;
  border-radius: 8px;
  pointer-events: none;
  transform: translateZ(0);
  transition: width 0.15s var(--fast-start-easing),
    right 0.15s var(--fast-start-easing), top 0.15s var(--faster-start-easing),
    height 0.15s var(--faster-start-easing);
}
@media (max-width: 939.98px) {
  #site-menu__bg {
    height: calc(var(--btn2) * 2.25);
  }
}
@media (max-width: 359.98px) {
  #site-menu__bg {
    height: calc(var(--btn2) * 2.4);
  }
}
.menu-active #site-menu__bg {
  width: calc(100vw - var(--container-padding));
  right: calc(var(--container-padding) / 2);
  top: calc(var(--container-padding) / 2);
  height: calc(var(--vh, vh) * 100 - var(--container-padding));
  transition: width 0.5s var(--fast-start-easing),
    right 0.5s var(--fast-start-easing), top 0.5s var(--faster-start-easing),
    height 0.5s var(--faster-start-easing);
}
@media (max-width: 939.98px) {
  #site-menu__bg {
    right: calc(var(--container-padding));
    top: calc(var(--gutter) * 2.5);
  }
}
#site-menu__content {
  position: absolute;
  inset: var(--container-padding) calc(var(--container-padding));
  padding: var(--space-4xl) var(--space-s) 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
}
.menu-active #site-menu__content {
  pointer-events: auto;
}
@media (max-width: 359.98px) {
  #site-menu__content {
    padding: var(--space-2xl) var(--space-s) 0;
  }
}
#site-menu__nav-01 {
  font-size: var(--link-header-internal);
}
#site-menu__nav-01 li {
  transform: translate(var(--space-m), calc(1 * var(--space-m)));
  opacity: 0;
  transition: transform 0s 0.35s var(--fast-start-easing),
    opacity 0.35s 0s var(--fast-start-easing);
}
.menu-active #site-menu__nav-01 li {
  opacity: 1;
  transform: none;
  transition: transform 1s calc(var(--index) * 0.05s) var(--fast-start-easing),
    opacity 1s calc(var(--index) * 0.05s) var(--fast-start-easing);
}
#site-menu__nav-01 li:not(:first-child) {
  margin-top: var(--space-s);
}
@media (max-width: 359.98px) {
  #site-menu__nav-01 li:not(:first-child) {
    margin-top: var(--space-xs);
  }
}
#site-menu__nav-01 li:nth-child(1) {
  --index: 1;
}
#site-menu__nav-01 li:nth-child(2) {
  --index: 2;
}
#site-menu__nav-01 li:nth-child(3) {
  --index: 3;
}
#site-menu__nav-01 li:nth-child(4) {
  --index: 4;
}
#site-menu__nav-01 li:nth-child(5) {
  --index: 5;
}
#site-menu__nav-01 a {
  display: flex;
  align-items: center;
}
#site-menu__nav-01 .o-icon {
  --size: 8px;
  margin-right: var(--space-2xs);
  display: none;
}
#site-menu__nav-01 .o-icon path {
  stroke: none;
  fill: #bad7f5;
}
#site-menu__nav-01 .is-active .o-icon {
  display: block;
}
#site-menu__nav-02 {
  font-size: var(--link-header-external);
  padding-top: var(--space-xl);
  margin-bottom: auto;
}
#site-menu__nav-02 li {
  transform: translate(var(--space-m), calc(1 * var(--space-m)));
  opacity: 0;
  transition: transform 0s 0.35s var(--fast-start-easing),
    opacity 0.35s 0s var(--fast-start-easing);
}
.menu-active #site-menu__nav-02 li {
  opacity: 1;
  transform: none;
  transition: transform 1s calc(var(--index) * 0.05s) var(--fast-start-easing),
    opacity 1s calc(var(--index) * 0.05s) var(--fast-start-easing);
}
#site-menu__nav-02 li:not(:first-child) {
  margin-top: var(--space-s);
}
#site-menu__nav-02 li:nth-child(1) {
  --index: 5;
}
#site-menu__nav-02 li:nth-child(2) {
  --index: 6;
}
#site-menu__nav-02 li:nth-child(3) {
  --index: 7;
}
#site-menu__nav-02 li:nth-child(4) {
  --index: 8;
}
#site-menu__nav-02 li:nth-child(5) {
  --index: 9;
}
#site-menu__nav-02 li:nth-child(6) {
  --index: 10;
}
#site-menu__nav-02 a {
  line-height: 1;
  display: flex;
  align-items: center;
}
@media (max-width: 359.98px) {
  #site-menu__nav-02 {
    padding-top: var(--space-l);
  }
}
#site-menu__btn-1 {
  --index: 9;
  background: #bad7f5;
  padding: 0.75em 1em;
  border-radius: 10px;
  color: #1e232d;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  font-size: var(--btn2);
  transform: translateY(calc(1 * var(--space-xs)));
  opacity: 0;
  transition: transform 0s 0.35s var(--fast-start-easing),
    opacity 0.35s 0s var(--fast-start-easing);
}
.menu-active #site-menu__btn-1 {
  transition: transform 1s calc(var(--index) * 0.05s) var(--fast-start-easing),
    opacity 1s calc(var(--index) * 0.05s) var(--fast-start-easing);
  opacity: 1;
  transform: none;
}
@media (max-width: 359.98px) {
  #site-menu__btn-1 {
    margin-top: var(--space-m);
  }
}
#site-menu__btn-2 {
  --index: 10;
  text-align: center;
  padding: calc(0.5em + var(--space-xs)) 1em;
  font-size: var(--btn2);
  transform: translateY(calc(1 * var(--space-xs)));
  opacity: 0;
  transition: transform 0s 0.35s var(--fast-start-easing),
    opacity 0.35s 0s var(--fast-start-easing);
}
.menu-active #site-menu__btn-2 {
  transition: transform 1s calc(var(--index) * 0.05s) var(--fast-start-easing),
    opacity 1s calc(var(--index) * 0.05s) var(--fast-start-easing);
  opacity: 1;
  transform: none;
}
#site-menu__btn-2 a {
  display: flex;
  justify-content: center;
}
#vimeo-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s var(--faster-start-easing);
}
.vimeo-open #vimeo-overlay {
  pointer-events: auto;
  opacity: 1;
  display: block;
}
.vimeo-open #vimeo-overlay iframe {
  display: block;
}
#vimeo-overlay iframe {
  display: none;
}
#vimeo-overlay__bg {
  background-color: #000000e6;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s var(--faster-start-easing);
}
.vimeo-open #vimeo-overlay__bg {
  opacity: 1;
}
#vimeo-overlay__close-button {
  position: absolute;
  top: calc(var(--container-padding) * 1.25);
  right: calc(var(--container-padding) * 1);
  padding: var(--space-xs);
  z-index: 1;
  font-size: 0;
  z-index: 2;
  color: var(--color-dark);
  cursor: pointer;
}
#vimeo-overlay__close-button:hover:before {
  transform: scale(0.96);
}
#vimeo-overlay__close-button:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: var(--color-primary-05);
  border-radius: 12px;
  transform: scale(0.99);
  transition: transform 1s var(--faster-start-easing);
}
#vimeo-overlay__close-button .o-icon {
  --size: 14px;
  position: relative;
  z-index: 1;
}
.case-study-open #vimeo-overlay__close-button {
  transform: none;
}
@media (min-width: 940px) {
  #vimeo-overlay__close-button {
    padding: var(--space-s);
    top: var(--container-padding);
    right: var(--container-padding);
  }
}
#vimeo-overlay__container {
  height: 100%;
}
#vimeo-overlay__content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#vimeo-overlay__content-inner {
  width: 80vw;
  position: relative;
  padding-bottom: 45vw;
  background-color: var(--color-dark);
}
@media (max-width: 939.98px) {
  #vimeo-overlay__content-inner {
    width: 100vw;
    padding-bottom: 100vw;
  }
}
#vimeo-preview__image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  padding-bottom: 56.25%;
}
#vimeo-preview__image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 2s var(--fast-start-easing);
}
#vimeo-preview__image-wrapper:has(#vimeo-preview__play-button):hover {
  cursor: pointer;
}
#vimeo-preview__image-wrapper:has(#vimeo-preview__play-button):hover img {
  transform: scale(1.05);
}
#vimeo-preview__play-button {
  pointer-events: none;
}
#vimeo-preview__image-wrapper:hover #vimeo-preview__play-button:before {
  transform: scale(0.96);
}
#youtube-preview__play-button,
#vimeo-preview__play-button {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 16px 24px;
  font-size: var(--btn2);
}
#youtube-preview__play-button:before,
#vimeo-preview__play-button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e4ecf4;
  border-radius: 12px;
  content: "";
  transition: transform 1s var(--fast-start-easing);
  transform: scale(0.99);
}
#youtube-preview__play-button span,
#vimeo-preview__play-button span {
  position: relative;
}
@media (max-width: 939.98px) {
  #youtube-preview__play-button span,
  #vimeo-preview__play-button span {
    display: none;
  }
}
#youtube-preview__play-button:hover:before,
#vimeo-preview__play-button:hover:before {
  transform: scale(0.96);
}
#youtube-preview__play-button .o-icon,
#vimeo-preview__play-button .o-icon {
  --size: var(--body2);
  stroke: none;
  fill: currentColor;
  position: relative;
  width: var(--size);
  height: var(--size);
}
@media (min-width: 940px) {
  #youtube-preview__play-button .o-icon,
  #vimeo-preview__play-button .o-icon {
    display: none;
  }
}
@media (max-width: 939.98px) {
  #youtube-preview__play-button,
  #vimeo-preview__play-button {
    font-size: 0;
    padding: 0;
    width: var(--space-xl);
    height: var(--space-xl);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#icon-preview {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#icon-preview .o-icon {
  width: var(--space-5xl);
  height: auto;
  max-height: var(--space-l);
  stroke: none;
  fill: var(--color-white);
}
#icon-preview .o-icon svg {
  height: 100%;
  max-height: var(--space-l);
  width: auto;
}
.u-col-1 {
  --column-span: 1;
}
.u-col-6 {
  --column-span: 6;
}
.u-d-none {
  display: none;
}
@media (min-width: 940px) {
  .u-d-sm-none {
    display: none;
  }
}
@media (min-width: 940px) {
  .u-d-sm-block {
    display: block;
  }
}
.u-space-s {
  --flow: var(--space-xl);
}
.u-space-m {
  --flow: var(--space-2xl);
}
.u-space-l {
  --flow: var(--space-3xl);
}
@media (min-width: 940px) {
  .u-space-l {
    --flow: var(--space-5xl);
  }
}
.u-space-xl {
  --flow: var(--space-5xl);
}
@media (min-width: 940px) {
  .u-space-xl {
    --flow: var(--space-8xl);
  }
}
.u-wipe-transitions {
  transition: none !important;
}
.u-wipe-transitions *:before,
.u-wipe-transitions *:after,
.u-wipe-transitions * {
  transition: none !important;
}
.dg.ac input,
.dg.ac select,
.dg.ac .property-name,
.dg.ac .close-button {
  font-family: SFMono-Regular, Jetbrains Mono, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, Lucida Console, monospace;
}
.dg .dg.main {
  margin-right: 0;
  margin-left: 10px;
}
.dg.main .property-name {
  padding-right: 5px;
}
.dg.main li.title {
  background-image: none;
  position: relative;
}
.dg.main li.title:before {
  position: absolute;
  content: "-";
  left: 5px;
}
.dg.main .closed li.title {
  background-image: none;
}
.dg.main .closed li.title:before {
  content: "+";
}
.dg.main .c .slider {
  position: relative;
  background: transparent;
}
.dg.main .c .slider:hover {
  background: transparent;
}
.dg.main .c .slider:hover .slider-fg {
  background: #0ff;
}
.dg.main .c .slider:before {
  position: absolute;
  content: "";
  display: block;
  top: 25%;
  height: 50%;
  width: 100%;
  background-color: #111;
}
.dg.main .c .slider-fg {
  background: #0cc;
  position: absolute;
  top: 25%;
  height: 50%;
}
.dg.main .cr.number {
  border-left: 3px solid #0ff;
}
.dg.main .cr.number input[type="text"] {
  color: #0ff;
}