@charset "UTF-8";@import"https://use.typekit.net/zei5man.css";:root {
    --space-3xs: clamp(.25rem, .2411rem + .0446vi, .3125rem);
    --space-2xs: clamp(.5rem, .4821rem + .0893vi, .625rem);
    --space-xs: clamp(.75rem, .7232rem + .1339vi, .9375rem);
    --space-s: clamp(1rem, .9643rem + .1786vi, 1.25rem);
    --space-m: clamp(1.5rem, 1.4464rem + .2679vi, 1.875rem);
    --space-l: clamp(2rem, 1.9286rem + .3571vi, 2.5rem);
    --space-xl: clamp(3rem, 2.8929rem + .5357vi, 3.75rem);
    --space-2xl: clamp(4rem, 3.8571rem + .7143vi, 5rem);
    --space-3xl: clamp(5rem, 4.8214rem + .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(.25rem, .1964rem + .2679vi, .625rem);
    --space-2xs-xs: clamp(.5rem, .4375rem + .3125vi, .9375rem);
    --space-xs-s: clamp(.75rem, .6786rem + .3571vi, 1.25rem);
    --space-s-m: clamp(1rem, .875rem + .625vi, 1.875rem);
    --space-m-l: clamp(1.5rem, 1.3571rem + .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(.75rem, .5893rem + .8036vi, 1.875rem);
    --space-4xl-8xl: clamp(6rem, 5.0714rem + 4.6429vi, 12.5rem);
    --space-s-l: clamp(1rem, .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: #10131c;
    --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(.17, .67, .1, .99);
    --faster-start-easing: cubic-bezier(.19, 1, .22, 1);
    --slow-start-easing: cubic-bezier(.73, 0, 0, 1);
    --content-list-image-size: calc(var(--space-8xl) * 1.2);
    --container-padding: 20px;
    --gutter: 10px;
    --color-error: #ff1a1a;
    --color-white: #f6f6f6;
    --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-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: -.25em
}

sup {
    top: -.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,.5) 15%,transparent 30%,transparent 35%,rgba(73,145,229,.18) 50%,transparent 65%,transparent 75%,rgba(73,145,229,.2) 95%,rgb(57,189,214))
}

.o-rimlight:before {
    filter: blur(5px);
    opacity: .5
}

:root {
    --font-base-multiplier: 1;
    --fluid-36-60: 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(--font-base-multiplier));
    --fluid-20-30: calc(clamp(1.25rem, 1.0983rem + .6472vw, 2.5rem) * var(--font-base-multiplier));
    --fluid-18-30: calc(clamp(1.125rem, .943rem + .7767vw, 1.875rem) * var(--font-base-multiplier));
    --fluid-16-22: calc(clamp(1rem, .909rem + .3883vw, 1.375rem) * var(--font-base-multiplier));
    --fluid-16-18: calc(clamp(1rem, .9697rem + .1294vw, 1.125rem) * var(--font-base-multiplier));
    --fluid-14-18: calc(clamp(.875rem, .8143rem + .2589vw, 1.125rem) * var(--font-base-multiplier));
    --fluid-14-16: calc(clamp(.875rem, .8447rem + .1294vw, 1rem) * var(--font-base-multiplier));
    --fluid-12-16: calc(clamp(.75rem, .6893rem + .2589vw, 1rem) * var(--font-base-multiplier));
    --fluid-30-16: calc(clamp(1rem, 2.0874rem + -.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-22-40: calc(clamp(1.375rem, 1.1019rem + 1.165vw, 3.625rem) * var(--multiplier));
        --fluid-20-30: calc(clamp(1.25rem, 1.0983rem + .6472vw, 2.5rem) * var(--multiplier));
        --fluid-18-30: calc(clamp(1.125rem, .943rem + .7767vw, 1.875rem) * var(--multiplier));
        --fluid-16-18: calc(clamp(1rem, .9697rem + .1294vw, 1.125rem) * var(--multiplier));
        --fluid-14-18: calc(clamp(.875rem, .8143rem + .2589vw, 1.125rem) * var(--multiplier));
        --fluid-14-16: calc(clamp(.875rem, .8447rem + .1294vw, 1rem) * var(--multiplier));
        --fluid-12-16: calc(clamp(.75rem, .6893rem + .2589vw, 1rem) * var(--multiplier));
        --fluid-30-16: calc(clamp(1rem, 2.0874rem + -.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 .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) * .1s + .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 .9s cubic-bezier(.87,-.61,.18,.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(.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: .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: .75em
}

.credits__logo-inner {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    height: 1em;
    top: .1em;
    width: .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: .25em;
    height: .75em
}

.credits__logo-inner:after {
    position: absolute;
    left: .25em;
    top: .75em;
    width: .5em;
    height: .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)
    }
}

.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) * .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)*.8 - 1vw)/2);
    position: absolute;
    border-radius: var(--border-radius);
    left: 0;
    top: 0;
    height: 0;
    overflow: hidden;
    transition: background-color .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 .3s 0s,transform 1s .3s var(--fast-start-easing);
    transform: translateY(.5em)
}

.o-slider__slide.is-active .o-slider__slide-title {
    transition: opacity .5s .1s,transform 1s .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 .3s 0s,transform 1s .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 + .1s),transform 1s calc(var(--index) * 75ms + .1s) var(--fast-start-easing);
    transform: none;
    opacity: 1
}

.o-slider__slide-list-item .o-icon {
    --size: calc(.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 .5s,transform 1s var(--fast-start-easing);
    transform: scale(.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) * .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) * .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) * -.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) * -.25);
        margin-right: calc(var(--column-width) * .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: .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: .75em;
    padding: 1em 1.5em;
    transition: border-color .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
}

#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) * .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) * .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: .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 .5s var(--faster-start-easing),transform .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 .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 .75s var(--faster-start-easing),transform .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(.9090909091)
}

#customers-cards__items-wrapper-nav-prev.is-disabled,#customers-cards__items-wrapper-nav-next.is-disabled {
    opacity: .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 .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(.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(.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)
    }
}

.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: .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) * .7) calc(var(--padding) * .9) calc(var(--padding-bottom) * .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) * .8) calc(var(--padding) * .2) calc(var(--padding-bottom) * .9) calc(var(--padding) * .25)
    }
}

@media (min-width: 1024px) {
    .customers-data__column-card-inner {
        padding:calc(var(--padding-top) * .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) * .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:.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) * .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(.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(-50%)
    }

    to {
        transform: translate(-150%)
    }
}

@keyframes translateB {
    0% {
        transform: translate(50%)
    }

    to {
        transform: translate(-50%)
    }
}

#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) * .5);
    padding: var(--space-xs);
    z-index: 1;
    font-size: 0;
    pointer-events: auto;
    transform: translate(calc(var(--container-padding) + 100%)) rotate(90deg) scale(.96);
    transition: transform 1s var(--faster-start-easing);
    z-index: 2
}

#customers-overlay__close-button:hover:before {
    transform: scale(.96)
}

#customers-overlay__close-button:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: var(--color-primary-05);
    border-radius: 12px;
    transform: scale(.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: .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 .1s 0s var(--faster-start-easing),transform .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 .25s var(--faster-start-easing),transform 1s .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) * .8)
}

@media (max-width: 939.98px) {
    #enterprise-bento__header-caption {
        font-size:.9em
    }
}

#enterprise-bento__header-title {
    font-size: var(--h1);
    text-align: center;
    margin-top: .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: .8em 2em;
    color: #0f131c;
    white-space: nowrap;
    display: inline-block
}

@media (max-width: 939.98px) {
    #enterprise-bento__header-buttons a {
        padding:.8em 1em
    }
}

#enterprise-bento__header-buttons a:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #bad7f5;
    border-radius: 12px;
    transition: transform .5s var(--fast-start-easing)
}

#enterprise-bento__header-buttons a:hover:before {
    transform: scale(.98)
}

#enterprise-bento__header-buttons a span {
    position: relative
}

#enterprise-bento__header-buttons a:nth-child(2) {
    margin-left: .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: .75em
}

#enterprise-bento__card-01-list .o-icon {
    --size: calc(var(--body1) * .5);
    position: absolute;
    left: 0;
    top: calc(var(--size) * .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: .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: .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(.8) rotate(3deg);
    stroke-width: .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) * .8)
}

@media (max-width: 939.98px) {
    #enterprise-cta__caption {
        font-size:.9em
    }
}

#enterprise-cta__title {
    font-size: var(--h1);
    margin-top: .25em;
    margin-bottom: .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(.96)
}

#enterprise-cta__button:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #141a26;
    border-radius: 12px;
    transition: transform 1s var(--fast-start-easing);
    transform: scale(.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 {
    width: 100vw;
    height: var(--space-2xl)
}

@media (min-width: 940px) {
    #enterprise-cta__logo-lists-wrapper {
        width:calc(var(--space-7xl-8xl) * 1.5 * 5);
        height: var(--space-m-l)
    }
}

#enterprise-cta__logo-lists-wrapper>*:last-child {
    animation: translateB 30s linear infinite;
    position: absolute;
    top: 0;
    transform: translate(50%)
}

.enterprise-cta__logo-list {
    animation: translateA 30s linear infinite;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.enterprise-cta__logo-list-item {
    width: 25vw;
    height: var(--space-2xl);
    position: relative
}

@media (min-width: 940px) {
    .enterprise-cta__logo-list-item {
        width:calc(var(--space-7xl-8xl) * 1.5);
        height: var(--space-m-l)
    }
}

.enterprise-cta__logo-list-item .o-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    stroke: none;
    fill: #141a26;
    width: 17.5vw;
    display: flex;
    justify-content: center;
    align-items: center
}

.enterprise-cta__logo-list-item .o-icon svg {
    height: 100%;
    width: auto
}

@media (min-width: 940px) {
    .enterprise-cta__logo-list-item .o-icon {
        height:var(--space-m-l)
    }
}

#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: .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)*.8 - 1vw)/2);
    position: absolute;
    border-radius: var(--border-radius);
    left: 0;
    top: 0;
    height: 0;
    overflow: hidden;
    transition: background-color .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) * .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)
    }
}

#home-bento {
    position: relative;
    z-index: 1;
    min-height: calc(var(--vh, vh) * 100);
    padding: calc(var(--space-8xl) * .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: .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: .5em .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: .75vw;
    width: 4vw;
    color: #6583a4
}

#home-bento__item-01-visual-textbox {
    width: 67%;
    height: 100%;
    background: #32486c;
    border-radius: .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: .75vw;
    color: red;
    color: #d3e3f6;
    z-index: 100;
    position: relative;
    position: absolute;
    top: 50%;
    left: .75vw;
    transform: translateY(-50%)
}

.home-bento__item-01-visual-button {
    --total-width: calc((var(--column-width) * 5 + var(--gutter) * 4) * .9 - 3.1vw - 3.2vw);
    position: absolute;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    border-radius: .5vw;
    font-size: .75vw;
    line-height: 1.2em;
    overflow: hidden;
    transition: left .5s var(--fast-start-easing),right .5s var(--fast-start-easing),transform .5s var(--fast-start-easing)
}

.home-bento__item-01-visual-button .o-icon {
    position: absolute;
    vertical-align: middle;
    --size: 1vw;
    stroke-width: .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) * .9 - 3.9vw - 4vw)
    }
}

.home-bento__item-01-visual-button-text {
    position: absolute;
    left: calc(2.25vw + 2px);
    top: 50%;
    margin-top: -.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(.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 .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: .5vw;
    opacity: .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 .75s var(--faster-start-easing),transform .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: .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 .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: .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) * .8)
}

@media (max-width: 939.98px) {
    #home-cta__caption {
        font-size:.9em
    }
}

#home-cta__title {
    font-size: var(--h1);
    margin-top: .25em;
    margin-bottom: .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(.96)
}

#home-cta__button:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #141a26;
    border-radius: 12px;
    transition: transform 1s var(--fast-start-easing);
    transform: scale(.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 {
    width: 100vw;
    height: var(--space-2xl)
}

@media (min-width: 940px) {
    #home-cta__logo-lists-wrapper {
        width:calc(var(--space-7xl-8xl) * 1.5 * 5);
        height: var(--space-m-l)
    }
}

#home-cta__logo-lists-wrapper>*:last-child {
    animation: translateB 30s linear infinite;
    position: absolute;
    top: 0;
    transform: translate(50%)
}

.home-cta__logo-list {
    animation: translateA 30s linear infinite;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.home-cta__logo-list-item {
    width: 25vw;
    height: var(--space-2xl);
    position: relative
}

@media (min-width: 940px) {
    .home-cta__logo-list-item {
        width:calc(var(--space-7xl-8xl) * 1.5);
        height: var(--space-m-l)
    }
}

.home-cta__logo-list-item .o-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    stroke: none;
    fill: #345068;
    width: 17.5vw;
    display: flex;
    justify-content: center;
    align-items: center
}

.home-cta__logo-list-item .o-icon svg {
    height: 100%;
    width: auto
}

@media (min-width: 940px) {
    .home-cta__logo-list-item .o-icon {
        height:var(--space-m-l)
    }
}

#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: .7em 1.3em .65em;
    color: #0f131c;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-2xs)
}

#home-hero__button-01:hover:before {
    transform: scale(.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 .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: .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: .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 .1s,transform 1s var(--fast-start-easing)
}

#home-hero__items li.is-active:after {
    opacity: 1;
    transform: scaleX(1);
    transition: opacity .5s .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 .1s,transform .1s .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(.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 .1s .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(.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(-.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(.99);
    transition: transform .5s var(--fast-start-easing),opacity .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: 5%;
    left: 7.5%;
    width: 100%;
    height: 100%
}

.home-hero__right-image:nth-child(5) .home-hero__right-image-inner img {
    top: 5%;
    left: 0%;
    width: 115%;
    height: 115%
}

@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: .5vw;
    background: #00000040;
    position: absolute;
    width: 90%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: .5vw;
    border-radius: 1vw;
    height: auto
}

.home-hero__right-image-interactive img {
    position: static;
    border-radius: .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: .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: .5em 1em .45em .9em;
    display: flex;
    font-weight: 700;
    justify-content: center;
    align-items: center;
    gap: var(--space-2xs);
    transition: color .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: #f60000
}

.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: .5vw;
    transition: transform 1s var(--fast-start-easing),background .4s var(--fast-start-easing);
    transform: scale(.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: .6em
}

#home-hero__items-mobile li:nth-child(3) div:first-child {
    padding-left: .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 .3s 0s var(--fast-start-easing),transform .3s 0s var(--fast-start-easing);
    transform: translate(-50%) scale(.8)
}

#home-hero__logo-wall-text {
    text-align: center;
    margin-bottom: 0;
    opacity: .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 .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)))
}

@media (min-width: 940px) {
    #home-hero__logo-lists-outer-wrapper {
        bottom:var(--space-2xl)
    }
}

#home-hero__logo-lists-wrapper {
    width: 100vw;
    height: var(--space-2xl)
}

@media (min-width: 940px) {
    #home-hero__logo-lists-wrapper {
        width:calc(var(--space-7xl-8xl) * 1.5 * 5);
        height: var(--space-m-l)
    }
}

#home-hero__logo-lists-wrapper>*:last-child {
    animation: translateB 30s linear infinite;
    position: absolute;
    top: 0;
    transform: translate(50%)
}

.home-hero__logo-list {
    animation: translateA 30s linear infinite;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.home-hero__logo-list-item {
    width: 25vw;
    height: var(--space-2xl);
    position: relative
}

@media (min-width: 940px) {
    .home-hero__logo-list-item {
        width:calc(var(--space-7xl-8xl) * 1.5);
        height: var(--space-m-l)
    }
}

.home-hero__logo-list-item .o-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    stroke: none;
    fill: #bad7f5;
    width: 17.5vw;
    display: flex;
    justify-content: center;
    align-items: center
}

.home-hero__logo-list-item .o-icon svg {
    height: 100%;
    width: auto
}

@media (min-width: 940px) {
    .home-hero__logo-list-item .o-icon {
        height:var(--space-m-l)
    }
}

@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 .3s 0s,transform 1s .3s var(--fast-start-easing);
    transform: translateY(.5em)
}

.home-integration__slide-title .o-icon {
    margin-top: -4px
}

.home-integration__slide-title span+span {
    margin-left: .35em;
    margin-top: .05em
}

.home-integration__slide-title svg {
    stroke: none;
    fill: currentcolor
}

.home-integration__slide.is-active .home-integration__slide-title {
    transition: opacity .5s .1s,transform 1s .1s var(--fast-start-easing);
    transform: none;
    opacity: 1
}

.home-integration__slide-subtitle {
    font-size: var(--body1);
    margin-top: .75em;
    display: flex;
    flex-direction: column
}

.home-integration__slide-subtitle span {
    display: block;
    opacity: 0;
    transition: opacity .3s 0s,transform 1s .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 .5s calc(var(--index) * .05s),transform 1s calc(var(--index) * .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(.9);
    transition: transform 1s var(--fast-start-easing),opacity .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 .2s,transform .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(.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: .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) * .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(.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) + .85em);
    right: 0;
    width: 20px;
    height: 2px;
    background: currentColor
}

.pricing-faq__list-item:first-child .pricing-faq__list-question-icon {
    top: .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 .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: .6
}

.pricing-header__item-button {
    display: block;
    font-size: var(--btn1);
    width: 100%;
    color: #0f131c;
    padding: .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,.4)
}

.pricing-header__item-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: transform .8s var(--fast-start-easing)
}

.pricing-header__item-button:hover:before {
    transform: scale(.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: .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) * .5);
    font-size: var(--body2);
    margin-top: .75em;
    position: relative
}

.pricing-header__list-item .o-icon {
    position: absolute;
    left: 0;
    top: calc(var(--body2) * .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: .1em;
        width: calc(100% - .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,-.5ch) scale(.98);
    top: 200%;
    pointer-events: none;
    opacity: 0;
    transform-origin: 0 0;
    transition: transform .4s var(--faster-start-easing),opacity .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%,-.5ch) scale(.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 .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: .8;
    height: 4em
}

.pricing-plans__nav-desktop-item-button {
    font-size: var(--btn2);
    padding: .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,.4)
}

.pricing-plans__nav-desktop-item-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: transform .8s var(--fast-start-easing);
    transform: scale(.99)
}

.pricing-plans__nav-desktop-item-button:hover:before {
    transform: scale(.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) * .75);
    height: calc(var(--h4) * .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(.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: .4em 1em .4em 0;
    height: 3em
}

.pricing-plans__nav-mobile-item-button {
    background: var(--color-black);
    font-size: var(--btn2);
    border-radius: 7px;
    padding: .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: .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: .1em;
        width: calc(100% - .2em);
        height: 2px;
        background-image: linear-gradient(to right,rgba(15,19,28,.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,-.5ch) scale(.98);
    top: 200%;
    pointer-events: none;
    opacity: 0;
    transform-origin: 0 0;
    transition: transform .4s var(--faster-start-easing),opacity .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 .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: .1em;
        width: calc(100% - .225em);
        height: 2px;
        background-image: linear-gradient(to right,rgba(15,19,28,.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,-.5ch) scale(.98);
    top: 200%;
    pointer-events: none;
    opacity: 0;
    transform-origin: 0 0;
    transition: transform .4s var(--faster-start-easing),opacity .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%,-.5ch) scale(.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 .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: .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) * .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) * .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: .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(.99)
}

#site-footer__top-left-button:hover:before {
    transform: scale(.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 .1s var(--faster-start-easing);
    transform: scaleX(1)
}

.site-footer__top-right-link:hover:before {
    transform: scaleX(1);
    transition: transform 1s .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 .5s var(--fast-start-easing);
    pointer-events: none;
    transform: translate(-16px)
}

#site-footer__bottom-right .o-icon {
    --size: 16px;
    --stroke-width: 1px;
    transition: transform .5s var(--fast-start-easing),opacity .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 .5s var(--fast-start-easing);
    transform: translate(-10px,3px)
}

#site-footer__bottom-right .o-icon:last-child svg {
    transition: transform .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(.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) * .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 .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,.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: .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 .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) * .5);
    opacity: 0;
    position: absolute;
    left: 0;
    top: calc(var(--link-header-internal) * .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 .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 .5s var(--fast-start-easing),opacity .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 .5s var(--fast-start-easing);
    transform: translate(-10px,3px)
}

#site-header__nav-list-02 .o-icon:last-child svg {
    transition: transform .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(.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 .65s var(--fast-start-easing)
}

#site-header__nav-list-dropdown-text>span svg line {
    transform-box: content-box;
    transform-origin: center;
    transition: transform .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: .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: .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 .5s var(--fast-start-easing),opacity .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 .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 .5s var(--fast-start-easing),opacity .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 .5s var(--fast-start-easing);
    transform: translate(-10px,3px)
}

#site-header__nav-list-dropdown-box li .o-icon:last-child svg {
    transition: transform .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(.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 .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 .5s var(--fast-start-easing),opacity .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 .5s var(--fast-start-easing);
    transform: translate(-10px,3px)
}

#site-header__button-transparent .o-icon:last-child svg {
    transition: transform .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(.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 .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: .9em 1.5em;
    display: block;
    line-height: 1;
    transition: color .5s,opacity .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 .5s;
    will-change: transform
}

#site-header__button-cta:hover:before {
    transform: scale(.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: .7em 1.25em;
        margin-right: calc(var(--container-padding) / 2 + .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) * .85);
    height: calc(var(--space-xl) * .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) * .85);
    right: calc(var(--container-padding) + var(--gutter) * .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 .15s var(--fast-start-easing),right .15s var(--fast-start-easing),top .15s var(--faster-start-easing),height .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 .5s var(--fast-start-easing),right .5s var(--fast-start-easing),top .5s var(--faster-start-easing),height .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 .35s var(--fast-start-easing),opacity .35s 0s var(--fast-start-easing)
}

.menu-active #site-menu__nav-01 li {
    opacity: 1;
    transform: none;
    transition: transform 1s calc(var(--index) * .05s) var(--fast-start-easing),opacity 1s calc(var(--index) * .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 .35s var(--fast-start-easing),opacity .35s 0s var(--fast-start-easing)
}

.menu-active #site-menu__nav-02 li {
    opacity: 1;
    transform: none;
    transition: transform 1s calc(var(--index) * .05s) var(--fast-start-easing),opacity 1s calc(var(--index) * .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: .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 .35s var(--fast-start-easing),opacity .35s 0s var(--fast-start-easing)
}

.menu-active #site-menu__btn-1 {
    transition: transform 1s calc(var(--index) * .05s) var(--fast-start-easing),opacity 1s calc(var(--index) * .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(.5em + var(--space-xs)) 1em;
    font-size: var(--btn2);
    transform: translateY(calc(1 * var(--space-xs)));
    opacity: 0;
    transition: transform 0s .35s var(--fast-start-easing),opacity .35s 0s var(--fast-start-easing)
}

.menu-active #site-menu__btn-2 {
    transition: transform 1s calc(var(--index) * .05s) var(--fast-start-easing),opacity 1s calc(var(--index) * .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 .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 .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(.96)
}

#vimeo-overlay__close-button:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: var(--color-primary-05);
    border-radius: 12px;
    transform: scale(.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(.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(.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(.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
}