@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)
}
:root {
--initial-vh: 1vh;
--actual-vh: 1vh;
--body-font-size: var(--fluid-16-18);
--font-family-heading: "Noto Sans SC", sans-serif;  /*neue-haas-grotesk-display*/
--font-family-body: "Noto Sans SC", sans-serif;  /*neue-haas-grotesk-text*/
--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;
--site-header-height: 0px;
--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: 768px;
--breakpoints-md: 1024px;
--breakpoints-md2: 1155px;
--breakpoints-ml: 1340px;
--breakpoints-lg: 1440px;
--breakpoints-lg2: 1600px;
--breakpoints-xl: 1960px;
--breakpoints-xxl: 2400px
}
@media (min-width: 768px) {
:root {
--container-padding: 3vw
}
}
@media (min-width: 768px) {
:root {
--gutter: 1vw
}
}
@media (min-width: 1024px) {
:root {
--site-header-height: 0px
}
}
*, *: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-80: calc(clamp(2.25rem, 1.5825rem + 2.8479vw, 7.75rem) * var(--font-base-multiplier));
--fluid-24-60: calc(clamp(1.775rem, 1.3019rem + 1.965vw, 5.625rem) * 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-80);
--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: 767.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-80: calc(clamp(2.25rem, 1.5825rem + 2.8479vw, 7.75rem) * 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: 767.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: 767.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: 768px) {
.o-bar__item--mobile {
	display: none
}
}
@media (max-width: 767.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: 768px) {
.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__pic{
	position: absolute; 
	width: 100%; 
	height: 100%;
}
.o-integration-card__pic img{	
	position: absolute;
	filter: blur(2px);
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.3s ease;
}
.o-integration-card__pic video{	
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
@media (hover: hover) {
	/*
	.o-integration-card:hover .o-integration-card__pic img{
		opacity: 0.3;
	}
	*/
	.o-integration-card:hover .o-integration-card__pic video{
		opacity: 1;
	}
}

.o-integration-card__pic_m{
	position: absolute; 
	width: 100%; 
	height: 100%;
}
.o-integration-card__pic_m img{	
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.3s ease;
}



.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: 767.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: 768px) {
.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 .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: 767.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+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: 767.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-section, .o-slider {
	position: relative
}
@media (max-width: 767.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: 768px) {
.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: 768px) {
#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 {
height:calc(var(--space-l) * 1.2);
	width: auto;
	stroke: none;
	fill: currentColor
}
#case-study__header>.o-icon svg {
	height: 100%;
	width: auto
}
#case-study__header-title {
	font-size: var(--h2);
margin-top:calc(var(--space-xl) * 1)
}
#case-study__header-data {
	display: flex;
	margin-top: var(--space-xl);
	margin-bottom: var(--space-xl)
}
#case-study__header-data>div {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: var(--space-xs)
}
#case-study__header-data>div:last-child {
	position: relative;
	padding-left: var(--space-xl)
}
@media (max-width: 767.98px) {
#case-study__header-data>div:last-child {
padding-left:calc(var(--container-padding) * 1)
}
}
#case-study__header-data>div:last-child:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #d0d7e2
}
#case-study__header-data div div:first-child {
	font-family: var(--font-family-heading);
	font-weight: 400;
	line-height: calc(1.1em + 4px);
	font-size: var(--h2)
}
#case-study__header-data div div:last-child {
	font-size: var(--body2);
	margin-right: var(--space-m)
}
#case-study__media {
--columns: 12;
--column-span: 12;
--column-start: 1
}
@media (min-width: 768px) {
#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__video {
--column-span: 12;
--column-start: 1
}
@media (min-width: 768px) {
#case-study__video {
--column-span: 7;
--column-start: 1
}
}
@media (min-width: 1024px) {
#case-study__video {
--column-span: 6;
--column-start: 1
}
}
@media (min-width: 1440px) {
#case-study__video {
--column-span: 5;
--column-start: 1
}
}
#case-study__info {
--column-span: 12;
--column-start: 1
}
@media (max-width: 767.98px) {
#case-study__info {
	margin-top: var(--space-xl)
}
}
@media (min-width: 768px) {
#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: 767.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: 768px) {
#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-2xl)
}
@media (min-width: 768px) {
#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: 768px) {
#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-data {
	position: relative;
	z-index: 1;
padding-top:calc(var(--space-8xl) * 1)
}
@media (min-width: 768px) {
#customers-data {
padding-top:calc(var(--space-8xl) * 1.5);
	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: 767.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: 768px) {
.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: 767.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: 768px) {
.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: 767.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: 768px) {
.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: 767.98px) {
.customers-data__column-card-text {
	margin-top: .5em;
	font-size: var(--body2)
}
}
@media (min-width: 768px) 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: 767.98px) {
.customers-data__column-card-label {
font-size:calc(var(--body2) * .8)
}
}
#customers-feedback {
	overflow: hidden;
	position: relative;
	color: var(--color-dark);
	padding-top: var(--space-6xl)
}
@media (max-width: 767.98px) {
#customers-feedback {
	padding-top: var(--space-4xl-5xl)
}
}
#customers-feedback .o-container {
	overflow: hidden
}
#customers-feedback__title {
	font-size: var(--h1);
	display: inline-block
}
#customers-feedback__hero {
	margin-top: var(--space-4xl-5xl);
	grid-template-rows: auto auto
}
@media (max-width: 767.98px) {
#customers-feedback__hero {
	margin-top: var(--space-xl)
}
}
#customers-feedback__hero-copy {
	margin-top: var(--space-xl);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}
@media (min-width: 768px) {
#customers-feedback__hero-copy {
--column-span: 6;
--column-start: 1;
	margin-top: 0;
	padding-right: var(--space-m)
}
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
#customers-feedback__hero-copy {
	padding-left: var(--space-l)
}
}
@media (min-width: 1440px) {
#customers-feedback__hero-copy {
--column-span: 4;
--column-start: 2;
margin-left:calc(var(--column-width) * -.5);
	margin-top: 0
}
}
#customers-feedback__hero-copy-caption {
	font-size: var(--h5);
	font-weight: 500
}
#customers-feedback__hero-copy-title {
	margin-top: var(--space-xs);
	font-size: var(--h4);
	line-height: 1.3;
	max-width: 35ch
}
#customers-feedback__hero-copy-title b {
	font-weight: 400;
	text-underline-offset: 2px;
	text-decoration: underline
}
@media (max-width: 767.98px) {
#customers-feedback__hero-copy-title {
	line-height: 1.4
}
}
#customers-feedback__hero-copy-button {
	margin-top: var(--space-m);
	font-size: var(--btn2);
	padding: .75em 1.75em;
	position: relative
}
#customers-feedback__hero-copy-button:hover:before {
	transform: scale(.96)
}
#customers-feedback__hero-copy-button:before {
	pointer-events: none;
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	background-color: var(--color-primary-05);
	border-radius: 12px;
	transition: transform 1s var(--fast-start-easing);
	transform: scale(.99)
}
#customers-feedback__hero-copy-button span {
	position: relative
}
#customers-feedback__hero-image {
	padding-bottom: 75%;
	border-radius: 12px;
	overflow: hidden;
	position: relative
}
#customers-feedback__hero-image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
@media (max-width: 767.98px) {
#customers-feedback__hero-image {
	grid-row: 1;
--column-span: 12;
--column-start: 1
}
}
@media (min-width: 768px) {
#customers-feedback__hero-image {
--column-span: 6;
--column-start: 7
}
}
@media (min-width: 1024px) {
#customers-feedback__hero-image {
--column-span: 5;
--column-start: 7
}
}
@media (min-width: 1440px) {
#customers-feedback__hero-image {
--column-span: 5;
--column-start: 7
}
}
#customers-feedback__hero-image-caption {
	position: relative;
	z-index: 1;
	padding: var(--space-m);
	position: absolute;
	bottom: 0;
	left: 0;
	color: var(--color-white);
	font-size: var(--body3);
	font-family: var(--font-family-body);
	line-height: 1
}
#customers-feedback__hero-image-caption span {
	font-weight: 700
}
@media (max-width: 767.98px) {
#customers-feedback__hero-image-caption {
	padding: var(--space-s)
}
}
#customers-feedback__hero-image-logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding: var(--space-s);
	font-size: 0;
	margin: var(--space-m);
	background: var(--color-white);
	border-radius: 6px
}
#customers-feedback__hero-image-logo .o-icon {
	height: var(--space-m);
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	stroke: none;
	fill: var(--color-black)
}
#customers-feedback__hero-image-logo .o-icon svg {
	height: 100%;
	width: auto
}
@media (max-width: 767.98px) {
#customers-feedback__hero-image-logo {
	padding: var(--space-2xs);
	margin: var(--space-s)
}
#customers-feedback__hero-image-logo .o-icon {
--size: var(--space-m)
}
}
#customers-feedback__gallery-wrapper {
	margin-top: var(--space-5xl)
}
@media (min-width: 768px) {
#customers-feedback__gallery-wrapper {
	position: relative
}
}
@media (min-width: 768px) and (max-width: 1439.98px) {
#customers-feedback__gallery-wrapper {
	position: relative;
	display: flex;
	flex-wrap: wrap
}
}
@media (min-width: 1440px) {
#customers-feedback__gallery-wrapper {
	height: 25vw;
	position: relative
}
}
.customers-feedback__gallery-item-list-wrapper {
--padding: var(--space-l);
--image-ratio: 1;
	flex-shrink: 0;
	cursor: default;
	border-radius: 12px;
	z-index: 1;
	overflow: hidden;
	color: var(--color-white)
}
.customers-feedback__gallery-item-list-wrapper .customers-feedback__gallery-item-list>img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
@media (min-width: 1440px) {
.customers-feedback__gallery-item-list-wrapper .customers-feedback__gallery-item-list>img {
transform:translate(calc(var(--image-ratio) * (-50% + (100vw - var(--container-padding) * 2 - var(--gutter) * 4) * .1)))
}
}
@media (min-width: 768px) and (max-width: 1439.98px) {
.customers-feedback__gallery-item-list-wrapper {
width:calc((100vw - var(--container-padding) * 2 - var(--gutter)) / 2)
}
.customers-feedback__gallery-item-list-wrapper:not(:first-child)+.customers-feedback__gallery-item-list-wrapper {
	margin-top: var(--container-padding)
}
}
@media (min-width: 1440px) {
.customers-feedback__gallery-item-list-wrapper {
	position: absolute;
	height: 100%;
	margin-right: var(--gutter)
}
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list-wrapper:not(:nth-child(2n)) {
margin-right:var(--gutter)
}
}
@media (max-width: 767.98px) {
.customers-feedback__gallery-item-list-wrapper {
	width: 100%
}
.customers-feedback__gallery-item-list-wrapper+.customers-feedback__gallery-item-list-wrapper {
	margin-top: var(--container-padding)
}
}
@media (min-width: 768px) {
.customers-feedback__gallery-item-list-wrapper {
--padding: var(--container-padding)
}
}
@media (min-width: 1960px) {
.customers-feedback__gallery-item-list-wrapper {
--padding: var(--space-xl)
}
}
.customers-feedback__gallery-item-list:before {
	pointer-events: none;
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	background: #0003;
	z-index: 1;
	opacity: 0;
	transition: opacity 1s var(--fast-start-easing)
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list:before {
	opacity: 1
}
}
@media (min-width: 1440px) {
.customers-feedback__gallery-item-list:hover:before {
	transition: opacity 1s .2s var(--fast-start-easing);
	opacity: 1
}
}
.customers-feedback__gallery-item-list>*:not(img) {
	z-index: 1
}
@media (min-width: 768px) {
.customers-feedback__gallery-item-list {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
padding:calc(var(--container-padding) * .75);
	height: 100%
}
}
@media (min-width: 1440px) {
.customers-feedback__gallery-item-list {
	position: absolute;
	inset: 0;
padding:calc(var(--container-padding) * 1)
}
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list {
	flex-direction: column;
	display: flex
}
}
@media (max-width: 767.98px) {
.customers-feedback__gallery-item-list {
	position: relative;
padding:calc(var(--container-padding) * 1)
}
}
.customers-feedback__gallery-item-list-logo {
	will-change: transform;
	transition: transform 1s var(--fast-start-easing), opacity 1s var(--fast-start-easing)
}
.customers-feedback__gallery-item-list-logo .o-icon {
	width: auto;
	height: var(--space-m);
	stroke: none;
	fill: currentColor
}
.customers-feedback__gallery-item-list-logo .o-icon svg {
	height: 100%;
	width: auto
}
.customers-feedback__gallery-item-list-logo.is-expanded {
	display: block;
	position: relative;
	opacity: 0;
	transform: translateY(var(--space-4xl)) scale(.75);
	transform-origin: 0 0
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list-logo.is-expanded {
	transition: none;
	opacity: 1;
	transform: none
}
}
.customers-feedback__gallery-item-list-wrapper:hover .customers-feedback__gallery-item-list-logo.is-expanded {
	opacity: 1;
	transform: none
}
.customers-feedback__gallery-item-list-logo.is-collapsed {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 1
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list-logo.is-collapsed {
	transition: none;
	opacity: 0
}
}
.customers-feedback__gallery-item-list-wrapper:hover .customers-feedback__gallery-item-list-logo.is-collapsed {
	opacity: 0
}
@media (min-width: 768px) {
.customers-feedback__gallery-item-list-logo {
	margin-bottom: var(--space-l)
}
}
@media (max-width: 767.98px) {
.customers-feedback__gallery-item-list-logo {
	margin-bottom: var(--space-l)
}
}
@media (min-width: 1440px) {
.customers-feedback__gallery-item-list-label {
	position: absolute;
	top: var(--padding);
	right: var(--padding);
	opacity: 0;
	transition: opacity 1s var(--fast-start-easing), transform 1s var(--fast-start-easing);
	transform: translate(var(--space-l), var(--space-2xl))
}
.customers-feedback__gallery-item-list:hover .customers-feedback__gallery-item-list-label {
	opacity: 1;
	transform: none
}
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list-label {
	display: none
}
}
.customers-feedback__gallery-item-list-quote {
	font-size: var(--h4);
	max-width: 37.5ch
}
@media (min-width: 1440px) {
.customers-feedback__gallery-item-list-quote {
	position: relative;
	display: block;
	opacity: 0;
	transition: opacity 1.2s var(--fast-start-easing), transform 1.2s var(--fast-start-easing);
	transform: translateY(var(--space-4xl)) scale(.75);
	transform-origin: 0 0
}
.customers-feedback__gallery-item-list:hover .customers-feedback__gallery-item-list-quote {
	opacity: 1;
	transform: none;
	transition: opacity 1s .2s var(--fast-start-easing), transform 1s var(--fast-start-easing)
}
}
@media (min-width: 1960px) {
.customers-feedback__gallery-item-list-quote {
margin-right:calc(var(--padding) * 2)
}
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list-quote {
font-size:calc(var(--h4) * .9);
	position: relative;
	margin-bottom: var(--space-3xl)
}
}
.customers-feedback__gallery-item-list-author {
	will-change: transform;
	display: flex;
	align-items: center;
	gap: var(--space-s);
	position: relative;
	margin-top: auto
}
@media (min-width: 1440px) {
.customers-feedback__gallery-item-list-author {
	position: absolute;
	left: var(--padding);
	bottom: var(--padding);
	opacity: 0;
	transition: opacity 1s .2s var(--fast-start-easing), transform 1s var(--fast-start-easing);
	transform: translateY(var(--space-m))
}
.customers-feedback__gallery-item-list:hover .customers-feedback__gallery-item-list-author {
	opacity: 1;
	transform: none
}
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list-author {
	gap: var(--space-2xs)
}
}
.customers-feedback__gallery-item-list-author-image {
--size: var(--space-l);
	width: var(--size);
	height: var(--size);
	overflow: hidden;
	border-radius: 7px;
	position: relative;
	border: 1px solid rgba(242,245,250,.3)
}
.customers-feedback__gallery-item-list-author-image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list-author-image {
--size: var(--space-xl)
}
}
.customers-feedback__gallery-item-list-author-name {
	font-size: var(--body1)
}
.customers-feedback__gallery-item-list-author-name span {
	font-size: var(--body3);
	font-weight: 700
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list-author-name {
	line-height: 1;
font-size:calc(var(--body1) * .9)
}
.customers-feedback__gallery-item-list-author-name span {
font-size:calc(var(--body3) * .9);
	display: block;
	margin-bottom: .5em
}
}
.customers-feedback__gallery-item-list-button {
	cursor: pointer;
	background: var(--color-white);
	position: relative;
	color: var(--color-dark);
	font-size: var(--btn2)
}
@media (min-width: 1440px) {
.customers-feedback__gallery-item-list-button {
	border-radius: 12px;
	padding: .75em 1.75em;
	position: absolute;
	bottom: var(--padding);
	right: var(--padding);
	opacity: 0;
	transform: translate(var(--space-2xl), var(--space-m));
	transition: opacity 1s var(--fast-start-easing), transform 1s var(--fast-start-easing)
}
.customers-feedback__gallery-item-list:hover .customers-feedback__gallery-item-list-button {
	opacity: 1;
	transform: none
}
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list-button {
	font-size: 0;
	position: absolute;
bottom:calc(var(--container-padding) * 1);
right:calc(var(--container-padding) * 1);
	height: var(--space-xl);
	width: var(--space-xl);
	display: flex;
	justify-content: center;
	border-radius: 7px;
	align-items: center
}
}
.customers-feedback__gallery-item-list-button .o-icon {
	font-size: 0
}
@media (min-width: 1440px) {
.customers-feedback__gallery-item-list-button .o-icon {
	display: none
}
}
@media (max-width: 1439.98px) {
.customers-feedback__gallery-item-list-button-text {
	display: none
}
}
#customers-header {
	position: relative
}
#customers-header__copy {
	color: var(--color-primary-04);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
min-height:calc(var(--vh, 1vh) * 100)
}
#customers-header__caption {
font-size:calc(var(--h4) * .8)
}
@media (max-width: 767.98px) {
#customers-header__caption {
	font-size: .9em
}
}
#customers-header__title {
	font-size: var(--h1);
	margin-top: .2em
}
#customers-header__subtitle {
	font-size: var(--body1);
	text-align: center;
	max-width: 38ch;
	margin-top: 2em
}
#customers-header__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: 768px) {
#customers-header__logo-lists-outer-wrapper {
	bottom: var(--space-2xl)
}
}
#customers-header__logo-lists-wrapper {
	width: 100vw;
	height: var(--space-2xl)
}
@media (min-width: 768px) {
#customers-header__logo-lists-wrapper {
width:calc(var(--space-7xl-8xl) * 1.5 * 5);
	height: var(--space-m-l)
}
}
#customers-header__logo-lists-wrapper>*:last-child {
	animation: translateB 30s linear infinite;
	position: absolute;
	top: 0;
	transform: translate(50%)
}
.customers-header__logo-list {
	animation: translateA 30s linear infinite;
	display: flex;
	position: absolute;
	left: 50%;
	transform: translate(-50%)
}
.customers-header__logo-list-item {
	width: 25vw;
	height: var(--space-2xl);
	position: relative
}
@media (min-width: 768px) {
.customers-header__logo-list-item {
width:calc(var(--space-7xl-8xl) * 1.5);
	height: var(--space-m-l)
}
}
.customers-header__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
}
.customers-header__logo-list-item .o-icon svg {
	height: 100%;
	width: auto
}
@media (min-width: 768px) {
.customers-header__logo-list-item .o-icon {
	height: var(--space-m-l)
}
}
@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: 768px) {
#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: 768px) {
#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: 768px) {
#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: 768px) {
#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: 768px) {
#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: 767.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: 767.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: 768px) {
#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: 768px) {
#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: 768px) {
#enterprise-bento__card-01-list {
	margin-top: var(--space-5xl)
}
}
@media (min-width: 768px) {
#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: 768px) {
#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: 767.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: 768px) {
#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: 767.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: 768px) {
#enterprise-cta__logo-lists-outer-wrapper {
	bottom: var(--space-2xl)
}
}
#enterprise-cta__logo-lists-wrapper {
	width: 100vw;
	height: var(--space-2xl)
}
@media (min-width: 768px) {
#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: 768px) {
.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: 768px) {
.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: 767.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: 767.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: 768px) {
.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: 768px) {
.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: 768px) {
.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: 768px) {
.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: 767.98px) {
.enterprise-features__description-copy {
	margin-top: var(--space-l-xl);
	padding-left: var(--space-s)
}
}
@media (min-width: 768px) {
.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: 768px) {
.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: 768px) {
.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: 767.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: 768px) {
#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: 768px) {
#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: 768px) {
#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: 768px) {
.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: 767.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: 767.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: 767.98px) {
.home-bento__item-subtitle br {
	display: none
}
}
@media (max-width: 767.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: 768px) 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: 768px) 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: 768px) {
.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: 767.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: 768px) {
#home-bento__item-01 .home-bento__item-title {
	position: absolute;
	top: 11%;
	left: 10%
}
}
@media (min-width: 768px) {
#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: 767.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: 768px) {
#home-bento__item-02 .home-bento__item-text {
	position: absolute;
	top: 37%;
	left: 10%
}
}
@media (min-width: 768px) {
#home-bento__item-02 {
--column-span: 6;
	transform: translateY(0)
}
}
@media (min-width: 1440px) {
#home-bento__item-02 {
--column-span: 5
}
}
@media (min-width: 768px) {
#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: 767.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: 768px) {
#home-bento__item-03 .home-bento__item-text {
	position: absolute;
	top: 10%;
	left: 10%
}
}
@media (min-width: 768px) {
#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: 768px) {
#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: 767.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: 768px) {
#home-cta__logo-lists-outer-wrapper {
	bottom: var(--space-2xl)
}
}
#home-cta__logo-lists-wrapper {
	width: 100vw;
	height: var(--space-2xl)
}
@media (min-width: 768px) {
#home-cta__logo-lists-wrapper {
width:calc(var(--space-7xl-8xl) * 1.5 * 5);
	height: var(--space-xl-2xl)
}
}
#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: calc(var(--space-5xl-6xl) * 1.5);
	height: var(--space-2xl);
	position: relative
}
@media (min-width: 768px) {
.home-cta__logo-list-item {
	width:calc(var(--space-7xl-8xl) * 1.5);
	height: var(--space-xl-2xl)
}
}
.home-cta__logo-list-item .o-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: var(--space-xl-2xl);
	stroke: none;
	fill: #141a26;
	display: flex;
	justify-content: center;
	align-items: center
}
.home-cta__logo-list-item .o-icon svg {
	height: 100%;
	width: auto
}
@media (min-width: 768px) {
.home-cta__logo-list-item .o-icon {
	height: var(--space-xl-2xl)
}
}
#home-hero {
	overflow: hidden;
	display: flex;
	height:calc(var(--vh, vh) * 100);
	position: relative;
	color: #bad7f5;
	padding-bottom:calc(var(--vh, vh) * 675);
	pointer-events: none
}
@media (max-width: 767.98px) {
#home-hero {
padding-bottom:calc(var(--vh, vh) * 750)
}
}
#home-hero-wrapper {
	position: absolute
}
#home-hero__alert {
--ratio: 0;
	position: absolute;
top:calc(var(--space-xl-2xl) * 2);
	left: 50%;
	transform: translate(-50%);
padding:var(--space-s) calc(var(--space-s) * 1.25);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	font-size: var(--btn1);
	z-index: 9999;
	cursor: pointer;
	pointer-events: auto
}
#home-hero__alert:hover:before, #home-hero__alert:hover:after {
	transform: scaleX(1.015) scaleY(1.03)
}
#home-hero__alert:before {
	position: absolute;
	content: "";
	inset: 0;
	border-radius: 16px;
	background-image: linear-gradient(180deg, #2f456d 50%, #1a263e);
	z-index: -1;
	transition: transform 1s var(--fast-start-easing)
}
@media (max-width: 767.98px) {
#home-hero__alert:before {
	border-radius: 12px
}
}
#home-hero__alert:after {
	position: absolute;
	content: "";
	inset: 1px;
	border-radius: 16px;
	background-color: #1a263e;
	z-index: -1;
	transition: transform 1s var(--fast-start-easing)
}
@media (max-width: 767.98px) {
#home-hero__alert:after {
	border-radius: 12px
}
}
@media (max-width: 767.98px) {
#home-hero__alert {
top:calc(var(--space-xl-2xl) * 1.75);
	font-size: 16px!important;
padding:var(--space-xs) calc(var(--space-xs) * 1.1) var(--space-xs) calc(var(--space-xs) * 1.25);
	border-radius: 12px
}
#home-hero__alert .o-rimlight {
	border-radius: 12px!important
}
}
#home-hero__alert .o-rimlight {
--border-radius: 16px !important
}
#home-hero__alert .o-rimlight:before, #home-hero__alert .o-rimlight:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	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))
}
#home-hero__alert-bg {
	position: absolute;
	inset: 1px;
	z-index: 1;
	overflow: hidden;
	border-radius: 16px;
	transition: transform 1s var(--fast-start-easing)
}
#home-hero__alert-bg:before {
	position: absolute;
	content: "";
	inset: 50% 0 0 50%;
transform:translate(calc(-135% * (1 - var(--ratio)) + 35% * var(--ratio)), -50%) scaleY(.5);
	padding-bottom: 100%;
	width: 100%;
	border-radius: 16px;
	background: linear-gradient(45deg, #1a263e 10%, #2f456d 40% 60%, #1a263e 90%);
	mask-image: linear-gradient(90deg, transparent 0%, white 50%, transparent 100%);
	z-index: -1
}
#home-hero__alert:hover #home-hero__alert-bg {
	transform: scaleX(1.015) scaleY(1.03)
}
#home-hero__alert-logo {
	position: relative;
	z-index: 1
}
#home-hero__alert-logo .o-icon {
--size: var(--btn1);
	position: relative;
	top: -2px;
margin-right:calc(var(--space-s) * 1.2)
}
@media (max-width: 767.98px) {
#home-hero__alert-logo .o-icon {
	display: none
}
}
#home-hero__alert-text {
	white-space: nowrap;
	position: relative;
	z-index: 1
}
@media (max-width: 767.98px) {
#home-hero__alert-text span:first-child {
	display: none
}
}
@media (min-width: 768px) {
#home-hero__alert-text span:last-child {
	display: none
}
}
#home-hero__alert-button {
--padding: var(--space-xs);
	z-index: 1;
	white-space: nowrap;
padding-left:calc(var(--padding) * 3);
	display: flex;
	position: relative
}
#home-hero__alert-button .o-icon {
--size: var(--btn1);
	position: relative;
	top: -2px
}
#home-hero__alert-button:before {
	width: 1px;
	height: 1em;
	position: absolute;
left:calc(var(--padding) * 1.5);
	background: #4365a5;
	display: block;
	content: ""
}
#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: 767.98px) {
#home-hero__grid {
	grid-template-rows: 1fr 1fr
}
}
#home-hero__main-visual-outer {
	display: flex;
	justify-content: center;
	align-items: center;
	perspective: 2250px;
	z-index: 4
}
@media (min-width: 768px) {
#home-hero__main-visual-outer {
--column-span: 6
}
}
@media (max-width: 767.98px) {
#home-hero__main-visual-outer {
--column-start: 3;
--column-span: 10;
	grid-row: 2/3;
padding-bottom:calc(var(--vh, vh) * 13)
}
}
@media (max-width: 359.98px) {
#home-hero__main-visual-outer {
--column-start: 3;
--column-span: 9
}
}
#home-hero__main-visual {
--unit: 1vw;
	width: 52.5%;
	line-height: 1;
	padding-bottom: 51.10266%;
	transform-origin: 0 50%;
	position: relative;
	pointer-events: auto
}
@media (max-width: 767.98px) {
#home-hero__main-visual {
--unit: 3vw;
	width: 100%;
	padding-bottom: 97.3384%
}
}
.home-hero__main-visual-item {
--main-visual-mask: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	transform-origin: 70% 150%;
	cursor: pointer
}
.home-hero__main-visual-item-inner {
	position: absolute;
	width: 100%;
	height: 100%
}
#home-hero__main-visual-1 {
--main-visual-1-mask: 1;
	transform: translate(-11.5%, 5%) rotate(-10deg) scale(1)
}
#home-hero__main-visual-2 {
	transform: translate(-20%, 10%) rotate(-15deg) scale(1)
}
#home-hero__main-visual-0 {
font-size:calc(var(--unit) * .74)
}
@media (max-width: 767.98px) {
#home-hero__main-visual-0 {
font-size:calc(var(--unit) * .9)
}
}
@media (max-width: 359.98px) {
#home-hero__main-visual-0 {
font-size:calc(var(--unit) * .78)
}
}
#home-hero__main-visual-wrapper {
	position: absolute;
	border-radius: 8px;
	flex-direction: column;
	inset: 0
}
#home-hero__main-visual-text {
	position: absolute;
	width: 66.6%;
	left: 17.2%;
	top: 32%;
	font-size: 1.1em
}
#home-hero__main-visual-text span {
	display: inline-block;
	transform-origin: 60% 100%;
	font-size: 1.2em
}
#home-hero__main-visual-text div {
	width: 100%;
	line-height: 1.5em;
margin-bottom:calc(var(--unit) * .8);
	transform: translateZ(0)
}
#home-hero__main-visual-chat {
	position: absolute;
	display: block;
	width: 80%;
	left: 10%;
	bottom: 10%;
height:calc(var(--unit) * 4);
line-height:calc(var(--unit) * 4);
padding:0 calc(var(--unit) * 1.5);
	pointer-events: auto;
	transition: color .5s;
border-radius:calc(var(--unit) * .5);
	background: linear-gradient(180deg, #121c2a 50%, #101622);
	color: #526c9b
}
#home-hero__main-visual-chat:hover {
	color: #bad7f5
}
#home-hero__main-visual-chat .o-icon {
	position: absolute;
right:calc(var(--unit) * 1.5);
	top: 50%;
width:calc(var(--unit) * .8);
margin-top:calc(var(--unit) * -.35);
	stroke: #bad7f5
}
#home-hero__flow-visual {
	position: absolute;
	top: 0;
right:calc(var(--container-padding) * 1);
	bottom: 0;
width:calc(var(--column-width-gutter) * 6 + var(--column-width));
	z-index: 11
}
@media (max-width: 767.98px) {
#home-hero__flow-visual {
	left: 0;
	width: 100%
}
}
#home-hero__flow-visual-wrapper {
	position: absolute;
	width: 100%;
	line-height: 1;
	padding-bottom: 66.2666%;
	transform-origin: 100% 50%;
border-radius:calc(var(--unit) * .5);
	top: 50%;
	transform: translateY(-50%)
}
@media (max-width: 767.98px) {
#home-hero__flow-visual-wrapper {
	top: var(--space-8xl);
	transform: translateY(-10%)
}
}
@media (max-width: 359.98px) {
#home-hero__flow-visual-wrapper {
	top: var(--space-4xl)
}
}
#home-hero__flow-visual-inner {
--unit: 1.25vw;
--unit2: var(--unit);
--unit3: var(--unit);
--tab-close-width: calc(var(--unit) * 4);
--tab-open-width: calc(100vw - var(--container-padding) * 2 - var(--unit) * 1.5 - var(--tab-close-width));
--tab-ratio: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: auto
}
@media (max-width: 767.98px) {
#home-hero__flow-visual-inner {
--unit: 1.975vw;
--unit2: 2.8vw;
--unit3: 4.25vw
}
}
#home-hero__flow-visual-item {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 66.2666666667%;
	background: #19233a;
border-radius:calc(var(--unit) * .75)
}
@media (max-width: 767.98px) {
#home-hero__flow-visual-item {
	background: #121929
}
}
#home-hero__flow-visual-left, #home-hero__flow-visual-right {
	position: absolute;
top:calc(var(--unit) * .5);
bottom:calc(var(--unit) * .5);
width:calc(50% - var(--unit) * .75);
	background: #273754;
border-radius:calc(var(--unit) * .55);
	background: radial-gradient(circle at 0 0, #fff0 10%, #131f3580 130%), radial-gradient(circle at 20% 150%, #3266a1 20%, #24395f 80%);
	border: 1px solid #3d4e6f;
box-shadow:inset 0 0 calc(var(--unit) * .5) #47a2ec1a;
	overflow: hidden
}
#home-hero__flow-visual-left {
left:calc(var(--unit) * .5)
}
@media (max-width: 767.98px) {
#home-hero__flow-visual-left {
width:calc(var(--tab-close-width) + (var(--tab-open-width) - var(--tab-close-width)) * (1 - var(--tab-ratio)))
}
}
@media (max-width: 767.98px) {
#home-hero__flow-visual-left .home-hero__flow-visual-item-side-inner {
transform:translate(calc((var(--tab-close-width) + 2px) * var(--tab-ratio)))
}
}
#home-hero__flow-visual-right {
right:calc(var(--unit) * .5)
}
@media (max-width: 767.98px) {
#home-hero__flow-visual-right {
width:calc(var(--tab-close-width) + (var(--tab-open-width) - var(--tab-close-width)) * var(--tab-ratio))
}
}
@media (max-width: 767.98px) {
#home-hero__flow-visual-right .home-hero__flow-visual-item-side-inner {
transform:translate(calc((var(--tab-close-width) + 2px) * (1 - var(--tab-ratio))))
}
}
.home-hero__flow-visual-item-side-inner {
	position: absolute;
	padding:calc(var(--unit) * 1.5);
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column
}
#home-hero__flow-visual-right .home-hero__flow-visual-item-side-inner{
	padding: 0 !important;
}
@media (max-width: 767.98px) {
.home-hero__flow-visual-item-side-inner {
	width: var(--tab-open-width)
}
}
.home-hero__flow-visual-item-side-inner>.o-icon {
	position: absolute;
left:calc((var(--tab-close-width) + 4px) * -.5);
	transform: translate(-50%);
--size: calc(var(--unit) * 1.75)
}
.home-hero__flow-visual-item-side-inner:after {
	content: "";
	display: none;
	position: absolute;
	top: 50%;
	width: 2px;
height:calc(var(--unit) * 1.8);
margin-top:calc(var(--unit) * -.8);
	background: #516996;
	border-radius: 2px
}
#home-hero__flow-visual-left .home-hero__flow-visual-item-side-inner:after {
right:calc(var(--unit) * .6)
}
#home-hero__flow-visual-right .home-hero__flow-visual-item-side-inner:after {
left:calc(var(--unit) * .6)
}
@media (max-width: 767.98px) {
.home-hero__flow-visual-item-side-inner:after {
	display: block
}
}
#home-hero__flow-visual-left-header {
padding-bottom:calc(var(--unit) * 1.3);
	font-weight: 700;
font-size:calc(var(--unit2) * .9);
	color: #dfefff
}
#home-hero__flow-visual-left-line {
	width: 100%;
	height: 1px;
	background: #4b7dd8;
	opacity: .3
}
#home-hero__flow-visual-left-chat {
padding-top:calc(var(--unit) * 1.5)
}
.home-hero__flow-visual-chat-item {
	display: flex;
	opacity: 0
}
.home-hero__flow-visual-chat-item+.home-hero__flow-visual-chat-item {
margin-top:calc(var(--unit) * 1.2)
}
.home-hero__flow-visual-chat-item-image {
width:calc(var(--unit2) * 1.25);
height:calc(var(--unit2) * 1.25);
margin-right:calc(var(--unit2) * .7);
border-radius:calc(var(--unit2) * .25);
	flex-shrink: 0;
	position: relative
}
/*
.home-hero__flow-visual-chat-item:first-child .home-hero__flow-visual-chat-item-image {
	background: #bad7f5;
	transform: scale(.85)
}
*/
.home-hero__flow-visual-chat-item-image .o-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -60%) scale(.85)
}
.home-hero__flow-visual-chat-item-title-wrapper {
	display: flex;
	align-items: center;
margin-top:calc(var(--unit2) * .25)
}
.home-hero__flow-visual-chat-item-title {
font-size:calc(var(--unit2) * .7);
	font-weight: 700;
	color: #dfefff
}
.home-hero__flow-visual-chat-item-time {
font-size:calc(var(--unit2) * .7);
margin-left:calc(var(--unit) * .5);
	opacity: .5
}
.home-hero__flow-visual-chat-item-text {
font-size:calc(var(--unit3) * .55);
margin-top:calc(var(--unit) * .45);
	color: #dfefff;
	line-height: 1.5
}
#home-hero__flow-visual-chat-status-list {
margin-top:calc(var(--unit) * .75);
	color: #98ffe8
}
@media (max-width: 767.98px) {
#home-hero__flow-visual-chat-status-list {
	display: none
}
}
.home-hero__flow-visual-chat-status-item {
--size: calc(var(--unit) * .25);
font-size:calc(var(--unit) * .6);
	display: flex;
	position: relative;
	opacity: 0
}
.home-hero__flow-visual-chat-status-item+.home-hero__flow-visual-chat-status-item {
margin-top:calc(var(--unit) * .2)
}
.home-hero__flow-visual-chat-status-item .o-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.home-hero__flow-visual-chat-status-item svg {
	stroke-width: 1.25px;
	stroke: #000
}
.home-hero__flow-visual-chat-status-item>div:first-child {
width:calc(var(--size) * 1.8);
height:calc(var(--size) * 1.8);
	background: currentcolor;
	border-radius: 9999px;
	position: absolute;
top:calc(var(--unit) * .175)
}
@media (max-width: 767.98px) {
.home-hero__flow-visual-chat-status-item>div:first-child {
top:calc(var(--unit) * .1)
}
}
.home-hero__flow-visual-chat-status-item div+div {
margin-left:calc(var(--unit) * .8);
	line-height: 1.5
}
#home-hero__flow-visual-left-bottom {
	position: absolute;
left:calc(var(--unit) * 1.5);
right:calc(var(--unit) * 1.5);
bottom:calc(var(--unit) * 1.5)
}
#home-hero__flow-visual-left-status-wrapper {
padding-bottom:calc(var(--unit2) * 1.5);
	position: relative;
	color: #98ffe8;
font-size:calc(var(--unit2) * .625);
	height: 1em
}
.home-hero__flow-visual-left-status-dot {
width:calc(var(--unit3) * .5);
height:calc(var(--unit3) * .5);
top:calc(var(--unit) * .5);
	transform: translateY(-50%);
	position: absolute
}
.home-hero__flow-visual-left-status-dot:before, .home-hero__flow-visual-left-status-dot:after {
	width: 100%;
	height: 100%;
	border-radius: 9999px;
	position: absolute;
	background: currentcolor;
	content: "";
	animation-name: home-hero__flow-visual-left-status-dot;
	animation-duration: 1.5s;
	animation-iteration-count: infinite
}
.home-hero__flow-visual-left-status-dot:after {
	animation-delay: .75s
}
@keyframes home-hero__flow-visual-left-status-dot {
0% {
transform:scale(.25);
opacity:.5
}
25% {
transform:scale(.5);
opacity:1
}
to {
	transform: scale(1.25);
	opacity: 0
}
}
.home-hero__flow-visual-left-status-item {
	font-style: italic;
	position: absolute;
	top: 0;
	opacity: 0
}
.home-hero__flow-visual-left-status-item>div+div {
padding-left:calc(var(--unit3) * .75);
	line-height: 1.5
}
@media (max-width: 767.98px) {
.home-hero__flow-visual-left-status-item>div+div {
	line-height: 1.2
}
}
/*
.home-hero__flow-visual-left-status-item:nth-child(3) {
	top: -1.5em
}
*/
@media (max-width: 767.98px) {
.home-hero__flow-visual-left-status-item:nth-child(2), .home-hero__flow-visual-left-status-item:nth-child(3) {
	display: none
}
}
#home-hero__flow-visual-left-chatbox {
	display: block;
	margin-top: auto;
	background: #1c3151;
	position: relative;
border-radius:calc(var(--unit) * .5);
	color: #84b1df;
height:calc(var(--unit2) * 3.25);
line-height:calc(var(--unit2) * 3.25);
font-size:calc(var(--unit2) * .75);
padding:0 calc(var(--unit2) * 1);
	transition: color .5s
}
#home-hero__flow-visual-left-chatbox:hover {
	color: #fff
}
#home-hero__flow-visual-left-chatbox .o-icon {
	position: absolute;
right:calc(var(--unit2) * 1);
top:calc(var(--unit2) * 1.625 - .5em);
	width: 1em;
	height: 1em;
	font-size: 1em
}
#home-hero__flow-visual-right-header {
padding-bottom:calc(var(--unit) * 1.5);
	font-weight: 700;
	color: #dfefff;
font-size:calc(var(--unit2) * .9)
}
#home-hero__flow-visual-right-nav {
--size: calc(var(--unit2) * .55);
	display: flex;
font-size:calc(var(--unit) * .8);
	font-weight: 700
}
@media (max-width: 767.98px) {
#home-hero__flow-visual-right-nav {
font-size:calc(var(--unit2) * .7)
}
}
#home-hero__flow-visual-right-nav>div {
	display: flex;
	align-items: center;
	position: relative;
	transition: transform 1s var(--fast-start-easing)
}
#home-hero__flow-visual-right-nav>div div+div {
	transition: transform 1s var(--fast-start-easing)
}
#home-hero__flow-visual-right-nav>div:not(:first-child) {
margin-left:calc(var(--unit) * 1.5)
}
#home-hero__flow-visual-right-nav div.is-active {
	color: #98ffe8
}
#home-hero__flow-visual-right-nav div.is-active div+div {
transform:translate(calc(var(--unit2) * .8))
}
#home-hero__flow-visual-right-nav div.is-active .o-icon {
	opacity: 1;
	transform: scale(1)
}
#home-hero__flow-visual-right-nav div.is-active~div {
transform:translate(calc(var(--unit2) * .8))
}
#home-hero__flow-visual-right-nav .o-icon {
top:calc(var(--unit) * .09);
	left: 0;
	position: absolute;
	opacity: 0;
	transform: scale(.75) rotate(90deg);
	transition: opacity 1s var(--fast-start-easing), transform 1s var(--fast-start-easing)
}
@media (max-width: 767.98px) {
#home-hero__flow-visual-right-nav .o-icon {
	top: 0
}
}
#home-hero__flow-visual-right-nav path {
	fill: #98ffe8!important
}
#home-hero__flow-visual-right-box {
	height: 100%;
border-radius:calc(var(--unit) * .5);
	position: relative;
	overflow: hidden
}
.home-hero__flow-visual-right-item {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}
.home-hero__flow-visual-right-item:nth-child(1) {
	opacity: 1
}
#home-hero__flow-visual-right-slider {
	width: 90%;
height:calc(var(--unit) * .25);
	position: absolute;
bottom:calc(var(--unit) * 1.7);
	left: 50%;
	transform: translate(-50%)
}
@media (max-width: 767.98px) {
#home-hero__flow-visual-right-slider {
bottom:calc(var(--unit) * 2.1)
}
}
#home-hero__flow-visual-right-slider-bar-outer {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 9999px;
	overflow: hidden
}
#home-hero__flow-visual-right-slider-bar-outer:before {
	content: "";
	position: absolute;
	inset: 0;
	background: #98ffe8;
	opacity: .1
}
#home-hero__flow-visual-right-slider-bar {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 9999px;
	background: #98ffe8;
	transform-origin: 0 50%
}
#home-hero__flow-visual-right-slider-ball {
	position: absolute;
width:calc(var(--unit) * .9);
height:calc(var(--unit) * .9);
	left: 30%;
	border-radius: 9999px;
	background: #98ffe8;
	top: 50%;
	transform: translate(-50%, -50%)
}
#home-hero__thumbnails {
	position: absolute;
	left: 0;
	width: 100%
}
#home-hero__thumbnails-wrapper {
	position: absolute
}
.home-hero__thumbnails-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 750px;
	height: 497px
}
.home-hero__thumbnails-item-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	transform-origin: 0 0
}
.home-hero__thumbnails-item-inner img {
	position: absolute;
	pointer-events: auto;
	z-index: 1;
	border: 1px solid #32405c;
	border-radius: 14px
}
.home-hero__thumbnails-item-text {
	position: absolute;
	width: 100%;
	height: 50px;
	top: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 50px;
	white-space: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
	transform-origin: 50% 0
}
.home-hero__thumbnails-item-text svg {
	position: absolute;
	height: 50px
}
.home-hero__thumbnails-item-text div {
	position: relative;
	width: min-content
}
@media (max-width: 1439.98px) {
.home-hero__thumbnails-item-text {
	font-size: 12px
}
.home-hero__thumbnails-item-text svg {
	margin-top: -10px
}
.home-hero__thumbnails-item-text div {
	margin-top: -5px
}
}
@media (max-width: 767.98px) {
.home-hero__thumbnails-item-text svg {
	margin-top: -30px
}
.home-hero__thumbnails-item-text div {
	margin-top: -15px
}
}
#home-hero__main-copy {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	pointer-events: auto
}
@media (min-width: 768px) {
#home-hero__main-copy {
--column-span: 6;
--column-start: 7
}
}
@media (max-width: 767.98px) {
#home-hero__main-copy {
	text-align: center;
	padding-top: var(--space-7xl);
	padding-bottom: var(--space-m)
}
}
@media (max-width: 359.98px) {
#home-hero__main-copy {
	padding-top: var(--space-3xl)
}
}
#home-hero__main-visual-text-emoji {
	position: relative;
	display: inline-block;
	vertical-align: baseline;
	width: 2.5ex
}
#home-hero__main-visual-text-emoji span {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	margin-left: -.3em
}
#home-hero__caption {
	font-size: var(--h5);
	display: flex;
	align-items: center
}
#home-hero__caption span {
	display: inline-flex;
	align-items: center
}
#home-hero__caption span+span {
	margin-left: .9ex
}
#home-hero__caption .o-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: var(--space-3xs);
	width: var(--space-xs);
	stroke: none
}
#home-hero__caption .o-icon * {
	fill: currentColor!important
}
@media (max-width: 767.98px) {
#home-hero__caption {
	justify-content: center
}
}
@media (max-width: 767.98px) {
#home-hero__caption {
	font-size: .7em
}
}
#home-hero__title {
	font-size: var(--h1);
	margin-top: var(--space-xs)
}
@media (max-width: 767.98px) {
#home-hero__title {
	justify-content: center
}
}
@media (max-width: 359.98px) {
#home-hero__title {
	font-size: var(--h2);
	margin-top: var(--space-2xs)
}
}
#home-hero__subtitle {
	font-size: var(--body1);
	/*max-width: 26ch;*/
	margin: var(--space-l) 0;
}
@media (max-width: 767.98px) {
#home-hero__subtitle {
	/*display: none*/
}
}
#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: 768px) {
#home-hero__logo-lists-outer-wrapper {
	bottom: var(--space-2xl)
}
}
@media (max-width: 767.98px) {
#home-hero__logo-lists-outer-wrapper {
	display: none
}
}
#home-hero__logo-lists-wrapper {
	width: 100vw;
	height: var(--space-2xl);
}
@media (min-width: 768px) {
#home-hero__logo-lists-wrapper {
width:calc(var(--space-7xl-8xl) * 1.5 * 5);
	height: var(--space-xl-2xl)
}
}
#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: calc(var(--space-5xl-6xl) * 1.5);
	height: var(--space-2xl);
	position: relative
}
@media (min-width: 768px) {
.home-hero__logo-list-item {
	width:calc(var(--space-7xl-8xl) * 1.5);
	height: var(--space-xl-2xl);
}
}
.home-hero__logo-list-item .o-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	stroke: none;
	fill: #345068;
	display: flex;
	justify-content: center;
	align-items: center
}
.home-hero__logo-list-item .o-icon svg {
	height: 100%;
	width: auto
}
@media (min-width: 768px) {
.home-hero__logo-list-item .o-icon {
	height: var(--space-xl-2xl)
}
}
#home-hero__flow-content {
	position: absolute;
	width: 50vw;
height:calc(var(--vh, vh) * 50);
	left: var(--container-padding);
	top: 50%;
	display: flex;
	align-items: center;
	transform: translateY(-50%);
	z-index: 100;
	pointer-events: none
}
@media (max-width: 767.98px) {
#home-hero__flow-content {
	transform: none;
	top: unset;
	bottom: 0;
	left: 0;
width:calc(100vw - var(--container-padding) * 2);
	justify-content: center
}
}
@media (min-width: 768px) and (max-width: 1154.98px) {
#home-hero__flow-content {
left:calc(var(--container-padding) * .5)
}
}
#home-hero__flow-copy-list-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}
@media (max-width: 767.98px) {
#home-hero__flow-copy-list-nav {
	transform: rotate(-90deg);
	top: unset;
	bottom: 0
}
}
@media (max-width: 359.98px) {
#home-hero__flow-copy-list-nav {
	bottom: -20px
}
}
.home-hero__flow-copy-nav-item {
--size: var(--body1);
--distance: var(--space-s-m);
	width: var(--body1);
	height: var(--body1);
	display: block;
	position: relative
}
.home-hero__flow-copy-nav-item:not(:first-child) {
	margin-top: var(--distance)
}
.home-hero__flow-copy-nav-item .o-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	stroke: none;
	fill: #253855
}
.home-hero__flow-copy-nav-item .o-icon+.o-icon {
	transform: translateY(-50%) rotate(90deg) scale(.5)
}
.home-hero__flow-copy-nav-item-line {
	width: 1px;
	height: calc(var(--distance) + 4px);
	left: 50%;
	top: calc(var(--body1) - 2px);
	background: #253855;
	position: absolute
}
.home-hero__flow-copy-item {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
left:calc(var(--container-padding) * 2);
	pointer-events: auto
}
@media (max-width: 767.98px) {
.home-hero__flow-copy-item {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	left: 0;
width:calc(100vw - var(--container-padding) * 2)
}
}
@media (min-width: 768px) and (max-width: 1154.98px) {
.home-hero__flow-copy-item {
left:calc(var(--container-padding) * 1.5)
}
}
.home-hero__chapter-title {
	font-size: var(--h2);
	max-width: 15ch
}
@media (max-width: 767.98px) {
.home-hero__chapter-title {
	max-width: 15ch
}
.home-hero__chapter-title br {
	display: none
}
}
.home-hero__chapter-subtitle {
	font-size: var(--body2);
	max-width: 32.5ch;
	margin-top: 1em
}
@media (max-width: 767.98px) {
.home-hero__chapter-subtitle {
	max-width: 30ch
}
}
@media (min-width: 768px) and (max-width: 1154.98px) {
.home-hero__chapter-subtitle {
	max-width: 62%
}
}
#home-hero__end {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column
}
#home-hero__end-copy {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	align-items: center;
	margin-top: auto;
	margin-bottom: var(--space-xl);
height:calc(var(--vh, vh) * 50);
	flex-shrink: 0
}
@media (max-width: 359.98px) {
#home-hero__end-copy {
height:calc(var(--vh, vh) * 40)
}
}
@media (max-width: 767.98px) {
#home-hero__end-copy {
	margin-bottom: 0
}
}
#home-hero__copy-end-title {
	font-size: var(--h2)
}
#home-hero__copy-end-subtitle {
	font-size: var(--body2);
	max-width: 40ch;
	margin-top: var(--space-s)
}
@media (max-width: 767.98px) {
#home-hero__copy-end-subtitle {
	max-width: 30ch
}
}
#home-hero__scroll-indicator {
	font-size: var(--h5);
	position: absolute;
left:calc(var(--column-width-gutter) * 6);
	display: flex;
	line-height: 1;
	bottom: var(--container-padding);
	z-index: 100
}
#home-hero__scroll-indicator .o-icon {
--size: 125%;
--stroke-width: 1px;
	margin-top: -50%
}
#home-hero__scroll-indicator>span:nth-child(2) {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	overflow: hidden;
	margin-left: .25ex
}
#home-hero__scroll-indicator>span>span {
	animation-name: home-hero-scroll-arrow;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em
}
@media (max-width: 767.98px) {
#home-hero__scroll-indicator {
	text-align: center;
	left: 0;
	width: 100%;
	justify-content: center
}
}
@keyframes home-hero-scroll-arrow {
0% {
transform:translateY(-100%)
}
33% {
transform:translateY(0)
}
to {
	transform: translateY(0)
}
}
#home-integration {
--border-radius: 8px;
--gap: 8px;
	position: relative;
	overflow: hidden;
	color: var(--color-black);
	padding-top: var(--space-8xl)
}
@media (max-width: 767.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__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: 768px) {
#home-integration__cards-mobile {
	display: none
}
}
@media (max-width: 767.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(5) .o-integration-card:nth-child(2n), #home-integration__cards-desktop .home-integration__cards-column:nth-child(6) .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) {
	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(6) .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(5) {
	margin-top: 7.5%;
	perspective: 1000px
}
.home-integration__cards-column:nth-child(3), .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: 767.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: 768px) {
.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: 768px) {
.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: 768px) {
#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-3xl) 0
}
@media (min-width: 768px) {
#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: 768px) {
#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: 767.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-use-cases__desc {
	margin-top: var(--space-2xl);
	text-align: center;
	font-size: var(--fluid-16-22);
	/*color: var(--color-gray);*/
}
@media (min-width: 768px) {
.home-use-cases__desc {
	margin-top: var(--gutter)
}
}


#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: 768px) {
#pricing-faq {
	padding: var(--space-4xl-5xl) 0
}
}
@media (min-width: 768px) {
#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: 768px) {
#pricing-faq__subtitle {
	margin-top: calc(var(--space-l))
}
}
#pricing-faq__subtitle a {
	text-decoration: underline
}
@media (min-width: 768px) {
#pricing-faq__right {
--column-span: 5
}
}
@media (max-width: 767.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);
	text-align: center
}
@media (min-width: 1440px) {
#pricing-header__title {
--column-span: 10;
--column-start: 2
}
}
@media (min-width: 768px) and (max-width: 1439.98px) {
#pricing-header__title {
	margin-left: var(--space-xl)
}
}
#pricing-header__items {
	display: flex;
	gap: var(--gutter)
}
@media (min-width: 1024px) {
#pricing-header__items {
--column-span: 10;
--column-start: 2
}
}
@media (min-width: 1440px) {
#pricing-header__items {
--column-span: 8;
--column-start: 3
}
}
@media (max-width: 767.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: 768px) {
.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:first-child .pricing-header__item-button {
	color: #0f131c
}
.pricing-header__item:first-child .pricing-header__item-button:before {
	background-color: #bad7f5
}
.pricing-header__item:last-child .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: 768px) {
.pricing-header__item-lists {
	margin-top: var(--space-xl)
}
}
.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: 768px) {
.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: 768px) {
.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: 768px) 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: 768px) 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: 768px) 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: 767.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: 768px) {
#pricing-plans__title {
	margin-bottom: var(--space-5xl)
}
}
@media (min-width: 1440px) {
#pricing-plans__title {
--column-span: 10;
--column-start: 2
}
}
@media (max-width: 767.98px) {
#pricing-plans__title {
	background: var(--color-white)
}
}
#pricing-plans__sections {
	position: relative
}
#pricing-plans__sections:before {
	display: none
}
@media (min-width: 768px) {
#pricing-plans__sections:before {
	content: "";
	position: absolute;
top:calc(-1 * var(--space-l));
bottom:calc(-1 * var(--space-l));
width:calc((60% - var(--container-padding) * 0) / 2);
	z-index: 10;
	background: var(--color-primary-05);
	border-radius: 10px;
	z-index: -1;
	right: 30px
}
}
@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: 767.98px) {
#pricing-plans__nav-desktop {
	display: none
}
}
.pricing-plans__nav-desktop-spacer {
	width: 40%;
	margin-right: auto
}
.pricing-plans__nav-desktop-content {
	display: flex;
	width: 60%;
	gap: 30px
}
.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;
	margin-bottom: var(--space-l)
}
.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:first-child .pricing-plans__nav-desktop-item-button {
	color: #f2f5fa
}
.pricing-plans__nav-desktop-item:first-child .pricing-plans__nav-desktop-item-button:before {
	background-color: var(--color-black)
}
.pricing-plans__nav-desktop-item:last-child .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: 768px) {
#pricing-plans__nav-mobile {
	display: none
}
}
@media (max-width: 767.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: 767.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: 767.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: 768px) {
.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
}
@media (max-width: 767.98px) {
.pricing-plans__section-item {
	gap: 20px
}
}
.pricing-plans__section-item-title {
	width: 40%;
	font-size: var(--h7);
	font-weight: 700;
	display: flex
}
@media (max-width: 767.98px) {
.pricing-plans__section-item-title {
	width: 50%
}
}
.pricing-plans__section-item-title-text {
	position: relative;
	padding-right: var(--space-sm);
	display: flex;
	align-items: center
}
@media (min-width: 768px) {
.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: 767.98px) {
.pricing-plans__section-item-title-tooltip {
	display: none
}
}
.pricing-plans__section-item-list {
	width: 60%;
	display: flex;
	justify-content: space-between;
	gap: 30px;
min-height:calc(var(--space-s) * 1.25)
}
@media (max-width: 767.98px) {
.pricing-plans__section-item-list {
	width: 50%
}
}
.pricing-plans__section-item-inner-wrapper {
	width: 100%;
	display: flex;
	align-self: center
}
@media (max-width: 767.98px) {
.pricing-plans__section-item-inner-wrapper {
	flex-direction: column
}
.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: 768px) {
.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: 768px) 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: 768px) 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: 768px) 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: 767.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);
	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: 767.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: 768px) {
#site-footer {
	padding-top: var(--space-8xl);
	/*padding-bottom:calc(var(--container-padding) * .75)*/
}
}
@media (min-width: 768px) {
#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: 767.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: 767.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: 768px) {
#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: 768px) {
#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: 768px) {
#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: 767.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: 767.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: 767.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;
	width: 170px;
}
#site-header__logo * {
	pointer-events: none
}
#site-header__logo .o-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	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: 767.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;
	line-height: 40px;
	padding: 0 1vw;
}
#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: 1;
	position: absolute;
	left: 0;
	top:50%;	/*calc(var(--link-header-internal) * .25);*/
	transform: translateY(-50%);
	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));
	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))
}
}
@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)
}
}
#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: 1024px) 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: 767.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
}
.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
}
}
@media (max-width: 767.98px) {
	#site-header__button-cta {
		display: none
	}
}

#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: 767.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: 767.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(--fluid-18-30);
	margin-bottom: auto
}
#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 li:nth-child(6) {
--index: 6
}
#site-menu__nav-01 li:nth-child(7) {
--index: 7
}
#site-menu__nav-01 a {
	display: flex;
	align-items: center
}
#site-menu__nav-01 .o-icon {
--size: 8px;
	margin-right: var(--space-2xs);
}
#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 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: 768px) {
#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: 40vw
}
@media (max-width: 767.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%;
	cursor: pointer
}
#vimeo-preview__image-wrapper:before {
	content: "";
	position: absolute;
	inset: 0;
	background: #0003;
	z-index: 1
}
#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:hover img {
	transform: scale(1.05)
}
#vimeo-preview__play-button {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 16px 24px;
	font-size: var(--btn2);
	pointer-events: none
}
#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)
}
#vimeo-preview__image-wrapper:hover #vimeo-preview__play-button:before {
	transform: scale(.96)
}
#vimeo-preview__play-button span {
	position: relative
}
@media (max-width: 767.98px) {
#vimeo-preview__play-button span {
	display: none
}
}
#vimeo-preview__play-button .o-icon {
--size: var(--body2);
	stroke: none;
	fill: currentColor;
	position: relative;
	width: var(--size);
	height: var(--size)
}
@media (min-width: 768px) {
#vimeo-preview__play-button .o-icon {
	display: none
}
}
@media (max-width: 767.98px) {
#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
}
}
.u-col-1 {
--column-span: 1
}
.u-col-6 {
--column-span: 6
}
.u-d-none {
	display: none
}
@media (min-width: 768px) {
.u-d-sm-none {
	display: none
}
}
@media (min-width: 768px) {
.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: 768px) {
.u-space-l {
--flow: var(--space-5xl)
}
}
.u-space-xl {
--flow: var(--space-5xl)
}
@media (min-width: 768px) {
.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
}