:root{
--motion-ease:cubic-bezier(.16, 1, .3, 1);
--motion-ease-soft:cubic-bezier(.22, .84, .3, 1);
--motion-duration-fast:.18s;
--motion-duration-base:.64s;
--motion-duration-slow:.84s;
--motion-distance-section:0px;
--motion-distance-element:14px;
--motion-distance-card:10px;
--motion-line-width:92px;
--motion-shadow:0 14px 30px rgba(2, 10, 16, .12);
--motion-shadow-strong:0 20px 42px rgba(2, 10, 16, .16);
}

html.front-page-smooth-scroll{
scroll-behavior:smooth;
}

html.motion-mobile{
--motion-duration-base:.48s;
--motion-duration-slow:.64s;
--motion-distance-section:28px;
--motion-distance-element:10px;
--motion-distance-card:8px;
--motion-line-width:72px;
}

html.motion-enhanced .platform-content > *:not(.motion-observed),
html.motion-enhanced .reca-content{
animation:none !important;
opacity:1 !important;
transform:none !important;
}

html.motion-enhanced .platform-visual,
html.motion-enhanced .reca-point,
html.motion-enhanced .reca-visual,
html.motion-enhanced .site-journey-step{
animation:none !important;
}

.site-header{
will-change:auto;
}

.site-header::before,
.site-header::after{
transition:
height .32s var(--motion-ease-soft),
background .32s var(--motion-ease-soft),
border-color .32s var(--motion-ease-soft),
box-shadow .32s var(--motion-ease-soft),
opacity .32s var(--motion-ease-soft),
backdrop-filter .32s var(--motion-ease-soft);
}

.site-header.header-scrolled::before{
background:linear-gradient(180deg, rgba(4, 16, 26, .92), rgba(4, 16, 26, .78));
backdrop-filter:blur(24px) saturate(138%);
box-shadow:
0 18px 44px rgba(0, 0, 0, .2),
inset 0 1px 0 rgba(255, 255, 255, .06);
}

.site-header.header-scrolled::after{
opacity:.68;
}

.hero-slider-stage{
touch-action:pan-y pinch-zoom;
}

.motion-observed{
opacity:0;
transform:translate3d(0, var(--motion-distance-element), 0);
transition:
opacity calc(var(--motion-duration-base) * .86) ease,
transform var(--motion-duration-base) var(--motion-ease);
transition-delay:var(--motion-delay, 0ms);
will-change:opacity, transform;
}

.motion-observed.is-inview{
opacity:1;
transform:translate3d(0, 0, 0) scale(1);
}

.motion-heading.motion-observed{
transform:translate3d(0, calc(var(--motion-distance-element) * .7), 0);
}

.motion-copy.motion-observed{
transform:translate3d(0, calc(var(--motion-distance-element) * .58), 0);
}

.motion-card.motion-observed{
transform:translate3d(0, var(--motion-distance-card), 0) scale(.996);
}

.motion-media-frame.motion-observed{
transform:translate3d(0, calc(var(--motion-distance-card) * .66), 0) scale(.998);
}

.motion-card.motion-observed.is-inview,
.motion-media-frame.motion-observed.is-inview{
transform:translate3d(0, 0, 0) scale(1);
}

.motion-heading{
transition:
opacity var(--motion-duration-base) ease,
transform var(--motion-duration-base) var(--motion-ease);
}

.motion-card{
transition:
opacity .44s ease,
transform .44s var(--motion-ease-soft),
box-shadow .44s var(--motion-ease-soft),
border-color .44s var(--motion-ease-soft);
}

.motion-pressable{
position:relative;
transform:translate3d(0, 0, 0);
transition:
transform .28s var(--motion-ease-soft),
box-shadow .32s var(--motion-ease-soft),
border-color .32s var(--motion-ease-soft),
filter .32s var(--motion-ease-soft);
will-change:transform;
}

.motion-pressable.is-pressed{
transform:translate3d(0, 1px, 0) scale(.985);
transition-duration:.12s;
}

.motion-media-frame{
position:relative;
overflow:hidden;
}

.motion-media{
display:block;
opacity:0;
transform:scale(1.002);
transition:
opacity var(--motion-duration-base) var(--motion-ease),
transform .8s var(--motion-ease-soft);
will-change:opacity, transform;
}

.motion-media.is-loaded{
opacity:1;
}

@media (hover:hover) and (pointer:fine){
.motion-card.is-inview:hover{
transform:translate3d(0, -1px, 0);
box-shadow:var(--motion-shadow);
}

.motion-pressable:hover{
transform:translate3d(0, -1px, 0) scale(1.008);
filter:brightness(1.02);
}

.motion-media-frame:hover .motion-media,
.motion-card:hover .motion-media{
transform:scale(1.012);
}

.hero-slider-arrow.motion-pressable:hover,
.cats-nav-btn.motion-pressable:hover,
.shop-discovery-carousel__nav.motion-pressable:hover{
box-shadow:0 14px 28px rgba(0, 0, 0, .18);
}

.hero-slider-dot.motion-pressable:hover{
transform:translate3d(0, 0, 0) scale(1.02);
box-shadow:none;
}
}

.hero-slider-dot.motion-pressable.is-pressed{
transform:scale(.92);
}

.news-card-media.motion-media-frame,
ul.products li.product > a.motion-media-frame,
.woocommerce div.product div.images .woocommerce-product-gallery__image > a.motion-media-frame{
border-radius:inherit;
}

.service-card.motion-card,
.site-journey-step.motion-card,
.platform-point.motion-card,
.platform-mini-card.motion-card,
.platform-float.motion-card,
.process-card.motion-card,
.news-card.motion-card,
.client-card.motion-card,
.partner-card.motion-card,
.partner-logo-card.motion-card,
.stat-card.motion-card,
.support-hero__stat.motion-card,
.support-panel.motion-card,
.support-ticket-card.motion-card,
.support-ticket-detail__meta-card.motion-card,
ul.products li.product.motion-card,
.shop-widget.motion-card,
.cats-track > *.motion-card{
box-shadow:0 10px 24px rgba(2, 10, 16, 0);
}

.hero-points span.motion-inline-chip,
.support-panel__filters .support-filter-chip.motion-inline-chip,
.support-ticket-card__status.motion-inline-chip,
.support-ticket-card__priority.motion-inline-chip,
.support-ticket-detail__badge.motion-inline-chip,
.platform-pill.motion-inline-chip,
.platform-float .platform-pill.motion-inline-chip{
will-change:auto;
}

@media (max-width: 991px){
.motion-heading{
transition:
opacity var(--motion-duration-base) ease,
transform var(--motion-duration-base) var(--motion-ease);
}
}

@media (max-width: 767px){
.motion-card.is-inview:hover,
.motion-pressable:hover{
transform:none;
box-shadow:none;
filter:none;
}
}

html.motion-reduce .motion-observed,
html.motion-reduce .motion-card,
html.motion-reduce .motion-pressable,
html.motion-reduce .motion-media,
html.motion-reduce .motion-inline-chip,
html.motion-reduce .site-header::before,
html.motion-reduce .site-header::after{
transition:none !important;
animation:none !important;
}

html.motion-reduce .motion-observed{
opacity:1 !important;
transform:none !important;
}

html.motion-reduce .motion-media{
opacity:1;
transform:none;
}

html.motion-reduce{
scroll-behavior:auto;
}