:root {
	--core-blue: #2d83e6;
	--core-purple: #7b3aec;
	--core-teal: #43c6b6;
	--nav-height: 76px;
	--core-darkest-grey: rgb(23,23,23);
	--core-dark-grey: #262a35;
	--core-grey: #3A3F4D;
	/* --core-white: #ffffff; */
	--core-white: #fafbfd;

	--soft-white: #F5F5F2;
	--lime: rgb(67, 198, 182);
	--footer-h: 0px;
	--color-black: #000000;
	--color-black-100: rgba(0, 0, 0, 1);
	--color-dark-bg: rgba(38, 42, 53, 1);
	--color-black-0: rgba(0, 0, 0, 0);
	--color-logo-placeholder: #444;
	--shadow-nav: rgba(74, 144, 226, 0.35);
	--color-ink: #1f2330;
	--gradient-primary: linear-gradient(135deg, var(--core-blue), var(--core-purple));
	--gradient-secondary: linear-gradient(135deg, var(--core-blue), var(--core-teal));
	--gradient-primary: var(--core-blue);
	--lava-gradient-layers:
		radial-gradient(circle at 20% 25%, rgba(56, 189, 248, 0.65) 0%, rgba(56, 189, 248, 0.25) 38%, transparent 52%),
		radial-gradient(circle at 80% 20%, rgba(99, 102, 241, 0.65) 0%, rgba(99, 102, 241, 0.25) 36%, transparent 48%),
		radial-gradient(circle at 30% 80%, rgba(45, 212, 191, 0.6) 0%, rgba(45, 212, 191, 0.22) 40%, transparent 55%),
		radial-gradient(circle at 75% 75%, rgba(14, 165, 233, 0.55) 0%, rgba(14, 165, 233, 0.2) 42%, transparent 58%),
		radial-gradient(circle at 55% 45%, color-mix(in srgb, var(--core-purple) 85%, transparent) 0%, color-mix(in srgb, var(--core-purple) 35%, transparent) 40%, transparent 58%),
		var(--gradient-secondary);
	--lava-gradient-sizes: 120% 120%, 140% 140%, 150% 150%, 160% 160%, 150% 150%, 120% 120%;
	--lava-gradient-positions: 20% 30%, 80% 10%, 25% 85%, 70% 70%, 55% 45%, 40% 40%;
	--color-dropdown-bg: rgba(0, 0, 0, 0.95);
	--color-link-border: #8fb5ff;
	--color-link-border-hover: #6ea2ff;
	--color-language-border: #cfe1ff;
	--color-language-hover: #eef4ff;
	--shadow-language: rgba(18, 40, 80, 0.12);
	--shadow-language-menu: rgba(18, 40, 80, 0.15);
	--color-white-90: rgba(255, 255, 255, 0.9);
	--color-white-85: rgba(255, 255, 255, 0.85);
	--color-white-80: rgba(255, 255, 255, 0.8);
	--color-white-75: rgba(255, 255, 255, 0.75);
	--color-white-70: rgba(255, 255, 255, 0.7);
	--color-white-40: rgba(255, 255, 255, 0.4);
	--color-white-20: rgba(255, 255, 255, 0.2);
	--shadow-cta: rgba(59, 130, 246, 0.25);
	--shadow-cta-light: rgba(255, 255, 255, 0.25);
	--color-section-bg-light: #e8e8e8;
	--color-placeholder: #555;
	--color-dark-image: #2c3342;
	--color-border-light: #ccc;
	--color-accent-blue-dark: #2f7de2;
	--color-cta-dark: #151a1a;
	--color-cta-dark-text: #0f1b1a;
	--color-footer-bg: #232733;
	--color-button-bg: #e8edf3;
	--color-header-dark: #11151e;
	--color-overview-dark: #171b26;
	--color-card-border: #333;
	--color-card-blue: rgb(45, 131, 230);
	--color-dark-card-1: #45c8b6;
	--color-dark-card-2: #2f7de2;
	--color-dark-card-3: #7a3fe0;
	--color-overview-cta-icon: #5b45ff;
	--color-button-dark: #0f1212;
	--anim-timed: 1;
	--anim-duration-default: 0.6s;
	--post-scroll: 30svh;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');




* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


html {
	overflow-y: scroll;
	scrollbar-width: none;
}

body {
	--footer-h: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	user-select: none;
	scroll-snap-type: none;
	scroll-padding-top: var(--nav-height);
	touch-action: pan-y;
	-webkit-overflow-scrolling: touch;
}

body.public-home {
	visibility: hidden;
}

body.public-home.page-ready {
	visibility: visible;
}

.bg-cutoff .parallax-content {
	min-height: var(--page-height, auto);
}

body.public-home .language-select {
	opacity: 0;
	pointer-events: none;
}

body.public-home.page-ready .language-select {
	opacity: 1;
	pointer-events: auto;
}

body.public-home {
	/* background-color: #0b0f18; */
	background: none;
}

body.public-home::before {
	content: '';
	position: fixed;
	inset: 0;
	/* backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(6px); */
	/* background: rgba(0, 0, 0, 0.05); */
	z-index: 1;
	pointer-events: none;
}

@media (max-width: 1140px), (pointer: coarse) {
	body.public-home {
		background-attachment: scroll;
	}

	.page-background {
		transform: none;
	}
}



/* Simple parallax implementation */
.parallax-container {
	position: relative;
	min-height: 100vh;
	touch-action: pan-y;
	padding-top: var(--nav-height);
}

.parallax-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3500px;
	background-image: url('/static/images/public/public-background-white-2.jpg');
	background-size: 100% 100%;
	background-position: center;
	z-index: -1;
	will-change: transform;
	/* Use CSS transforms for better GPU acceleration */
	transform: translateZ(0);
	backface-visibility: hidden;
}

/* Parallax now enabled on all devices including mobile */
/* @media (max-width: 900px), (pointer: coarse) {
	.parallax-bg {
		position: absolute;
		height: 9000px;
		transform: none !important;
		will-change: auto;
	}
} */

.content {
	position: relative;
	padding: 50px;
	min-height: 100vh;
}

.main-content {
	position: relative;
	z-index: 1;
}

* {
	font-family: 'Poppins', sans-serif;
}

html {
	scroll-behavior: smooth;
}

html,
body {
	width: 100%;
	max-width: 100vw;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

/* Scroll animation base */
.scroll-animate {
	opacity: 1;
	transform: none;
	will-change: auto;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out, filter 0.2s ease-out;
	--anim-duration: 0.6s;
}

[data-scroll-driven] {
	--anim-duration: 0.6s;
}

.page-scale {
	width: 100%;
	max-width: 100vw;
	position: relative;
	z-index: 2;
}

nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: var(--nav-height);
	padding: 0.75rem 2.5rem;
	/* background: rgba(0,0,0,0.85); */
	background: var(--core-dark-grey);
	display: flex;
	align-items: center;
	gap: 2rem;
	z-index: 1000;
	transition: padding 0.3s ease, gap 0.3s ease;
	z-index: 1000;
}

body > nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2000;
	transform: translateZ(0);
}

@media (max-width: 1140px), (pointer: coarse) {
	body.public-home {
		background-attachment: scroll;
	}
}

nav .logo-container {
	height: 100%;
	display: flex;
	align-items: center;
}

nav .logo-image {
	height: 100%;
	display: flex;
	align-items: center;
}

nav .logo-image img {
	/* height: auto !important; */
	/* width: auto; */
}

nav a {
	text-decoration: none;
}

.logo {
	width: 50px;
	height: 50px;
	background: var(--color-logo-placeholder);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--core-white);
	font-size: 0.8rem;
	flex-shrink: 0;
}

.nav-menu-wrap {
	position: relative;
	flex: 1;
	min-width: 0;
}

.nav-menu-scroll {
	overflow-x: hidden;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
	width: 100%;
}

.nav-menu-scroll::-webkit-scrollbar {
	display: none;
}

.nav-menu {
	display: flex;
	list-style: none;
	gap: 2rem;
	align-items: center;
	flex-wrap: nowrap;
	white-space: nowrap;
	transition: gap 0.3s ease;
	width: max-content;
	min-width: 100%;
	/* cursor: grab; */
	/* padding: 0 2rem; */
}

.nav-scroll {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border-radius: 999px;
	border: 1px solid var(--color-white-20);
	background: var(--core-white);
	color: var(--color-ink);
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
	font-size: 0;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.nav-scroll-icon {
	width: 16px;
	height: 16px;
	stroke: currentColor;
	fill: none;
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.nav-scroll:hover {
	transform: translateY(-50%) scale(1.05);
	border-color: var(--color-link-border);
	box-shadow: 0 8px 20px rgba(45, 131, 230, 0.25);
}

.nav-scroll:focus-visible {
	outline: 2px solid var(--color-link-border);
	outline-offset: 2px;
}

.nav-scroll--left {
	left: 0;
}

.nav-scroll--right {
	right: 0;
}

.nav-menu-wrap.has-overflow .nav-scroll {
	display: inline-flex;
}

.nav-scroll.is-disabled {
	display: none;
}

.nav-right {
	display: flex;
	list-style: none;
	gap: 1.5rem;
	margin-left: auto;
	align-items: center;
	flex-wrap: nowrap;
	white-space: nowrap;
	transition: gap 0.3s ease;
}

.nav-menu-scroll.fade-left {
	-webkit-mask-image: linear-gradient(to right, var(--color-black-0) 0%, var(--color-black-100) 12%, var(--color-black-100) 100%);
	mask-image: linear-gradient(to right, var(--color-black-0) 0%, var(--color-black-100) 12%, var(--color-black-100) 100%);
}

.nav-menu-scroll.fade-right {
	-webkit-mask-image: linear-gradient(to right, var(--color-black-100) 0%, var(--color-black-100) 88%, var(--color-black-0) 100%);
	mask-image: linear-gradient(to right, var(--color-black-100) 0%, var(--color-black-100) 88%, var(--color-black-0) 100%);
}

.nav-menu-scroll.fade-both {
	-webkit-mask-image: linear-gradient(to right, var(--color-black-0) 0%, var(--color-black-100) 12%, var(--color-black-100) 88%, var(--color-black-0) 100%);
	mask-image: linear-gradient(to right, var(--color-black-0) 0%, var(--color-black-100) 12%, var(--color-black-100) 88%, var(--color-black-0) 100%);
}

.nav-toggle {
	display: none;
	background: none;
	border: none;
	width: 52px;
	height: 52px;
	cursor: pointer;
	margin-left: auto;
}

.nav-toggle span {
	display: block;
	width: 28px;
	height: 3px;
	margin: 6px auto;
	background: var(--core-white);
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.nav-mobile {
	display: none;
	position: absolute;
	top: 100%;
	right: 1.5rem;
	background: var(--core-dark-grey);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 16px;
	padding: 0.75rem;
	min-width: 300px;
	max-height: 70svh;
	overflow-y: hidden;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.35);
	z-index: 1001;
	opacity: 0;
	transform: translateY(-8px) scale(0.98);
	max-height: 0;
	transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.25s ease;
}

nav.nav-open .nav-mobile {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	opacity: 1;
	transform: translateY(0) scale(1);
	max-height: 70svh;
	align-items: stretch;
	animation: nav-mobile-pop 0.28s ease-out;
}

@keyframes nav-mobile-pop {
	from {
		opacity: 0;
		transform: translateY(-10px) scale(0.96);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.nav-mobile-group {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.nav-mobile-item {
	color: var(--core-white);
	text-decoration: none;
	font-weight: 500;
	padding: 0.45rem 0.75rem;
	border-radius: 8px;
	transition: background 0.2s ease, color 0.2s ease;
}

.nav-mobile-item:hover,
.nav-mobile-toggle:hover, 
.nav-mobile-subitem:hover {
	background: rgba(255, 255, 255, 0.08);
	color: var(--core-white);
}

.nav-mobile-toggle {
	background: none;
	border: none;
	color: var(--core-white);
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.6;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0.45rem 0.75rem;
	cursor: pointer;
	border-radius: 8px;
	transition: background 0.2s ease, color 0.2s ease;
	font-family: inherit;
}

.nav-mobile-caret {
	transition: transform 0.2s ease;
}

.nav-mobile-group.open .nav-mobile-caret {
	transform: rotate(180deg);
}

.nav-mobile-subitems {
	flex-direction: column;
	align-items: stretch;
	gap: 0.25rem;
	/* padding-bottom: 0.25rem; */
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, opacity 0.25s ease;
	width: 100%;
}

.nav-mobile-group.open .nav-mobile-subitems {
	max-height: 220px;
	opacity: 1;
}

.nav-mobile-group.open {
	margin-bottom: -0.5rem;
}

.nav-mobile-subitem {
	color: var(--core-white);
	text-decoration: none;
	padding: 0.35rem 0.75rem 0.35rem 1.4rem;
	border-radius: 8px;
	font-weight: 400;
	display: block;
	width: 100%;
	font-size: 0.9rem;
}



.nav-mobile-lang {
	margin-top: 0.4rem;
	padding-top: 0.6rem;
	border-top: 1px solid var(--color-white-20);
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.nav-mobile-label {
	color: var(--color-white-70);
	font-size: 0.85rem;
}

.nav-mobile-options {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
}

.nav-mobile-option {
	background: var(--core-white);
	color: var(--core-blue);
	border: none;
	padding: 0.3rem 0.6rem;
	border-radius: 999px;
	font-weight: 500;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.nav-mobile-option:hover {
	background: rgba(255, 255, 255, 0.85);
}

.nav-mobile-option.active {
	background: var(--core-blue);
	color: var(--core-white);
	/* box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25); */
	font-weight: 700;
}

.nav-cta-mobile {
	display: none;
}





.nav-item {
	color: var(--core-white);
	cursor: pointer;
	position: relative;
	transition: opacity 0.3s ease;
	white-space: nowrap;
}

.nav-menu .nav-item {
	display: flex;
	align-items: center;
	height: var(--nav-height);
	margin: -0.75rem 0;
	padding: 0.75rem 0;
}

.nav-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.55rem 1.4rem;
	border-radius: 50px;
	font-weight: 500;
	transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
	font-size: 1rem;
}

.nav-action:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 18px var(--shadow-nav);
	opacity: 1;
}

.nav-action--light {
	background: var(--core-white);
	color: var(--color-ink);
}

.nav-action--dark {
	background: var(--core-blue);
	color: var(--core-white);
}

.nav-item:hover {
	opacity: 0.8;
}

.dropdown-arrow {
	display: inline-block;
	margin-left: 0.3rem;
	transition: transform 0.5s ease;
}

.dropdown.active .dropdown-arrow {
	transform: rotate(180deg);
}

.dropdown-content {
	position: fixed;
	top: 0;
	left: 0;
	background: var(--core-grey);
	min-width: 150px;
	border-radius: 0 0 12px 12px;
	margin-top: 0.5rem;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	padding: 0 1rem;
	z-index: 1100;
}


.dropdown.active .dropdown-content,
.dropdown-content.is-open {
	max-height: 300px;
	opacity: 1;
	padding: 1rem;
}

.dropdown-content a {
	color: var(--core-white);
	text-decoration: none;
	display: block;
	padding: 0.5rem 0;
	transition: opacity 0.3s ease;
}

.dropdown-content a:hover {
	opacity: 0.7;
}

.language-dropdown {
	position: relative;
	display: flex;
	align-items: center;
}

.language-select {
	background: var(--core-white);
	color: var(--core-blue);
	border: 1px solid var(--color-link-border);
	padding: 0.55rem 0.9rem;
	border-radius: 10px;
	cursor: pointer;
	font-size: 1rem;
	/* transition: all 0.3s ease; */
	display: flex;
	align-items: center;
	gap: 0.5rem;
	box-shadow: 0 8px 18px var(--shadow-language);
	width: 110px;
	justify-content: space-between;
}


.language-select:hover {
	border-color: var(--color-link-border-hover);
}

.language-options {
	position: absolute;
	top: calc(100% + 0.5rem);
	right: 0;
	background: var(--core-white);
	border-radius: 10px;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
	min-width: 140px;
	border: 1px solid var(--color-language-border);
	box-shadow: 0 10px 20px var(--shadow-language-menu);
}

.language-dropdown.active .language-options {
	max-height: 200px;
	opacity: 1;
}

.language-option {
	padding: 0.75rem 1rem;
	cursor: pointer;
	transition: background 0.3s ease;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--core-blue);
}

.language-option.active {
	background: var(--color-language-hover);
	font-weight: 600;
}

.language-option:hover {
	background: var(--color-language-hover);
}

.flag {
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
}

.flag svg {
	width: 100%;
	height: 100%;
	display: block;
}

.language-select::after {
	content: '';
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--core-blue);
	border-bottom: 2px solid var(--core-blue);
	transform: rotate(45deg);
	margin-left: auto;
	transition: transform 0.3s ease;
}

.language-dropdown.active .language-select::after {
	transform: rotate(-135deg);
}

.section {
	/* min-height: 60svh; */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4rem;
	position: relative;
}

.section:not(.hero) {
	background: transparent;
	background-image: none;
}

body.public-home .section {
	background: transparent;
	background-image: none;
}

/* body.public-home .section-dark { */
	/* background: rgba(11, 15, 24, 0.9); */
/* } */

/* body.public-home .section-callout { */
	/* background: var(--core-green); */
/* } */


.scroll-section {
	position: relative;
	min-height: calc(100svh - var(--nav-height) + var(--anim-scroll, 0px) + var(--post-scroll, 0px));
	margin: 0;
}

.scroll-section--hero {
	--post-scroll: 0svh;
}

.scroll-section--hero .slide-section {
	position: sticky;
	top: 0;
	left: auto;
	right: auto;
	z-index: 5;
}

.scroll-section--hero .section.hero {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin-top: 0;
}

.slide-section {
	/* border-radius: 20px 20px 0px 0px; */
	position: sticky;
	top: var(--nav-height);
	/* min-height: max(800px, calc(100svh - var(--nav-height))); */
	height: calc(100svh - var(--nav-height));
	box-sizing: border-box;
	/* margin-top: var(--nav-height); */
	/* padding-top: var(--nav-height); */
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	overscroll-behavior: contain;
	scroll-snap-align: none;
	scroll-snap-stop: normal;
	margin-bottom: 0;
	/* border-top-left-radius: 120px; */
	/* border-top-right-radius: 120px; */
	z-index: 5;
}

.slide-section.section-callout {
	/* margin-bottom: 0px; */
}

.slide-section > * {
	filter: blur(var(--section-blur, 0px));
	transition: filter 0.2s ease;
}

.slide-section {
	--section-blur: 0px;
}



.section-inner {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}

.section-accordion {
	/* padding-top: 2.5rem; */
	/* padding-bottom: 2.5rem; */
	align-items: center;
	justify-content: center;
}

.section-accordion .section-split {
	align-items: flex-start;
}

/* .section[data-section-number]::before {
	content: attr(data-section-number);
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	font-size: clamp(2.5rem, 1.6rem + 2vw, 4rem);
	font-weight: 700;
	color: #ff1f1f;
	opacity: 0.9;
	line-height: 1;
	pointer-events: none;
} */

.bg-light {
	background: transparent;
	background-image: none;
}

.bg-mist {
	background: transparent;
	background-image: none;
}


.section.hero {
	position: relative;
	/* min-height: 100svh; */
	/* height: 100svh; */
	height: calc(100svh - var(--nav-height));
	background-size: cover;
	background-position: center;
	overflow: hidden;
	justify-content: center;
	align-items: flex-start;
	/* padding-top: var(--nav-height); */
	/* background: var(--core-dark-grey); */
}

.section.hero::before {
	content: none;
}

.section.hero::after {
	content: none;
}

.hero-content {
	max-width: 900px;
	text-align: left;
	z-index: 1;
}

.hero-content h1 {
	font-size: clamp(2.2rem, 1.4rem + 3vw, 4.5rem);
	line-height: 1.1;
	margin-bottom: 2rem;
	color: var(--core-dark-grey);
	font-weight: 700;
}

.hero-content p {
	font-size: clamp(0.9rem, 0.75rem + 0.7vw, 1.3rem);
	line-height: 1.6;
	color: var(--core-dark-grey);
	margin-bottom: 3rem;
}

.hero-scroll-cue {
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.4rem;
	color: var(--core-white);
	font-size: 0.9rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	z-index: 1;
}

.hero-scroll-icon {
	width: 36px;
	height: 60px;
	border: 2px solid var(--core-white);
	border-radius: 20px;
	position: relative;
}

.hero-scroll-icon::after {
	content: '';
	position: absolute;
	top: 12px;
	left: 50%;
	width: 6px;
	height: 12px;
	transform: translateX(-50%);
	background: var(--core-white);
	border-radius: 3px;
	animation: scroll-pulse 1.5s infinite;
}

@keyframes scroll-pulse {
	0% {
		opacity: 0;
		transform: translate(-50%, 0);
	}
	40% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translate(-50%, 20px);
	}
}

.cta-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: clamp(0.35rem, 0.3rem + 0.15vw, 0.4rem) clamp(0.5rem, 0.45rem + 0.1vw, 0.55rem) clamp(0.35rem, 0.3rem + 0.15vw, 0.4rem) clamp(1rem, 0.9rem + 0.3vw, 1.2rem);
	background: var(--gradient-primary);
	color: var(--core-white);
	text-decoration: none;
	border-radius: 999px;
	font-size: clamp(0.9rem, 0.85rem + 0.25vw, 1rem);
	font-weight: 600;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	border: none;
	cursor: pointer;
}

.cta-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px var(--shadow-cta);
}

.cta-button svg {
	width: 20px;
	height: 20px;
}

.cta-link:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px var(--shadow-cta-light);
}

.cta-icon-circle {
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: var(--core-white);
	color: var(--core-blue);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.2rem;
}

.section-content {
	max-width: 800px;
	text-align: center;
}

.section-image {
	background: var(--color-section-bg-light);
	padding: 0;
	/* min-height: 100svh; */
	align-items: stretch;
}

.section-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.section-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	align-items: start;
	/* max-width: 1200px; */
	width: 100%;
}

.section-accordion .section-split {
	grid-template-columns: 1fr 1fr;
	max-width: 1600px;
	align-items: start;
}

.section-split.reverse {
	grid-template-columns: 1fr 1fr;
}

.section-split.reverse> :first-child {
	order: 2;
}

.section-split.reverse> :last-child {
	order: 1;
}

.section-image {
	width: 100%;
	height: 400px;
	background: var(--color-placeholder);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--core-white);
	font-size: 1.2rem;
	
}

.section-accordion .section-image {
	height: auto;
	align-self: flex-start;
}

/* .section-accordion .section-image img {
	height: auto;
} */

.section-accordion .section-image {
	background: transparent;
	height: auto;
	align-self: start;
}

.section-accordion .section-image img {
	width: 100%;
	height: 100%;
	max-width: 820px;
	display: block;
	/* object-fit: cover; */
	/* border-radius: 40px 40px 160px 40px; */
}

.section-dark {
	background: var(--core-dark-grey);
	color: var(--core-white);
}

.section-dark .section-image {
	background: var(--color-dark-image);
	color: var(--color-white-85);
}

.section-accordion.section-dark .section-image {
	background: transparent;
	height: auto;
}

/* .section-accordion.section-dark .section-image img {
	width: 100%;
	height: 100%;
	max-width: 820px;
	display: block;
	object-fit: contain;
} */

.section-accordion .media-browser {
	position: relative;
	width: 100%;
	max-width: 820px;
	aspect-ratio: 1 / 1;
	background: #ffffff;
	border-radius: 22px;
	padding: 1rem 1rem 1.25rem;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
	border: 1px solid #e2e8f0;
	display: flex;
	flex-direction: column;
}

.section-accordion .media-browser-top {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.9rem;
}

.section-accordion .media-dot {
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: #e2e8f0;
}

.section-accordion .media-dot:nth-child(1) {
	background: #ff5f57;
}

.section-accordion .media-dot:nth-child(2) {
	background: #ffbd2e;
}

.section-accordion .media-dot:nth-child(3) {
	background: #28ca41;
}

/* .section-accordion .media-url {
	flex: 1;
	height: 22px;
	background: #f1f5f9;
	border-radius: 6px;
} */

.section-accordion .media-browser-body {
	border-radius: 14px;
	overflow: hidden;
	background: #edf2f7;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.section-accordion .media-logo {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: fill;
}

/* .section.layout-image-right .section-image img {
	border-radius: 40px 40px 40px 40px;
}

.section.layout-image-left .section-image img {
	border-radius: 40px 40px 40px 40px;
	border: 1px solid rgba(17, 24, 39, 0.18);
} */

.media-browser img {
	/* border: 1px solid rgba(17, 24, 39, 0.08); */

}

.section-dark .accordion-item {
	border-bottom-color: var(--core-dark-grey);
}

.section-dark .accordion-header {
	color: var(--core-dark-grey);
}

.section-dark .accordion-header:hover {
	opacity: 0.85;
}

.section-dark .accordion-content p {
	color: var(--core-dark-grey);
}

.accordion-container {
	display: flex;
	flex-direction: column;
	gap: 0;
	min-height: 0;
}

.accordion-item {
	border-bottom: 1px solid var(--color-border-light);
}

.accordion-header {
	padding: 0.5rem 0;
	line-height: 1.4;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: clamp(1.1rem, 1rem + 0.5vw, 1.3rem);
	font-weight: 600;
	/* transition: opacity 0.3s ease; */
}

.accordion-header:hover {
	opacity: 0.85;
}

.section-accordion .accordion-item:hover .accordion-header {
	color: var(--color-dark-card-2);
}

.section-accordion .accordion-item:hover .accordion-header {
	color: var(--accent-color);
}

.accordion-arrow {
	transition: transform 0.3s ease;
	font-size: clamp(1.2rem, 1.1rem + 0.6vw, 1.5rem);
}

.accordion-item.active .accordion-arrow {
	transform: rotate(180deg);
}

.accordion-content {
	overflow: hidden;
	height: 0;
	opacity: 0;
	transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	padding: 0 0;
	--accordion-padding-bottom: 0.5rem;
}

.accordion-item.active .accordion-content {
	opacity: 1;
	padding: 0 0 var(--accordion-padding-bottom) 0;
}

.accordion-content p {
	font-size: clamp(0.9rem, 0.85rem + 0.3vw, 1rem);
	line-height: 1.6;
	margin: 0;
}

.accordion-content>p:last-child {
	margin-bottom: 0.5rem;
}

h1 {
	font-size: 4rem;
	margin: 0 0 2rem 0;
	/* transition: transform 0.3s ease, opacity 0.3s ease; */
}

p {
	font-size: 1.2rem;
	line-height: 1.6;
}

.scroll-section {
	position: relative;
	background: transparent;
	min-height: calc(100svh - var(--nav-height) + var(--anim-scroll, 0px));
}

.is-sticky {
	position: sticky;
	top: 0;
	/* min-height: 100svh; */
	height: calc(100svh - var(--nav-height));
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4rem;
}

.section-callout {
	background: transparent;
	color: var(--color-cta-dark);
}

.section-callout .section-inner {
	max-width: none;
}

#section-cta .section-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100%;
}

.section-callout .cta-panel {
	width: var(--cta-start-width, 520px);
	margin: 0 auto;
	/* padding: clamp(2.5rem, 3vw, 4rem); */
	padding: 4rem;
	height: var(--callout-height, 300px);
	/* height: var(--callout-height, 360px); */
	border-radius: clamp(24px, 3vw, 40px);
	color: var(--core-white);
	box-shadow: 0 30px 60px rgba(15, 23, 42, 0.2);
	display: flex;
	align-items: center;
	max-width: var(--callout-max-width, 1200px);
	overflow: hidden;
	transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.cta-inner {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 3rem;
	/* max-width: 1200px; */
	/* width: auto; */
	width: 100%;
	align-items: center;
	position: relative;
	z-index: 1;
	
	/* height: 210px; */
}

.section-icon-overview .card h3{
    font-weight: 800;
}


.cta-left h2 {
	font-size: clamp(1.7rem, 1.2rem + 2.2vw, 2.8rem);
	line-height: 1.1;
	font-weight: 700;
	margin: 0;
}

.cta-left {
	width: 500px;
}

.cta-right {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	font-size: 1.2rem;
	line-height: 1.6;
	width: 400px;
	margin-left: auto;
}

.cta-right {
	opacity: 0;
	transform: translateY(14px);
	pointer-events: none;
	transition: opacity 0.35s ease 0.45s, transform 0.45s ease 0.45s;
}

#section-cta .cta-right.is-animated {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}


.cta-right p {
	margin: 0;
	font-size: clamp(0.85rem, 0.75rem + 0.5vw, 1.1rem);
}

.cta-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: var(--core-white);
	color: var(--color-cta-dark);
	padding: clamp(0.35rem, 0.3rem + 0.15vw, 0.4rem) clamp(0.4rem, 0.38rem + 0.1vw, 0.45rem) clamp(0.35rem, 0.3rem + 0.15vw, 0.4rem) clamp(0.9rem, 0.85rem + 0.25vw, 1rem);
	border-radius: 999px;
	text-decoration: none;
	font-weight: 600;
	font-size: clamp(0.9rem, 0.85rem + 0.25vw, 1rem);
	width: fit-content;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	/* border: 1px solid var(--core-dark-grey); */
}

.cta-link .cta-icon-circle {
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: var(--color-cta-dark);
	color: var(--core-white);
	border: 2px solid var(--color-cta-dark);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.2rem;
}

.accordion-cta {
	display: flex;
	justify-content: flex-end;
	margin-top: 1rem;
}

.cta-link--green {
	background: var(--core-teal);
	color: var(--color-cta-dark-text);
}

.cta-link--green .cta-icon-circle {
	background: var(--color-cta-dark);
	color: var(--core-white);
	border-color: var(--color-cta-dark);
}

.parallax-footer {
	position: relative;
	background: var(--core-dark-grey);
	border: none;
	border-top-left-radius: 32px;
	border-top-right-radius: 32px;
	color: var(--core-white);
	padding: 4rem 3.5rem;
	padding-bottom: 0.5rem;
	text-align: left;
	z-index: 10;
	/* bottom: -15px; */
}

.footer-top {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 2rem;
	align-items: start;
}

.footer-col {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	min-width: 0;
}

.footer-title {
	font-size: clamp(0.85rem, 0.82rem + 0.2vw, 0.95rem);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.6rem;
}

.footer-link {
	color: var(--core-white);
	text-decoration: none;
	font-size: clamp(0.9rem, 0.87rem + 0.2vw, 1rem);
	line-height: 1.6;
}

.footer-link:hover {
	text-decoration: underline;
}

.footer-text {
	font-size: clamp(0.9rem, 0.87rem + 0.2vw, 1rem);
	line-height: 1.6;
	color: var(--color-white-85);
}

.footer-newsletter {
	gap: 1rem;
}

.footer-label {
	font-size: clamp(0.9rem, 0.87rem + 0.2vw, 1rem);
	color: var(--color-white-90);
}

.footer-input {
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--color-white-40);
	padding: 0.6rem 0;
	color: var(--core-white);
	font-size: clamp(0.9rem, 0.87rem + 0.2vw, 1rem);
}

.footer-input:focus {
	outline: none;
	border-bottom-color: var(--core-white);
}

.footer-consent {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.footer-checkbox {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	font-size: clamp(0.85rem, 0.82rem + 0.2vw, 0.95rem);
	color: var(--color-white-90);
}

.footer-checkbox input {
	width: 16px;
	height: 16px;
	accent-color: var(--core-teal);
}

.footer-bottom-row {
	margin-top: 2.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5rem;
}

.footer-logo-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.footer-logo-wrap .logo-container {
	justify-content: center;
}

.footer-logo-wrap .logo-image img {
	height: clamp(48px, 10vw, 96px);
	max-width: min(70vw, 320px);
	object-fit: contain;
}

.footer-bottom {
	margin-top: 0;
	font-size: 0.95rem;
	color: var(--color-white-70);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}

.footer-legal-links {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.95rem;
}

.footer-legal-links a, .footer-separator {
	color: var(--color-white-70);
}

.footer-legal-links a {
	text-decoration: none;
	transition: color 0.2s ease;
	white-space: nowrap;
}

.footer-legal-links a:hover {
	color: var(--color-white);
	text-decoration: underline;
}

.footer-legal-links .separator {
	color: var(--color-white-50);
}

.footer-legal-link {
	color: var(--color-white-70);
	text-decoration: none;
	transition: color 0.2s ease;
	white-space: nowrap;
}

.footer-legal-link:hover {
	color: var(--color-white);
	text-decoration: underline;
}
/* 
.footer-separator {
	color: var(--color-white-50);
} */

@media (max-width: 900px) {
	.parallax-footer {
		padding: 3rem 2rem;
		border-top-left-radius: 24px;
		border-top-right-radius: 24px;
	}

	.footer-top {
		text-align: center;
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.footer-bottom-row {
		flex-direction: column;
		justify-content: center;
		gap: 0.8rem;
	}

	.footer-title {
		margin-bottom: 0.3rem;
	}
}

.main-content {
	padding-top: 0;
}

/* .page-scale {
  container-type: inline-size;
  min-width: 1200px;
}

.section {
  transform: scale(max(1, 300 / 100cqw));
  transform-origin: left top;
} */

.page-scale {
	width: 100%;
}



.section-header {
	max-width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.dashboards-page .section {
	align-items: stretch;
}

.dashboards-hero {
	padding-top: calc(var(--nav-height) + 4rem);
	padding-bottom: 3rem;
}

.dashboards-hero-inner {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.dashboards-hero-copy {
	display: grid;
	gap: 1rem;
	max-width: 620px;
	color: var(--core-dark-grey);
}

.dashboards-hero-kicker {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.8rem;
	font-weight: 600;
	color: rgba(31, 35, 48, 0.6);
}

.dashboards-hero h1 {
	font-size: clamp(2.5rem, 4vw, 3.4rem);
	line-height: 1.1;
}

.dashboards-hero p {
	font-size: 1.05rem;
	color: rgba(31, 35, 48, 0.75);
}

.dashboards-carousel-section {
	background: #2f5ea7;
	color: #0f172a;
	/* padding: 4rem 0 4.5rem; */
}

.dashboards-carousel-inner {
	/* max-width: 1200px; */
	/* margin: 0 auto; */
	/* padding: 0 2.5rem; */
	/* display: grid; */
	/* gap: 2rem; */
}

.dashboards-carousel-inner h2 {
	font-size: clamp(1.5rem, 1.3rem + 1vw, 2rem);
	color: #0b0f18;
}

.dashboards-carousel-subtitle {
	margin-top: -0.6rem;
	font-size: clamp(0.9rem, 0.85rem + 0.3vw, 1rem);
	color: rgba(15, 23, 42, 0.8);
	max-width: 720px;
}

/* ── Carousel wrapper ── */
.dashboard-carousel-wrapper {
	position: relative;
}

/* ── Arrow buttons ── */
.dashboard-carousel-arrow {
	position: absolute;
	top: calc(385px / 2 + 6px);
	transform: translateY(-50%);
	z-index: 10;
	width: 36px;
	height: 90px;
	border-radius: 999px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #fff;
	color: #0b0f18;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: opacity 0.3s ease, background 0.2s, box-shadow 0.2s;
}

.dashboard-carousel-arrow:hover {
	background: #f5f5f5;
	border-color: rgba(0, 0, 0, 0.15);
}

.dashboard-carousel-prev {
	left: 8px;
}

.dashboard-carousel-next {
	right: 8px;
	opacity: 0;
}

.dashboard-carousel-arrow svg {
	opacity: 0.4;
	transition: opacity 0.2s;
}

.dashboard-carousel-arrow:hover svg {
	opacity: 0.6;
}

/* ── Carousel viewport ── */
.dashboard-carousel {
	position: relative;
	overflow-x: clip;
	overflow-y: visible;
	padding: 6px 0;
	-webkit-mask-image: linear-gradient(to right, transparent 0px, transparent 20px, black 48px, black calc(100% - 80px), transparent calc(100% - 20px), transparent 100%);
	mask-image: linear-gradient(to right, transparent 0px, transparent 20px, black 48px, black calc(100% - 80px), transparent calc(100% - 20px), transparent 100%);
	pointer-events: none;
}

.dashboard-carousel-track {
	pointer-events: auto;
	display: flex;
	gap: 2.5rem;
	transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
	will-change: transform;
	padding-left: 56px;
}

.dashboard-card {
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
	flex: 0 0 min(560px, 90vw);
}

.dashboard-card-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.6rem;
}

.dashboard-card h3 {
	font-size: clamp(1.1rem, 1rem + 0.6vw, 1.3rem);
	font-weight: 600;
	line-height: 1.4;
	color: #0b0f18;
}

.dashboard-card p {
	font-size: clamp(0.9rem, 0.85rem + 0.3vw, 1rem);
	line-height: 1.6;
	color: rgba(15, 23, 42, 0.85);
}


.section-media .media-quote::before,
.section-media .media-quote::after {
	content: '"';
	position: absolute;
	color: var(--accent-color, var(--core-dark-grey));
	font-size: clamp(4rem, 3rem + 4vw, 6.4rem);
	line-height: 1;
	font-family: "Georgia", "Times New Roman", serif;
}

.section-media .media-quote::before {
	content: '“';
	top: 0.1rem;
	left: 0.1rem;
}

.section-media .media-quote::after {
	content: '”';
	bottom: -2.6rem;
	right: 0.2rem;
}

.dashboard-media {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(17, 24, 39, 0.18);
	height: 385px;
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.2s;
}

.dashboard-media img {
	display: block;
	width: 100%;
	height: 100%;
	user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
}

@media (hover: hover) {
	.dashboard-media:not(.no-hover):hover {
		transform: scale(1.02);
		border-color: rgba(17, 24, 39, 0.3);
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	}
}

.image-lightbox {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: rgba(0, 0, 0, 0);
	align-items: center;
	justify-content: center;
	cursor: default;
	padding: 2rem;
}

.image-lightbox.active {
	display: flex;
}

.image-lightbox-inner {
	position: relative;
}

.image-lightbox img {
	max-width: 90vw;
	max-height: 90vh;
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
	object-fit: contain;
	display: block;
}

.image-lightbox-close {
	position: absolute;
	top: -12px;
	right: -12px;
	background: #fff;
	border: none;
	color: #333;
	font-size: 1.2rem;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	line-height: 1;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	transition: background 0.2s;
}

.image-lightbox-close:hover {
	background: #eee;
}

.dashboard-carousel-dots {
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	margin-top: 1.5rem;
}

.dashboard-carousel-dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	border: none;
	background: rgba(15, 23, 42, 0.35);
	cursor: pointer;
	transition: background 0.2s ease, opacity 0.2s ease;
}

.dashboard-carousel-dot.active {
	background: rgba(15, 23, 42, 0.9);
}


.dashboards-cta {
	padding: 4rem 2.5rem 6rem;
}

.dashboards-cta-inner {
	max-width: 1100px;
	margin: 0 auto;
}

.dashboards-cta-card {
	border-radius: 28px;
	padding: 2.5rem 3rem;
	color: var(--core-white);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.dashboards-cta-card h2 {
	font-size: clamp(2rem, 3vw, 2.6rem);
	margin-bottom: 0.6rem;
}

.dashboards-cta-card p {
	color: var(--color-white-90);
	max-width: 460px;
}

.dashboards-cta-card .cta-button {
	background: var(--core-white);
	color: var(--core-blue);
}

@media (max-width: 900px) {
	.dashboards-hero {
		padding-top: calc(var(--nav-height) + 2.5rem);
	}

	.dashboards-carousel-inner {
		padding: 0 1.5rem;
	}

	.dashboard-carousel-wrapper {
		overflow: hidden;
	}

	.dashboard-carousel {
		-webkit-mask-image: none;
		mask-image: none;
		overflow: visible;
	}

	.dashboard-carousel-track {
		padding-left: 0;
		gap: 1rem;
	}

	.dashboard-carousel-arrow {
		display: none;
	}

	.dashboard-card {
		flex: 0 0 100%;
	}

	.dashboard-media {
		height: auto;
		aspect-ratio: 16 / 10;
	}

	.dashboard-media img {
		height: 100%;
		object-fit: cover;
	}

	.dashboard-card-body {
		padding: 0 0.25rem;
	}

	.dashboard-media {
		cursor: default;
	}

	.dashboard-media:hover,
	.dashboard-media:not(.no-hover):hover {
		transform: none !important;
		box-shadow: none !important;
		border-color: rgba(17, 24, 39, 0.18) !important;
	}

	.dashboards-cta-card {
		flex-direction: column;
		align-items: flex-start;
	}
}

.section-header.overview-title {
	opacity: 0;
	transform: translateY(30px) scale(0.98);
	will-change: transform, opacity;
}

#section-overview .section-header {
	opacity: 0;
	transform: translateY(22px);
	will-change: transform, opacity;
}

#section-overview-variant .section-header {
	text-align: left;
	margin-left: 0;
	margin-right: 0;
}

#section-overview-variant-alt .section-header {
	text-align: left;
	margin-left: 0;
	margin-right: 0;
}

#section-dashboards .section-header {
	text-align: center;
	/* text-align: left; */
	margin-left: auto;
	margin-right: auto;
}

#section-overview-variant .section-actions {
	text-align: right;
}

#section-overview-variant-alt .section-actions {
	text-align: right;
}

.section-overview .section-header h2 {
	font-size: clamp(2.4rem, 2.1rem + 1.8vw, 3.6rem);
	/* margin: 0 0 1rem 0; */
	line-height: 1.15;
	color: var(--core-dark-grey);
}

.section-overview .section-header p {
	font-size: clamp(1.15rem, 1rem + 0.6vw, 1.5rem);
	/* margin: 2rem 0 0 0; */
}

#section-dashboards .section-header h2 {
	font-size: clamp(2.4rem, 2.1rem + 1.8vw, 3.6rem);
	line-height: 1.15;
	color: var(--core-dark-grey);
	margin-bottom: 0.5rem;
}

#section-dashboards .section-header {
	/* text-align: left; */
	/* align-self: flex-start; */
	/* margin: 0px; */
	margin-bottom: 2rem;
}

#section-dashboards .section-header p {
	font-size: clamp(1.15rem, 1rem + 0.6vw, 1.5rem);
}

.section-overview .section-inner {
	/* padding-top: clamp(2rem, 6svh, 6rem); */
}

.section-overview .cards-container {
	/* padding-top: clamp(2rem, 6svh, 6rem); */
	margin-top: 0rem;
	margin-bottom: 0rem;
}

#section-overview .overview-title,
#section-overview .anim-overview-subtitle {
	opacity: 0;
	transform: translateY(26px) scale(0.98);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

#section-overview .anim-overview-subtitle {
	transform: translateY(22px);
}

#section-overview .anim-overview-title.is-animated {
	opacity: 1;
	transform: translateY(0) scale(1);
}

#section-overview .anim-overview-subtitle.is-animated {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.5s;
}

#section-image .anim-media-browser {
	opacity: 0;
	transform: translateX(-140px);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform, opacity;
	max-width: 700px;
}

#section-image-alt .anim-media-browser {
	opacity: 0;
	transform: translateX(140px);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform, opacity;
	max-width: 700px;
}

#section-image .anim-media-quote {
	opacity: 0;
	transform: translateY(24px) scale(0.98);
	filter: blur(4px);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.8s ease;
	will-change: transform, opacity, filter;
}

#section-image-alt .anim-media-quote {
	opacity: 0;
	transform: translateY(24px) scale(0.98);
	filter: blur(4px);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.8s ease;
	will-change: transform, opacity, filter;
}

#section-image .anim-media-browser.is-animated,
#section-image .anim-media-quote.is-animated,
#section-image-alt .anim-media-browser.is-animated,
#section-image-alt .anim-media-quote.is-animated {
	opacity: 1;
	transform: translate(0, 0) scale(1);
	filter: blur(0);
}

#section-overview-secondary .anim-overview-secondary-title,
#section-overview-variant .anim-overview-variant-title,
#section-dashboards .anim-overview-variant-title,
#section-accordion-dark .anim-accordion-dark-title,
#section-accordion .anim-accordion-light-title {
	opacity: 0;
	transform: translateY(28px) scale(0.98);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

#section-overview-secondary .anim-overview-secondary-title.is-animated,
#section-overview-variant .anim-overview-variant-title.is-animated,
#section-dashboards .anim-overview-variant-title.is-animated,
#section-accordion-dark .anim-accordion-dark-title.is-animated,
#section-accordion .anim-accordion-light-title.is-animated {
	opacity: 1;
	transform: translateY(0) scale(1);
}

#section-overview-secondary .anim-overview-secondary-card,
#section-overview-secondary .anim-overview-secondary-action {
	opacity: 0;
	transform: translate(26px, 36px);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform, opacity;
}

#section-overview-secondary .anim-overview-secondary-card.is-animated,
#section-overview-secondary .anim-overview-secondary-action.is-animated {
	opacity: 1;
	transform: translate(0, 0);
}

#section-overview-secondary .anim-overview-secondary-card:nth-child(1) {transition-delay: 0.08s;}
#section-overview-secondary .anim-overview-secondary-card:nth-child(2) {transition-delay: 0.2s;}
#section-overview-secondary .anim-overview-secondary-card:nth-child(3) {transition-delay: 0.32s;}
#section-overview-secondary .anim-overview-secondary-action {transition-delay: 0.46s;}

#section-overview-variant .anim-overview-variant-card,
#section-overview-variant-alt .anim-overview-variant-card,
#section-overview-variant .anim-overview-variant-action {
	opacity: 0;
	transform: translate(28px, 12px);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform, opacity;
}

#section-overview-variant .anim-overview-variant-card.is-animated,
#section-overview-variant-alt .anim-overview-variant-card.is-animated,
#section-overview-variant .anim-overview-variant-action.is-animated {
	opacity: 1;
	transform: translate(0, 0);
}

#section-overview-variant .anim-overview-variant-card:nth-child(1),
#section-overview-variant-alt .anim-overview-variant-card:nth-child(1) {transition-delay: 0.08s;}
#section-overview-variant .anim-overview-variant-card:nth-child(2),
#section-overview-variant-alt .anim-overview-variant-card:nth-child(2) {transition-delay: 0.2s;}
#section-overview-variant .anim-overview-variant-card:nth-child(3),
#section-overview-variant-alt .anim-overview-variant-card:nth-child(3) {transition-delay: 0.32s;}
#section-overview-variant .anim-overview-variant-action {transition-delay: 0.46s;}

#section-accordion-dark .anim-accordion-dark-image,
#section-accordion .anim-accordion-light-image {
	opacity: 0;
	transform: translateX(140px);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform, opacity;
}

#section-accordion .anim-accordion-light-image {
	transform: translateX(-140px);
}

#section-accordion-dark .anim-accordion-dark-list,
#section-accordion .anim-accordion-light-list {
	opacity: 0;
	transform: translateY(70px);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform, opacity;
}

#section-accordion-dark .anim-accordion-dark-image.is-animated,
#section-accordion .anim-accordion-light-image.is-animated,
#section-accordion-dark .anim-accordion-dark-list.is-animated,
#section-accordion .anim-accordion-light-list.is-animated {
	opacity: 1;
	transform: translate(0, 0);
}

#section-overview-secondary-2 .anim-overview-grid-tile {
	opacity: 0;
	transform: translate(calc(var(--grid-offset, 0px) + 24px), 18px);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform, opacity;
}

#section-overview-secondary-2 .anim-overview-grid-tile.is-animated {
	opacity: 1;
	transform: translate(var(--grid-offset, 0px), 0);
}

#section-overview-secondary-2 .overview-grid-row:nth-child(1) .anim-overview-grid-tile:nth-child(1) {transition-delay: 0.06s;}
#section-overview-secondary-2 .overview-grid-row:nth-child(1) .anim-overview-grid-tile:nth-child(2) {transition-delay: 0.16s;}
#section-overview-secondary-2 .overview-grid-row:nth-child(2) .anim-overview-grid-tile:nth-child(1) {transition-delay: 0.26s;}
#section-overview-secondary-2 .overview-grid-row:nth-child(2) .anim-overview-grid-tile:nth-child(2) {transition-delay: 0.36s;}
#section-overview-secondary-2 .overview-grid-row:nth-child(3) .anim-overview-grid-tile:nth-child(1) {transition-delay: 0.46s;}
#section-overview-secondary-2 .overview-grid-row:nth-child(3) .anim-overview-grid-tile:nth-child(2) {transition-delay: 0.56s;}

#section-dashboards .anim-dashboards-cards .dashboard-card {
	opacity: 0;
	transform: translate(28px, 12px);
	transition: opacity 0.22s ease, transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
}

#section-dashboards .anim-dashboards-cards .dashboard-card.is-animated {
	opacity: 1;
	transform: translate(0, 0);
}

#section-workflow-journey .anim-workflow-journey-title {
	opacity: 0;
	transform: translateY(28px) scale(0.98);
	transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

#section-workflow-journey .anim-workflow-journey-title.is-animated {
	opacity: 1;
	transform: translateY(0) scale(1);
}

#section-workflow-journey .anim-workflow-journey-step {
	opacity: 1;
	transform: none;
}

#section-workflow-journey .anim-workflow-journey-step .workflow-journey-marker {
	opacity: 0;
	transition: opacity 0.4s ease;
}

#section-workflow-journey .anim-workflow-journey-step .workflow-journey-content {
	opacity: 0;
	transform: translate(28px, 12px);
	transition: opacity 0.5s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

#section-workflow-journey .anim-workflow-journey-step.is-animated .workflow-journey-marker {
	opacity: 1;
}

#section-workflow-journey .anim-workflow-journey-step.is-animated .workflow-journey-content {
	opacity: 1;
	transform: translate(0, 0);
}

#section-workflow-journey .anim-workflow-journey-step:nth-child(1) .workflow-journey-marker,
#section-workflow-journey .anim-workflow-journey-step:nth-child(1) .workflow-journey-content {transition-delay: 0.08s;}
#section-workflow-journey .anim-workflow-journey-step:nth-child(2) .workflow-journey-marker,
#section-workflow-journey .anim-workflow-journey-step:nth-child(2) .workflow-journey-content {transition-delay: 0.2s;}
#section-workflow-journey .anim-workflow-journey-step:nth-child(3) .workflow-journey-marker,
#section-workflow-journey .anim-workflow-journey-step:nth-child(3) .workflow-journey-content {transition-delay: 0.32s;}

#section-workflow-journey .anim-line-draw {
	opacity: 0;
	transition: opacity 0.25s ease;
}

#section-workflow-journey .anim-line-draw.is-animated {
	opacity: 1;
}

.section-icon-overview .section-header h2 {
	font-size: clamp(2.4rem, 2.1rem + 1.8vw, 3.6rem);
	line-height: 1.15;
	color: var(--core-dark-grey);
}

.section-icon-overview .section-header p {
	font-size: clamp(1.15rem, 1rem + 0.6vw, 1.5rem);
	margin: 2rem 0 0 0;
}

.section-header h1 {
	font-size: clamp(2.4rem, 2.1rem + 1.8vw, 3.6rem);
	margin: 0 0 1rem 0;
	line-height: 1.15;
}

.section-accordion h1,
.section-accordion h2 {
	font-size: clamp(1.7rem, 1.2rem + 2.2vw, 2.8rem);
	line-height: 1.0;
}

.header-section-dark {
	background: var(--color-dark-bg);
	color: var(--core-white);
}

.header-section-dark p {
	color: var(--color-white-80);
}

.section-overview.section-dark .section-header h2,
.section-overview.section-dark .section-header p {
	color: var(--core-white);
}

.section-overview.section-dark .section-header {
	text-align: left;
	max-width: 900px;
	margin-left: 0;
	margin-right: 0;
}

.section-accordion.section-dark h1,
.section-accordion.section-dark h2 {
	color: var(--core-dark-grey);
	margin-bottom: 2rem;
	text-align: left;
}

.cards-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6rem;
	/* max-width: 1200px; */
	margin-top: 3rem;
}

.section-icon-overview .cards-container {
	gap: 2rem;
}

@media (max-width: 1000px) {

	nav {
		padding: 0.75rem 1.0rem;
	}

	nav {
		gap: 0;
	}

	.nav-menu,
	.nav-right {
		display: none;
	}

	.nav-toggle {
		display: block;
		order: 3;
	}

	.nav-cta-mobile {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0.55rem 1.1rem;
		border-radius: 999px;
		background: var(--gradient-primary);
		color: var(--core-white);
		text-decoration: none;
		font-weight: 600;
		margin-left: auto;
		margin-right: 0.5rem;
		order: 2;
	}
}

@media (max-width: 700px) {
	#section-overview-secondary-2 .overview-grid-row {
		align-items: center;
	}


	#section-overview-secondary-2 .overview-icon-block .overview-icon-svg {
		height: 100% !important;
		width: 100% !important;
	}

	.hero-content p {
		margin-bottom: 1rem;
	}
	#section-overview-secondary-2 .overview-grid-row {
		gap: 0.5rem;;
	}
	.section-media .media-browser {
		padding: 0.5rem !important;
		border-radius: 16px !important;
	}
	.section-media .media-browser-top {
		margin-bottom: 0.5rem !important;
	}
	.media-url {
		height: 18px !important;
	}
	.section-media .media-dot {
		width: 10px !important;
		height: 10px !important;
	}
	.section-media .media-browser-body {
		border-radius: 10px !important;
	}
	.section-accordion .media-browser {
		padding: 0.5rem !important;
		border-radius: 16px !important;
	}
	.section-accordion .media-browser-top {
		margin-bottom: 0.5rem !important;
	}
	.section-accordion .media-dot {
		width: 10px !important;
		height: 10px !important;
	}
	.section-accordion .media-browser-body {
		border-radius: 10px !important;
	}
}


/*
@media (max-width: 500px) {
  .page-scale {
    zoom: 0.9;
  }
} */

/* @media (max-width: 500px) {
  .page-scale {
    --scale: 0.9;
    transform: scale(var(--scale));
    transform-origin: top center;
    width: calc(100% / var(--scale));
  }
} */



.section-icon-overview .card-detail-desktop {
	display: block;
}
.section-icon-overview .card-detail-mobile {
	display: none;
}
	
.nav-mobile-item.mobile {
	display: none;
}



/* @media (max-width: 700px) {
	.section-icon-overview .section-header h2 {
		display: none;
	}
} */

@media (max-width: 1140px) {
	.slide-section {
		/* height: 100% !important; */
		/* margin-bottom: 4rem !important; */
		/* min-height: calc(100svh - var(--nav-height)); */
	}

	.hero-content h1 {
		font-size: 3rem;
		margin-bottom: 1rem;
	}

	.hero-content {
		max-width: 600px;
	}

	.section-icon-overview .cards-container {
		grid-template-columns: 1fr;
		gap: 0;
		/* gap: 1.5rem; */
	}

	.section-icon-overview .section-header h2 {
		margin-bottom: 1rem;
	}
	
	#section-overview-variant h2 {
		margin-bottom: 0px !important;
	}

	.section-icon-overview .cards-container .card {
		display: grid;
		/* grid-template-columns: minmax(48px, 72px) 1fr; */
		column-gap: 1rem;
		align-items: start;
		text-align: left;
		padding: 1rem 0rem;
	}
	.section-icon-overview .stagger-reveal {
		margin-top: 0px !important;
	}

	.section-icon-overview .cards-container .overview-icon {
		margin-bottom: 0;
		flex-shrink: 0;
		grid-row: 1 / span 2;
		justify-self: center;
		place-self: center;
	}

	.section-icon-overview .cards-container .card h3,
	.section-icon-overview .cards-container .card p {
		grid-column: 2;
		justify-self: start;
		text-align: left;
	}
	.section-icon-overview .cards-container .card p {
		font-size: 0.95rem;
	}
	.section-icon-overview .cards-container .card h3 {
		margin-bottom: 0.5rem;
	}
}

.cards-container.overview-rotate {
	perspective: 1000px;
}

.cards-container.overview-stack {
	display: block;
	position: relative;
	height: 320px;
	/* margin-top: 4rem; */
}

.cards-container.overview-stack .card {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 420px;
	transform: translate(-50%, -50%);
	transition: none;
	background: var(--core-white);
	color: #111;
	border-radius: 16px;
	border: 1px solid rgba(17, 24, 39, 0.18);
	/* box-shadow: 0 26px 20px rgba(12, 18, 28, 0.18); */
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
	text-align: left;
	padding: 1.5rem;
	/* height: 220px; */
	display: flex;
	align-items: center;
	gap: 1.5rem;
	text-align: left;
}

@media (min-width: 1141px) {
	#section-overview .cards-container.overview-stack .card {
		opacity: 0;
		transform: translate(-50%, -50%)
			translate(var(--overview-start-x, 0px), var(--overview-start-y, 0px))
			rotate(var(--overview-start-r, 0deg));
		transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease;
		will-change: transform, opacity;
	}

	#section-overview .cards-container.overview-stack .card.is-animated {
		opacity: 1;
		transform: translate(-50%, -50%)
			translate(var(--overview-end-x, 0px), var(--overview-end-y, 0px))
			rotate(var(--overview-end-r, 0deg));
	}

	#section-overview .cards-container.overview-stack .card:nth-child(1) {
		transition-delay: 0.05s;
	}

	#section-overview .cards-container.overview-stack .card:nth-child(2) {
		transition-delay: 0.18s;
	}

	#section-overview .cards-container.overview-stack .card:nth-child(3) {
		transition-delay: 0.32s;
	}

}

.cards-container.overview-stack .card.card-center {
	flex-direction: row;
	justify-content: flex-start;
}

.cards-container.overview-stack .overview-stack-icon {
	width: clamp(64px, 8vw, 84px);
	height: clamp(64px, 8vw, 84px);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: none;
	isolation: isolate;
	flex-shrink: 0;
	display: grid;
	place-items: center;
	position: relative;
}

.lava-gradient-bg,
.accent-blue-motion {
	background: var(--lava-gradient-layers);
	background-size: var(--lava-gradient-sizes);
	background-position: var(--lava-gradient-positions);
	animation: overview-stack-lava 10s linear infinite;
	will-change: background-position;
}

.cards-container.overview-stack .overview-stack-icon svg {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 2;
}

@keyframes overview-stack-lava {
	0% {
		background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%, 50% 50%, 50% 50%;
		background-size: 140% 140%, 160% 160%, 180% 180%, 170% 170%, 155% 155%, 120% 120%;
	}
	12.5% {
		background-position: 65% 20%, 85% 70%, 15% 75%, 70% 35%, 20% 55%, 60% 15%;
		background-size: 165% 165%, 150% 150%, 190% 190%, 160% 160%, 145% 145%, 130% 130%;
	}
	25% {
		background-position: 95% 35%, 10% 95%, 60% 85%, 0% 45%, 75% 10%, 80% 20%;
		background-size: 170% 170%, 140% 140%, 200% 200%, 150% 150%, 165% 165%, 130% 130%;
	}
	37.5% {
		background-position: 55% 95%, 30% 40%, 95% 60%, 25% 10%, 90% 40%, 20% 85%;
		background-size: 155% 155%, 175% 175%, 165% 165%, 190% 190%, 160% 160%, 145% 145%;
	}
	50% {
		background-position: 40% 70%, 70% 5%, 25% 25%, 95% 85%, 15% 90%, 10% 55%;
		background-size: 150% 150%, 190% 190%, 160% 160%, 210% 210%, 170% 170%, 140% 140%;
	}
	62.5% {
		background-position: 10% 40%, 95% 85%, 70% 10%, 50% 65%, 60% 25%, 85% 95%;
		background-size: 180% 180%, 155% 155%, 175% 175%, 165% 165%, 150% 150%, 150% 150%;
	}
	75% {
		background-position: 30% 10%, 60% 100%, 0% 45%, 85% 30%, 40% 60%, 55% 75%;
		background-size: 200% 200%, 150% 150%, 180% 180%, 160% 160%, 165% 165%, 150% 150%;
	}
	87.5% {
		background-position: 75% 55%, 20% 15%, 40% 95%, 15% 80%, 90% 20%, 95% 35%;
		background-size: 160% 160%, 185% 185%, 150% 150%, 175% 175%, 155% 155%, 135% 135%;
	}
	100% {
		background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%, 50% 50%, 50% 50%;
		background-size: 140% 140%, 160% 160%, 180% 180%, 170% 170%, 155% 155%, 120% 120%;
	}
}

.cards-container.overview-stack .card h3 {
	font-size: clamp(1rem, 0.9rem + 0.4vw, 1.2rem);
	font-weight: 500;
	/* margin-bottom: 1rem; */
	letter-spacing: -0.01em;
	line-height: 1.3;
}





.cards-container.overview-stack .card:nth-child(1) {
	z-index: 1;
}

.cards-container.overview-stack .card:nth-child(2) {
	z-index: 2;
}

.cards-container.overview-stack .card:nth-child(3) {
	z-index: 3;
}

.stagger-reveal .stagger-card {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 1.35s cubic-bezier(0.22, 1, 0.36, 1), transform 1.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.stagger-reveal [data-scroll-driven] {
	transition: none;
	will-change: transform, opacity;
}

.section-accordion [data-scroll-driven] {
	transition: none;
	will-change: transform, opacity;
}

.section-overview [data-scroll-driven] {
	transition: none;
	will-change: transform, opacity;
}

.stagger-reveal.is-in-view .stagger-card {
	opacity: 1;
	transform: translateY(0);
	margin-left: auto;
	margin-right: auto;
}

#section-overview-secondary .stagger-reveal .anim-overview-secondary-card {
	opacity: 0;
	transform: translate(26px, 36px);
}

#section-overview-secondary .stagger-reveal .anim-overview-secondary-card.is-animated {
	opacity: 1;
	transform: translate(0, 0);
}

.stagger-reveal.is-in-view .stagger-card:nth-child(1) {
	transition-delay: 0.0s;
}

.stagger-reveal.is-in-view .stagger-card:nth-child(2) {
	transition-delay: 0.22s;
}

.stagger-reveal.is-in-view .stagger-card:nth-child(3) {
	transition-delay: 0.44s;
}

.stagger-reveal.is-in-view .stagger-card:nth-child(4) {
	transition-delay: 0.66s;
}

.stagger-reveal.is-in-view .section-actions.stagger-card {
	transition-delay: 0.66s;
}

.animate-rotate {
	opacity: 0;
	transition: transform 0.8s ease, opacity 0.6s ease;
	will-change: transform, opacity;
}

.animate-right {
	transform: translateX(80px) rotateY(-25deg);
	transform-origin: center right;
}

.animate-left {
	transform: translateX(-80px) rotateY(25deg);
	transform-origin: center left;
}

.animate-rotate.is-in-view {
	opacity: 1;
	transform: translateX(0) rotateY(0);
}


.card {
	background: var(--soft-white);
	color: var(--color-black);
	padding: 3rem 2rem;
	border-radius: 12px;
	/* border-radius: 8px 20px 80px 20px; */
	text-align: center;
	position: relative;
	overflow: visible;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	/* min-height: 200px; */
	/* max-width: 400px; */
	border: 3px solid var(--color-black);
	/* border: 4px solid var(--color-card-border); */
}

.card.card-center {
	flex-direction: column;
	justify-content: center;
}

.card.card-stack {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.75rem;
}

.section-media {
	background: transparent;
	/* padding: 0; */
	/* min-height: 100svh; */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	margin: 0;
	left: auto;
	right: auto;
	position: sticky;
	top: calc(var(--nav-height) - 1px);
	overflow: hidden;
}

.section-media .section-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0 clamp(1.5rem, 4vw, 3.5rem);
}

.section-media-bg {
	position: absolute;
	inset: 0;
	display: block;
}

.section-media-bg .media-gradient {
	position: absolute;
	inset: 0;
	background: #0b1020;
}

.section-media-bg .blob {
	position: absolute;
	inset: -20%;
	filter: blur(120px);
	opacity: 0.55;
	transform: translateZ(0);
}

.section-media-bg .media-gradient {
	--c1: 90, 98, 255;
	--c2: 155, 110, 225;
	--c3: 255, 200, 120;
	--c4: 255, 135, 60;
	--c5: 245, 235, 225;
}

.section-media-bg .b1 { background: radial-gradient(circle at 20% 25%, rgba(var(--c1), 0.55), transparent 65%); }
.section-media-bg .b2 { background: radial-gradient(circle at 55% 35%, rgba(var(--c2), 0.5), transparent 68%); }
.section-media-bg .b3 { background: radial-gradient(circle at 85% 25%, rgba(var(--c3), 0.45), transparent 70%); }
.section-media-bg .b4 { background: radial-gradient(circle at 85% 85%, rgba(var(--c4), 0.45), transparent 70%); }
.section-media-bg .b5 { background: radial-gradient(circle at 25% 90%, rgba(var(--c5), 0.35), transparent 72%); }

.section-media-bg .haze {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 20%, rgba(255, 255, 255, 0.14), transparent 55%);
	filter: blur(30px);
	opacity: 0.7;
	pointer-events: none;
}

.section-media-bg .vignette {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 50%, transparent 40%, rgba(0, 0, 0, 0.35) 100%);
	pointer-events: none;
}

.section-media .media-layout {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: clamp(1.5rem, 3vw, 4rem);
}

.section-media-alt .media-layout {
	flex-direction: row-reverse;
}

.section-media .media-col {
	flex: 1;
	min-width: 0;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-media .media-col--left {
	justify-content: flex-start;
	align-items: stretch;
	/* padding-left: clamp(1rem, 3vw, 2.5rem); */
}

.section-media .media-col--right {
	justify-content: center;
	/* padding-right: clamp(1rem, 3vw, 2.5rem); */
}

.section-media-alt .media-col--left {
	justify-content: flex-end;
}

.section-media-alt .media-col--right {
	justify-content: flex-start;
}


.section-media .media-browser {
	position: relative;
	transform: translateX(0);
	width: min(100%, 1040px);
	height: auto;
	max-height: 100%;
	background: #ffffff;
	border-radius: 22px;
	padding: 1rem 1rem 1.25rem;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
	border: 1px solid #e2e8f0;
	z-index: 1;
	will-change: transform;
	display: flex;
	flex-direction: column;
	/* aspect-ratio: 1 / 1; */
}

.workflow-journey {
	position: relative;
	overflow: hidden;
	background: #2d3748;
	justify-content: flex-start;
	padding-top: clamp(3rem, 6vh, 5rem);
}

.workflow-journey-inner {
	position: relative;
	/* max-width: min(1200px, 100%); */
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(200px, 0.6fr) minmax(0, 1.4fr);
	gap: clamp(1.5rem, 6vw, 4rem);
	align-items: start;
}

.journey-header {
	align-self: center;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1rem;
}

.journey-header h2 {
	font-size: clamp(2rem, 1.6rem + 1.2vw, 2.6rem);
	line-height: 1.2;
	margin: 0 0 0.6rem;
	color: var(--core-dark-grey);
}

.journey-header p {
	font-size: clamp(0.9rem, 0.85rem + 0.3vw, 1rem);
	line-height: 1.6;
	color: rgba(31, 35, 48, 0.78);
}

.workflow-journey-track {
	position: relative;
	padding-left: 4rem;
	/* padding-left: clamp(3rem, 8vw, 4rem); */
}

.workflow-journey-track::before {
	content: "";
	position: absolute;
	left: calc(2rem - 1px);
	/* left: clamp(1.5rem, 4vw, 2rem); */
	top: clamp(0.5rem, 2vw, 1rem);
	bottom: clamp(0.5rem, 2vw, 1rem);
	width: 2px;
	background: linear-gradient(180deg, rgba(148, 163, 184, 0.2), rgba(148, 163, 184, 0.2));
	transform-origin: top;
	transform: scaleY(0);
}

.workflow-journey-track.is-animated::before {
	animation: drawLineDown 1.2s ease-out forwards;
}

@keyframes drawLineDown {
	0% {
		transform: scaleY(0);
	}
	100% {
		transform: scaleY(1);
	}
}

.workflow-journey-step {
	position: relative;
	margin-bottom: 2.5rem;
}

.workflow-journey-step:last-child {
	margin-bottom: 0;
}

.workflow-journey-marker {
	position: absolute;
	left: -2rem;
	/* left: clamp(-1.5rem, -4vw, -2rem); */
	top: 50%;
	transform: translate(-50%, -50%);
}

.workflow-journey-content {
	background: var(--core-white);
	border-radius: 18px;
	padding: clamp(1rem, 4vw, 2rem);
	border: 1px solid rgba(17, 24, 39, 0.18);
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
	backdrop-filter: blur(8px);
}

.workflow-journey-content h3 {
	/* font-size: clamp(1.1rem, 1rem + 0.5vw, 1.25rem); */
	font-size: clamp(1.1rem, 1rem + 0.6vw, 1.3rem);
	font-weight: 600;
	margin-bottom: 0.6rem;
	color: var(--core-dark-grey);
}

.workflow-journey-content p {
	/* margin: 0; */
	font-size: clamp(0.9rem, 0.85rem + 0.3vw, 1rem);
	line-height: 1.6;
	color: rgba(31, 35, 48, 0.90);
}

.section-summary-split {
	padding: 5rem var(--section-side-padding);
}

.summary-split-grid {
	max-width: min(1200px, 100%);
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	gap: clamp(1.5rem, 4vw, 3.5rem);
	align-items: center;
}

.summary-split-grid h2 {
	font-size: clamp(2.4rem, 2rem + 2vw, 4rem);
	line-height: 1.05;
	margin: 0;
	color: var(--core-dark-grey);
}

.summary-split-card {
	background: var(--core-blue);
	border-radius: 26px;
	padding: clamp(1.75rem, 3vw, 2.5rem);
	color: #fff;
	box-shadow: 0 20px 40px rgba(15, 23, 42, 0.2);
}

.summary-split-card p {
	margin: 0;
	font-size: clamp(1.1rem, 1rem + 0.4vw, 1.35rem);
	line-height: 1.5;
	font-weight: 600;
}

@media (max-width: 900px) {
	.summary-split-grid {
		grid-template-columns: 1fr;
	}
}

.section-media .media-browser-top {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.9rem;
}

.section-media .media-dot {
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: #e2e8f0;
}

.section-media .media-dot:nth-child(1) {
	background: #ff5f57;
}

.section-media .media-dot:nth-child(2) {
	background: #ffbd2e;
}

.section-media .media-dot:nth-child(3) {
	background: #28c840;
}

.media-url {
	flex: 1;
	height: 28px;
	border-radius: 999px;
	background: #edf2f7;
	border: 1px solid #e2e8f0;
}

.section-media .media-browser-body {
	border-radius: 14px;
	overflow: hidden;
	background: #edf2f7;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.section-media .media-logo {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: fill;
}

.section-media .media-quote,
.section-media .media-text {
	position: relative;
	max-width: min(560px, 90%);
	color: var(--core-dark-grey);
	font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.6rem);
	line-height: 1.35;
	letter-spacing: -0.01em;
	text-align: center;
	font-weight: 400;
	font-style: normal;
	opacity: 0;
	transform: translateY(28px) scale(0.98);
	filter: blur(4px);
	will-change: transform, opacity, filter;
	z-index: 1;
	padding: 2.6rem 2.8rem;
}

.section-media .media-quote {
	font-style: italic;
}

p.italic {
	font-style: italic;
	font-weight: 400;
	font-size: 0.85rem;
}

/* card animate-rotate animate-right is-in-view */
/* section section-overview bg-light accent-blue */

.section-overview .animate-right {
	border: 4px solid var(--accent-color);
	box-shadow: 0 14px 28px color-mix(in srgb, var(--accent-color) 25%, transparent);
}

.blob-bg {
	overflow: hidden;
	--blob-c1: 90, 98, 255;
	--blob-c2: 155, 110, 225;
	--blob-c3: 255, 200, 120;
	--blob-c4: 110, 118, 132;
	--blob-c5: 68, 74, 86;
	--blob-strength: 0.85;
	--blob-scale: 120%;
	background-color: transparent;
	background-image: none;
}

#section-overview {
	--blob-c1: 18, 20, 24;
	--blob-c2: 36, 40, 48;
	--blob-c3: 70, 74, 82;
	--blob-c4: 96, 104, 118;
	--blob-c5: 54, 60, 72;
	--blob-strength: 0.6;
}


.blob-bg .section-inner {
	position: relative;
	z-index: 1;
}

.card.stagger-card {
	padding: 2rem 1rem;
	/* min-width: 360px; */
}

.section-overview .animate-left {
	/* .card:nth-child(3) { */
	border-color: var(--accent-color);
	box-shadow: 0 14px 28px rgba(47, 125, 226, 0.18);
	/* color: var(--accent-color); */
	/* background: transparent; */
}

/* .section:not(#section-overview-secondary) .section-button {
	background: var(--accent-color);
} */

.section b {
	/* color: var(--accent-color); */
}

.section-overview .card h3 {
	font-size: clamp(1rem, 0.95rem + 0.4vw, 1.1rem);
	line-height: 1.35;
	margin: 0;
	position: relative;
	z-index: 1;
	font-weight: 500;
}

.section-overview .card {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

#section-overview-variant .card h3,
#section-overview-variant-alt .card h3 {
	font-size: clamp(1rem, 0.85rem + 0.9vw, 2rem);
	font-weight: 500;
	letter-spacing: -0.01em;
	margin: 0;
}

/* .overview-tile--white {
	border: 1px solid rgba(17, 24, 39, 0.18);
} */

.media-browser {
	border: 1px solid rgba(17, 24, 39, 0.18);
}

#section-overview-variant .card,
#section-overview-variant-alt .card {
	/* padding: 2.2rem; */
	padding: 1.5rem;
	text-align: left;
	background: var(--core-white);
	border-radius: 18px;
	/* border: 1px solid rgba(17, 24, 39, 0.08); */
	border: 1px solid rgba(17, 24, 39, 0.18);
	/* box-shadow: 0 24px 40px rgba(15, 23, 42, 0.12); */
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
	gap: 1.5rem;
	/* min-width: 360px; */
	display: grid;
}

#section-overview-variant .cards-container,
#section-overview-variant-alt .cards-container {
	gap: 2rem;
}

@media (min-width: 1141px) {
	#section-overview-variant .cards-container,
	#section-overview-variant-alt .cards-container {
		grid-template-rows: auto 1fr;
	}

	#section-overview-variant .card,
	#section-overview-variant-alt .card {
		grid-row: 1 / -1;
		grid-template-rows: subgrid;
	}

	#section-overview-variant .overview-variant-text,
	#section-overview-variant-alt .overview-variant-text {
		align-self: start;
	}
}

@media (max-width: 1140px) {
	#section-overview-variant .cards-container,
	#section-overview-variant-alt .cards-container {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

@media (max-width: 1140px) {
	.workflow-section {
		padding: 3.5rem 1.5rem;
	}

	.workflow-journey-inner {
		grid-template-columns: 1fr;
		padding: 2rem;
	}

	.workflow-journey-content p {
		font-size: 0.85rem;
	}
	.journey-header p {
		font-size: 0.85rem;
	}
}

#section-overview-variant .overview-variant-header,
#section-overview-variant-alt .overview-variant-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
}

#section-overview-variant .overview-variant-text,
#section-overview-variant-alt .overview-variant-text {
	display: flex;
	flex-direction: column;
}
#section-overview-variant .overview-variant-icon,
#section-overview-variant-alt .overview-variant-icon {
	width: 78px;
	height: 78px;
	border-radius: 16px;
	display: grid;
	place-items: center;
	flex-shrink: 0;
	margin-left: auto;
}

#section-overview-variant .overview-variant-icon svg,
#section-overview-variant-alt .overview-variant-icon svg {
	/* width: 70%; */
	width: 120%;
	/* height: 70%; */
	display: block;
}

#section-overview-variant .overview-variant-text p,
#section-overview-variant-alt .overview-variant-text p {
	margin: 0 0 0.65rem;
	font-size: clamp(0.9rem, 0.87rem + 0.35vw, 1.2rem);
	line-height: 1.5;
	color: rgba(31, 35, 48, 0.78);
}

#section-overview-variant .overview-variant-text p:last-child,
#section-overview-variant-alt .overview-variant-text p:last-child {
	margin-bottom: 0;
}

@media (min-width: 1141px) {
	#section-overview-variant .overview-variant-text p,
	#section-overview-variant-alt .overview-variant-text p {
		font-size: clamp(0.8rem, 0.77rem + 0.25vw, 1rem);
	}
}

@media (max-width: 1140px) {
	#section-overview-variant .card h3,
	#section-overview-variant-alt .card h3 {
		font-size: clamp(1.1rem, 0.95rem + 1vw, 2.3rem) !important;
	}
}

.section-overview.section-dark .card h3 {
	font-size: clamp(0.95rem, 0.9rem + 0.35vw, 1.2rem);
	line-height: 1.45;
}

.cards-detail .card {
	color: var(--color-ink);
	background: transparent;
	border: none;
	box-shadow: none;
	flex-direction: column;
	align-items: center;
}

.cards-detail {
	margin-top: 0px;
}

.overview-icon {
	width: 44px;
	height: 44px;
	margin-bottom: 1.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--accent-color, var(--color-accent-blue-dark));
}



.overview-icon--badge {
	/* border: 1.5px solid currentColor; */
	border-radius: 999px;
	font-size: 1.1rem;
	font-weight: 600;
	color: #fff;
}

.overview-icon svg {
	width: 100%;
	height: 100%;
}

.accent-blue {
	--accent-color: var(--core-blue);
}
.accent-motion {
	--accent-color: var(--core-blue);
}
.accent-teal {
	--accent-color: var(--core-teal);
}

.accent-purple {
	--accent-color: var(--core-purple);
}

.cards-detail .card h3 {
	margin-bottom: 0.75rem;
}

/* .cards-detail .card p { */
.card p {
	font-size: clamp(0.85rem, 0.82rem + 0.25vw, 0.94rem);
	line-height: 1.6;
	color: rgba(31, 35, 48, 0.90);
	/* color: rgba(31, 35, 48, 0.75); */
	/* margin: 0 0 0.75rem 0; */
}

.section-icon-overview .card p {
	text-align: center;
}

.cards-detail .card .card-detail {
	font-size: 0.92rem;
	color: rgba(31, 35, 48, 0.6);
	margin-bottom: 0;
}

.section-actions--right {
	display: flex;
	justify-content: flex-end;
	margin-top: 2.5rem;
}

.section-actions--center {
	display: flex;
	justify-content: center;
	margin-top: 2.5rem;
}

.overview-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.55rem 0.6rem 0.55rem 1.4rem;
	border-radius: 999px;
	background: var(--color-accent-blue-dark);
	color: var(--core-white);
	text-decoration: none;
	font-weight: 600;
}

.overview-cta .cta-icon-circle {
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: var(--core-white);
	color: var(--color-overview-cta-icon);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.2rem;
}

.section-actions {
	text-align: center;
}

.section-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: clamp(0.6rem, 0.55rem + 0.25vw, 0.7rem) clamp(1.6rem, 1.4rem + 0.8vw, 2rem);
	border-radius: 999px;
	background: var(--core-blue);
	color: var(--core-white);
	text-decoration: none;
	font-weight: 600;
	margin-top: 1rem;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.section-button:hover {
	/* background: var(--color-button-dark); */
	transform: translateY(-2px);
	box-shadow: 0 8px 20px var(--shadow-cta);

}

/* .accent-blue .section-button:hover,
.accent-teal .section-button:hover,
.accent-orange .section-button:hover,
.accent-purple .section-button:hover {
	background: var(--accent-color, var(--color-button-dark));
} */

.section-overview.section-dark .section-header p {
	margin-top: 0px;
}

.is-sticky * {
	text-align: left;
}

.header-section.header-section-dark .section-header {
	max-width: 1400px;
}

.river-section {
	padding: 6rem 4%;
	background: #f5f3f8;
	color: var(--color-ink);
}

.river-inner {
	/* max-width: min(1100px, 100%); */
	margin: 0 auto;
}

.river-header {
	text-align: center;
	margin-bottom: 3.5rem;
}

.river-kicker {
	color: var(--color-accent-blue-dark);
	margin-bottom: 1rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.85rem;
}

.river-header h2 {
	font-size: clamp(2.2rem, 2rem + 1.4vw, 2.9rem);
	margin-bottom: 1rem;
}

.river-lede {
	color: rgba(31, 35, 48, 0.75);
	font-size: 1.1rem;
	max-width: min(820px, 100%);
	margin: 0 auto;
}

.river-carousel {
	margin-top: 2rem;
}

.river-viewport {
	width: 100%;
	overflow: hidden;
	touch-action: pan-y;
	cursor: grab;
}

.river-list {
	display: flex;
	--river-gap: clamp(1rem, 2vw, 1.5rem);
	gap: var(--river-gap);
	padding: 0;
	margin: 0;
	transform: translateX(0);
	transition: transform 0.45s ease;
	will-change: transform;
}

.river-item {
	flex: 0 0 calc(100% - var(--river-gap));
	max-width: calc(100% - var(--river-gap));
	display: flex;
	gap: 1.5rem;
	padding: 1.75rem;
	border-radius: 18px;
	background: var(--color-card-blue);
	border: 1px solid rgba(31, 35, 48, 0.12);
	box-shadow: 0 18px 40px rgba(20, 24, 38, 0.08);
}

.river-dots {
	display: flex;
	justify-content: center;
	gap: 0.4rem;
	margin-top: 1.75rem;
}

.river-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	background: rgba(31, 35, 48, 0.2);
	padding: 0;
	cursor: pointer;
	transition: transform 0.2s ease, background 0.2s ease;
}

.river-dot.active {
	background: var(--color-accent-blue-dark);
	transform: scale(1.2);
}

.river-list.dragging {
	transition: none;
}

.river-viewport.dragging {
	cursor: grabbing;
}

.river-content {
	position: relative;
	padding: 0.5rem 0;
}

.river-quote {
	font-size: 3rem;
	line-height: 1;
	color: rgba(31, 35, 48, 0.2);
	position: absolute;
	/* font-family: "Georgia", "Times New Roman", serif; */
	font-weight: 600;
}

.river-quote--open {
	top: -0.6rem;
	left: 0;
}

.river-quote--close {
	bottom: -1.4rem;
	right: 0;
}

.river-content h3 {
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}

.river-content p {
	color: rgba(31, 35, 48, 0.75);
	line-height: 1.7;
	padding: 10px;
	font-weight: 400;
	font-size: 1rem;
}


.section-kicker {
	display: inline-block;
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--core-teal);
	margin-bottom: 0.8rem;
}

.section-screens {
	padding: 6rem 4%;
	background: #f8fafc;
	color: var(--color-ink);
}

.section-screens .section-title {
	color: var(--color-ink);
}

.screens-layout {
	max-width: min(1200px, 100%);
	margin: 3rem auto 0;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	gap: 3rem;
	align-items: start;
}

.screens-browser {
	background: var(--core-white);
	border-radius: 22px;
	padding: 1rem 1rem 1.25rem;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
	border: 1px solid #e2e8f0;
	height: 350px;
}

.screens-browser-top {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.9rem;
}

.screens-browser-top .screens-dot:nth-child(1) {
	background: #ff5f57;
}

.screens-browser-top .screens-dot:nth-child(2) {
	background: #ffbd2e;
}

.screens-browser-top .screens-dot:nth-child(3) {
	background: #28c840;
}

.screens-dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: #e2e8f0;
}

.screens-url {
	flex: 1;
	height: 28px;
	border-radius: 999px;
	background: #edf2f7;
	border: 1px solid #e2e8f0;
}

.screens-image-wrapper {
	border-radius: 14px;
	overflow: hidden;
	background: #edf2f7;
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100% - 48px);
}

.screens-image-wrapper img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
	object-position: center;
}

.screens-details {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.screens-tabs-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
}

.screens-tab {
	border-radius: 999px;
	padding: 0.5rem 0.9rem;
	font-size: 0.85rem;
	border: 1px solid #cbd5e0;
	background: var(--core-white);
	color: #4a5568;
	cursor: pointer;
	transition:
		background 0.15s ease,
		color 0.15s ease,
		border-color 0.15s ease,
		transform 0.1s ease,
		box-shadow 0.1s ease;
}

.screens-tab:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.1);
	border-color: #a0aec0;
}

.screens-tab.active {
	background: var(--color-accent-blue-dark);
	color: var(--core-white);
	border-color: var(--color-accent-blue-dark);
}

.screens-text h3 {
	font-size: 1.5rem;
	margin-bottom: 0.75rem;
	color: var(--color-ink);
}

.screens-text p {
	font-size: 0.98rem;
	color: #4a5568;
	margin-bottom: 0.7rem;
	line-height: 1.7;
}

.screens-text a {
	display: inline-block;
	margin-top: 0.3rem;
	font-size: 0.9rem;
	color: var(--color-accent-blue-dark);
	text-decoration: underline;
}

.screens-layout,
.screens-text,
.screens-image-wrapper {
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.screens-layout.screens-switching .screens-text,
.screens-layout.screens-switching .screens-image-wrapper {
	opacity: 0;
	transform: translateY(6px);
}

.section-overview .section-button {
	margin-top: 2rem;
}

/* .section-callout {
	border-top: 2px solid var(--color-dark-bg);
} */

.section-icon-overview .stagger-reveal {
	margin-top: 2rem;
}

#section-overview .section-header {
	color: var(--core-dark-grey);
}



/* #section-overview {
	margin-bottom: 300svh;
} */


/* #section-image {
	margin-bottom: 150svh;
} */






/* section slide-section section-icon-overview accent-blue bg-light */


.hero-scroll-cue {
	display: none;
}

.section-icon-overview .card h3 {
	color: var(--core-dark-grey);
}

#section-overview-secondary-2 {
	/* padding: clamp(1.5rem, 3vw, 3rem); */
	padding-top: 2rem;
	padding-bottom: 2rem;
	--anim-start: 60svh;
	--anim-duration: 0.7s;
}

#section-overview-secondary-2 .section-inner {
	/* height: 100%; */
	display: flex;
	align-items: stretch;
	justify-content: center;
}

#section-overview-secondary-2 .overview-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 0;
	height: 100%;
	width: auto;
	max-width: 1200px;
	/* max-width: 100%; */
	max-height: 100%;
	aspect-ratio: 3 / 2;
	flex: 0 0 auto;
	/* max-width: none; */
	padding: 0;
	gap: 2rem;
}

.overview-grid-row {
	display: contents;
}

.overview-tile--icon {
	aspect-ratio: 1 / 1;
}

#section-overview-secondary-2 .overview-tile {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1rem;;
	/* padding: clamp(2rem, 4vw, 3.5rem); */
	/* background: #f7f8fb; */
	border: 0;
	border-radius: 40px;
}

#section-overview-secondary-2 .overview-tile--text {
	justify-content: flex-start;
	align-items: flex-start;
}

#section-overview-secondary-2 .overview-tile--text h3 {
	font-size: clamp(1rem, 0.82rem + 0.9vw, 1.6rem);
	font-weight: 700;
	color: #111827;
	margin: 0 0 1rem 0;
}

#section-overview-secondary-2 .overview-tile--text p {
	color: #1f2937;
	font-size: clamp(0.9rem, 0.82rem + 0.5vw, 1.1rem);
	line-height: 1.5;
	margin: 0;
	max-width: 26rem;
}

#section-overview-secondary-2 .overview-tile--cta {
	align-items: flex-start;
	gap: 0;
	justify-content: flex-start;
	text-align: left;
}

#section-overview-secondary-2 .overview-tile--cta h3 {
	margin-bottom: 1rem;
}

#section-overview-secondary-2 .overview-tile--cta .section-button {
	margin-top: auto;
	align-self: flex-end;
}


#section-overview-secondary-2 .overview-tile--blue {
	background: #cfe1f7;
}

#section-overview-secondary-2 .overview-tile--teal {
	background: #d7f3ef;
}

#section-overview-secondary-2 .overview-tile--white {
	background: var(--core-white);
}

#section-overview-secondary-2 .overview-tile--icon {
	align-items: center;
	justify-content: center;
}

#section-overview-secondary-2 .overview-icon-block {
	display: grid;
	gap: 0.5rem;
	grid-auto-flow: column;
	align-items: center;
}

#section-overview-secondary-2 .overview-tile--white .overview-icon-block {
	grid-auto-flow: row;
}

#section-overview-secondary-2 .icon-pill {
	background: var(--core-blue);
	border-radius: 999px;
}

#section-overview-secondary-2 .icon-pill--tall {
	width: clamp(2.5rem, 6vw, 3.5rem);
	height: clamp(8rem, 16vw, 11rem);
}

#section-overview-secondary-2 .icon-pill--wide {
	width: clamp(6rem, 12vw, 8.5rem);
	height: clamp(4rem, 8vw, 5.5rem);
	margin-left: -1rem;
}

#section-overview-secondary-2 .icon-pill--dot {
	width: clamp(3rem, 6vw, 4rem);
	height: clamp(4rem, 8vw, 5.5rem);
	margin-left: -0.5rem;
}

#section-overview-secondary-2 .icon-pie {
	width: clamp(6rem, 12vw, 8rem);
	height: clamp(6rem, 12vw, 8rem);
	border-radius: 50%;
	background:
		conic-gradient(var(--core-teal) 0deg 310deg, transparent 310deg 360deg);
	border: 3px solid var(--core-teal);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

#section-overview-secondary-2 .icon-node {
	width: clamp(2rem, 4vw, 2.8rem);
	height: clamp(2rem, 4vw, 2.8rem);
	border-radius: 50%;
	background: #1f2937;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

#section-overview-secondary-2 .overview-icon-block .icon-node + .icon-node {
	margin-top: 0.6rem;
}

/* .section-callout {
	background-color: var(--core-teal) !important;
} */

#section-overview-variant .cards-container {
	margin-top: 2rem;
}
 .section-overview .card {
	gap: 1rem;
 }

#section-overview .card h3 {
	/* margin-left: 1rem; */
}


#section-cta {
	/* --anim-scroll: 250svh; */
	/* --anim-offset: 20svh; */
	--cta-start-width: 520px;
	--cta-max-width: min(100%, var(--callout-max-width, 1200px));
}

#section-cta .cta-panel.is-animated {
	width: var(--cta-max-width, min(100%, var(--callout-max-width, 1200px)));
}

#section-overview-secondary-2 .overview-icon-block {
	width: 85%;
	height: 85%;
	display: block;
}

@media (max-width: 1140px) {
	.section,
	.section-inner {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.section .card {
		min-width: 0;
		max-width: 100%;
	}

	.card.stagger-card,
	#section-overview-variant .card {
		min-width: 0;
		width: 100%;
	}

	.scroll-section,
	.section,
	.section-inner,
	.main-content,
	.page-scale {
		max-width: 100vw;
	}

}

@media (max-width: 1240px) {
	#section-overview-secondary-2 .overview-grid {
		--overview-row-gap: 2rem;
		display: flex;
		flex-direction: column;
		gap: var(--overview-row-gap);
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
	}

	/* #section-overview-secondary-2 .overview-grid-row:nth-child(1) .overview-tile--text,
	#section-overview-secondary-2 .overview-grid-row:nth-child(3) .overview-tile--text {
		align-items: flex-end;
		text-align: right;
	} */

	#section-overview-secondary-2 .overview-grid-row {
		display: flex;
		align-items: stretch;
		gap: 1rem;
		height: calc((100% - (2 * var(--overview-row-gap))) / 3);
	}

	#section-overview-secondary-2 .overview-grid-row:nth-child(even) {
		flex-direction: row;
	}

	#section-overview-secondary-2 .overview-grid-row .overview-tile--icon {
		flex: 0 0 auto;
		height: 100%;
		width: auto;
		aspect-ratio: 1 / 1;
		aspect-ratio: 1 / 1;
	}

	#section-overview-secondary-2 .overview-grid-row .overview-tile--text {
		flex: 1 1 auto;
		justify-content: center;
		min-width: 0;
	}

	#section-overview-secondary-2 .overview-tile {
		padding: 0.9rem 1rem;
		border-radius: 24px;
	}

	#section-overview-secondary-2 .overview-tile--icon {
		padding: 0;
		aspect-ratio: 1 / 1;
		justify-content: center;
		align-items: center;
	}

	#section-overview-secondary-2 .overview-icon-block {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		gap: 8%;
	}

	#section-overview-secondary-2 .overview-icon-block .overview-icon-svg {
		/* width: 85%;
		height: 85%; */
		display: block;
	}

	#section-overview-secondary-2 .overview-icon-block {
		width: 100%;
		height: 100%;
		display: block;
	}




	#section-overview-secondary-2 .overview-icon-block .anim-overview-icon-loop circle {
		transform-origin: center;
		transform-box: fill-box;
		animation: overview-dot-drift 3.2s ease-in-out infinite;
	}

	#section-overview-secondary-2 .overview-icon-block .anim-overview-icon-loop circle:nth-child(2) {
		animation-delay: 0.3s;
	}

	#section-overview-secondary-2 .overview-icon-block .anim-overview-icon-loop circle:nth-child(3) {
		animation-delay: 0.6s;
	}

	@keyframes overview-dot-drift {
		0% {
			transform: translate(0, 0) scale(0.98);
			opacity: 0.5;
		}
		40% {
			transform: translate(3px, -2px) scale(1);
			opacity: 0.85;
		}
		70% {
			transform: translate(-2px, 3px) scale(0.96);
			opacity: 0.7;
		}
		100% {
			transform: translate(0, 0) scale(0.98);
			opacity: 0.5;
		}
	}



	#section-overview-secondary-2 .overview-tile--text p {
		max-width: none;
	}


	#section-overview-secondary-2 .overview-tile--blue .overview-icon-block,
	#section-overview-secondary-2 .overview-tile--teal .overview-icon-block {
		width: 60%;
		height: 60%;
	}

	#section-overview-secondary-2 .overview-tile--white .overview-icon-block {
		width: 60%;
		height: 60%;
		gap: 6%;
	}

	#section-overview-secondary-2 .overview-tile--blue .icon-pill--tall {
		width: 45%;
		height: 75%;
	}

	#section-overview-secondary-2 .overview-tile--blue .icon-pill--wide {
		width: 70%;
		height: 38%;
		margin-left: 0;
	}

	#section-overview-secondary-2 .overview-tile--blue .icon-pill--dot {
		width: 45%;
		height: 38%;
		margin-left: 0;
	}

	#section-overview-secondary-2 .overview-tile--teal .icon-pie {
		width: 80%;
		height: 80%;
	}
}

@media (max-width: 1140px) {

	#section-overview-variant.is-collapsible .card {
		cursor: pointer;
	}

	#section-overview-variant.is-collapsible .card {
		gap: 0;
	}

	#section-overview-variant.is-collapsible .overview-variant-header {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		align-items: center;
		gap: 0.9rem;
	}

	#section-overview-variant.is-collapsible .overview-variant-icon {
		order: 1;
		margin-left: 0;
	}

	#section-overview-variant.is-collapsible .overview-variant-header h3 {
		order: 2;
	}

	#section-overview-variant.is-collapsible .overview-variant-header::after {
		content: '';
		width: 12px;
		height: 12px;
		border-right: 2px solid rgba(31, 35, 48, 0.6);
		border-bottom: 2px solid rgba(31, 35, 48, 0.6);
		transform: rotate(45deg);
		transition: transform 0.2s ease;
		order: 3;
	}

	#section-overview-variant.is-collapsible .card.is-expanded .overview-variant-header::after {
		transform: rotate(225deg);
	}

	#section-overview-variant.is-collapsible .overview-variant-text {
		height: 0;
		opacity: 0;
		overflow: hidden;
		padding-top: 0;
		transition:
			height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
			opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
			padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		--overview-variant-padding-top: 0.75rem;
	}

	#section-overview-variant.is-collapsible .card.is-expanded .overview-variant-text {
		opacity: 1;
		padding-top: var(--overview-variant-padding-top);
	}

	#section-overview-variant.is-collapsible .card:not(.is-expanded) .overview-variant-text {
		margin: 0;
	}

	#section-overview-secondary-2 .overview-tile--white .icon-node {
		width: 30%;
		height: 30%;
	}

	#section-overview-secondary-2 .overview-icon-block .icon-node + .icon-node {
		margin-top: 0;
	}

	#section-cta {
		justify-content: center;
		padding: 2rem 1.5rem;
	}

	.section-callout .section-inner {
		width: 100%;
	}

	.section-callout .cta-panel {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 2.5rem 2rem;
		align-items: flex-start;
		height: auto;
		transition: none;
	}

	.cta-inner {
		grid-template-columns: 1fr;
		gap: 2rem;
		height: 100%;
		align-content: flex-start;
		justify-self: center;
		justify-items: center;
		margin: 0 auto;
		max-width: 400px;
		/* max-width: 550px; */
		width: 100%;
	}

	#section-cta .cta-panel.is-animated {
		width: 100%;
	}

	#section-cta .cta-right {
		opacity: 1;
		transform: none;
		pointer-events: auto;
		transition: none;
	}


	/* .scroll-section--cta {
		--anim-scroll: 150svh;
		--anim-offset: -10svh;
	} */


	.cta-left,
	.cta-right {
		width: 100%;
		margin-left: 0;
		text-align: center;
		align-items: center;
		gap: 0.8rem;
		position: static;
	}
}

@media (max-width: 1140px), (prefers-reduced-motion: reduce), (pointer: coarse) {
	.section-media .media-layout {
		flex-direction: column;
		height: 100%;
		gap: 0rem;
		min-height: 0;
	}

	.section-media-alt .media-layout {
		flex-direction: column;
	}

	.section-media .media-col--left {
		flex: 1;
		justify-content: center;
		min-height: 0;
	}

	.section-media .media-col--right {
		flex: 0 0 auto;
		justify-content: flex-end;
	}

	.section-media-alt .media-col--right {
		justify-content: flex-end;
	}

	.media-quote, .media-text {
		font-size: 1.5rem !important;
		max-width: 600px !important;
	}

	.section-media .media-browser {
		/* height: 100%; */
		/* width: auto; */
		/* max-height: 100%;
		max-width: 90vw; */
		
	}

	.section-media .media-logo {
		object-fit: cover;
	}
}

/* @media (max-width: 1100px) {
	.footer-grid {
		grid-template-columns: 1.6fr 1fr 1fr;
	}
} */

/* @media (max-width: 820px) {
	.parallax-footer {
		padding: 3rem 2rem;
		border-top-left-radius: 24px;
		border-top-right-radius: 24px;
	}

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

	.footer-consent {
		flex-direction: column;
		align-items: flex-start;
	}

	.cta-inner {
		grid-template-columns: 1fr;
	}

	.cta-left h2 {
		font-size: 2.4rem;
	}
} */


@media (max-width: 1140px) {
	/* .scroll-section {
		min-height: calc(100svh - var(--nav-height) + var(--anim-scroll, 0px) + var(--post-scroll, 0px));
	} */

	.slide-section {
		top: calc(var(--nav-height) + env(safe-area-inset-top));
		/* height: calc(100svh - var(--nav-height)); */
		padding-top: calc(var(--nav-height) + env(safe-area-inset-top));
	}

	.section.hero {
		/* min-height: 100svh; */
		/* height: 100svh; */
		/* padding-top: calc(var(--nav-height) + env(safe-area-inset-top)); */
	}
}

/* @media (max-width: 1140px) {
	.section {
		--section-scale: clamp(0.5, calc(100vw / 900px), 1);
	}

	@supports (zoom: 1) {
		.section {
			zoom: var(--section-scale);
			transform-origin: center center;
		}
	}

	@supports not (zoom: 1) {
		.section {
			transform: scale(var(--section-scale));
			transform-origin: center center;
		}
	}
} */

@media (max-width: 1140px) {
	.section {
		padding: 2rem;
	}

	.section-accordion .section-split,
	.section-accordion .section-split.reverse {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.section-accordion .section-image {
		display: none;
	}

	.scroll-section--accordion-dark,.scroll-section--accordion {
		/* --anim-scroll: 150svh;
		--post-scroll: 0svh; */
		/* --post-scroll: 50svh; */
	}


}

/* @media (max-width: 500px) {
	.page-scale {
		--page-scale: clamp(0.82, calc(100vw / 500px), 1);
		width: 100vw;
	}

	@supports (zoom: 1) {
		.page-scale {
			zoom: var(--page-scale);
		}
	}

	@supports not (zoom: 1) {
		.page-scale {
			transform: scale(var(--page-scale));
			transform-origin: top center;
			width: calc(100vw / var(--page-scale));
			margin-left: calc((100vw - (100vw / var(--page-scale))) / 2);
		}
	}
} */




/* SECTION 2 */
@media (max-width: 1140px) {
	.section-overview .section-header h2 {
		margin-bottom: 2rem;
	}

	.section-overview .section-header p {
		font-size: 1rem;
	}

	.cards-container.overview-stack {
		position: static;
		height: auto;
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
		align-items: center;
	}

	.cards-container.overview-stack .card {
		position: static;
		left: auto;
		top: auto;
		transform: translate(26px, 36px);
		width: min(92%, 520px);
		margin: 0 auto;
		opacity: 0;
		transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
		will-change: transform, opacity;
	}

	#section-overview .cards-container.overview-stack .card.is-animated {
		opacity: 1;
		transform: translate(0, 0);
	}

	#section-overview .cards-container.overview-stack .card:nth-child(1) {transition-delay: 0.08s;}
	#section-overview .cards-container.overview-stack .card:nth-child(2) {transition-delay: 0.2s;}
	#section-overview .cards-container.overview-stack .card:nth-child(3) {transition-delay: 0.32s;}
}





/* #section-overview {
	--anim-scroll: 250svh;
}

.scroll-section--overview {
	--anim-scroll: 100svh;
}

.scroll-section--media {
	--anim-scroll: 100svh;
}

.scroll-section--overview-secondary {
	--anim-scroll: 150svh;
}

.scroll-section--overview-variant {
	--anim-scroll: 150svh;
}

.scroll-section--accordion-dark,.scroll-section--accordion {
	--anim-scroll: 150svh;
}

.scroll-section--overview-secondary-2 {
	--anim-scroll: 180svh;
}

.scroll-section--accordion {
	--anim-scroll: 150svh;
}

.scroll-section--cta {
	--anim-scroll: 120svh;
} */



/* Animation timing assignments (svh + duration). */

#section-typing {
	min-height: 550px;
}

#section-overview .anim-overview-title {--anim-start: 75svh; --anim-duration: 0.6s;}
/* #section-overview .anim-overview-card {--anim-start: 100svh; --anim-duration: 0.4s;} */
#section-overview .anim-overview-card:nth-child(1) {--anim-start: 100svh !important; --anim-duration: 0.7s;}
#section-overview .anim-overview-card:nth-child(2) {--anim-start: 95svh !important; --anim-duration: 0.7s;}
#section-overview .anim-overview-card:nth-child(3) {--anim-start: 90svh !important; --anim-duration: 0.7s;}

#section-overview .anim-overview-subtitle {--anim-start: 80svh; --anim-duration: 0.5s;}
/* #section-overview .anim-overview-card {--anim-start: 100svh; --anim-duration: 0.4s;}
#section-overview .anim-overview-subtitle {--anim-start: 80svh; --anim-duration: 0.5s;} */


@media (max-width: 1140px) {
	#section-overview .anim-overview-title {--anim-start: 90svh; --anim-duration: 0.6s;}
	#section-overview .anim-overview-card:nth-child(1) {--anim-start: 80svh !important; --anim-duration: 0.7s;}
	#section-overview .anim-overview-card:nth-child(2) {--anim-start: 80svh !important; --anim-duration: 0.7s;}
	#section-overview .anim-overview-card:nth-child(3) {--anim-start: 80svh !important; --anim-duration: 0.7s;}
	#section-overview .anim-overview-subtitle {--anim-start: 90svh; --anim-duration: 0.7s;}
}

#section-image .anim-media-browser,
#section-image-alt .anim-media-browser {--anim-start: 65svh; --anim-duration: 0.8s;}
#section-image .anim-media-quote,
#section-image-alt .anim-media-quote {--anim-start: 50svh; --anim-duration: 0.8s;}
@media (max-width: 1140px) {
	#section-image .anim-media-quote,
	#section-image-alt .anim-media-quote {--anim-start: 80svh; --anim-duration: 0.8s;}
}

#section-overview-secondary .anim-overview-secondary-title {--anim-start: 85svh; --anim-duration: 0.6s;}
#section-overview-secondary .anim-overview-secondary-card:nth-child(1) {--anim-start: 90svh; --anim-duration: 0.7s;}
#section-overview-secondary .anim-overview-secondary-card:nth-child(2) {--anim-start: 80svh; --anim-duration: 0.7s;}
#section-overview-secondary .anim-overview-secondary-card:nth-child(3) {--anim-start: 70svh; --anim-duration: 0.7s;}
#section-overview-secondary .anim-overview-secondary-action {--anim-start: 100svh; --anim-duration: 0.6s;}
@media (max-width: 1140px) {
	#section-overview-secondary .anim-overview-secondary-card:nth-child(1) {--anim-start: 80svh; --anim-duration: 0.7s;}
	#section-overview-secondary .anim-overview-secondary-card:nth-child(2) {--anim-start: 80svh; --anim-duration: 0.7s;}
	#section-overview-secondary .anim-overview-secondary-card:nth-child(3) {--anim-start: 80svh; --anim-duration: 0.7s;}
	#section-overview-secondary .anim-overview-secondary-action {--anim-start: 90svh; --anim-duration: 0.6s;}
}

#section-accordion-dark .anim-accordion-dark-title {--anim-start: 75svh; --anim-duration: 0.6s;}
#section-accordion-dark .anim-accordion-dark-list {--anim-start: 60svh; --anim-duration: 0.8s;}
#section-accordion-dark .anim-accordion-dark-image {--anim-start: 75svh; --anim-duration: 0.8s;}

#section-accordion .anim-accordion-light-title {--anim-start: 75svh; --anim-duration: 0.6s;}
#section-accordion .anim-accordion-light-list {--anim-start: 60svh; --anim-duration: 0.8s;}
#section-accordion .anim-accordion-light-image {--anim-start: 75svh; --anim-duration: 0.8s;}

@media (max-width: 1140px) {
	#section-accordion-dark .anim-accordion-dark-title {--anim-start: 80svh; --anim-duration: 0.6s;}
	#section-accordion-dark .anim-accordion-dark-list {--anim-start: 80svh; --anim-duration: 0.8s;}
	#section-accordion-dark .anim-accordion-dark-image {--anim-start: 80svh; --anim-duration: 0.8s;}

	#section-accordion .anim-accordion-light-title {--anim-start: 80svh; --anim-duration: 0.6s;}
	#section-accordion .anim-accordion-light-list {--anim-start: 60svh; --anim-duration: 0.8s;}
	#section-accordion .anim-accordion-light-image {--anim-start: 80svh; --anim-duration: 0.8s;}
}


#section-overview-variant .anim-overview-variant-title,
#section-dashboards .anim-overview-variant-title {--anim-start: 70svh; --anim-duration: 0.6s;}
#section-overview-variant .anim-overview-variant-card:nth-child(1),
#section-overview-variant-alt .anim-overview-variant-card:nth-child(1) {--anim-start: 75svh; --anim-duration: 0.7s;}
#section-overview-variant .anim-overview-variant-card:nth-child(2),
#section-overview-variant-alt .anim-overview-variant-card:nth-child(2) {--anim-start: 65svh; --anim-duration: 0.7s;}
#section-overview-variant .anim-overview-variant-card:nth-child(3),
#section-overview-variant-alt .anim-overview-variant-card:nth-child(3) {--anim-start: 60svh; --anim-duration: 0.7s;}
#section-overview-variant .anim-overview-variant-action {--anim-start: 75svh; --anim-duration: 0.6s;}


@media (max-width: 1140px) {
	#section-overview-variant .anim-overview-variant-title,
	#section-dashboards .anim-overview-variant-title {--anim-start: 80svh; --anim-duration: 0.6s;}
	#section-overview-variant .anim-overview-variant-card:nth-child(1),
	#section-overview-variant-alt .anim-overview-variant-card:nth-child(1) {--anim-start: 80svh; --anim-duration: 0.7s;}
	#section-overview-variant .anim-overview-variant-card:nth-child(2),
	#section-overview-variant-alt .anim-overview-variant-card:nth-child(2) {--anim-start: 80svh; --anim-duration: 0.7s;}
	#section-overview-variant .anim-overview-variant-card:nth-child(3),
	#section-overview-variant-alt .anim-overview-variant-card:nth-child(3) {--anim-start: 80svh; --anim-duration: 0.7s;}
	#section-overview-variant .anim-overview-variant-action {--anim-start: 90svh; --anim-duration: 0.6s;}
}

#section-overview-secondary-2 .overview-grid-row:nth-child(1) .anim-overview-grid-tile:nth-child(1) {--anim-start: 90svh; --anim-duration: 0.7s;}
#section-overview-secondary-2 .overview-grid-row:nth-child(1) .anim-overview-grid-tile:nth-child(2) {--anim-start: 80svh; --anim-duration: 0.7s;}
#section-overview-secondary-2 .overview-grid-row:nth-child(2) .anim-overview-grid-tile:nth-child(1) {--anim-start: 70svh; --anim-duration: 0.7s;}
#section-overview-secondary-2 .overview-grid-row:nth-child(2) .anim-overview-grid-tile:nth-child(2) {--anim-start: 100svh; --anim-duration: 0.7s;}
#section-overview-secondary-2 .overview-grid-row:nth-child(3) .anim-overview-grid-tile:nth-child(1) {--anim-start: 90svh; --anim-duration: 0.7s;}
#section-overview-secondary-2 .overview-grid-row:nth-child(3) .anim-overview-grid-tile:nth-child(2) {--anim-start: 80svh; --anim-duration: 0.7s;}
#section-dashboards .anim-dashboards-cards {--anim-start: 68svh; --anim-duration: 0.7s;}
#section-dashboards .anim-overview-variant-title {--anim-start: 60svh; --anim-duration: 0.6s;}

@media (max-width: 1140px) {
	#section-overview-secondary-2 .overview-grid-row:nth-child(1) .anim-overview-grid-tile:nth-child(1) {--anim-start: 95svh; --anim-duration: 0.7s;}
	#section-overview-secondary-2 .overview-grid-row:nth-child(1) .anim-overview-grid-tile:nth-child(2) {--anim-start: 95svh; --anim-duration: 0.7s;}
	#section-overview-secondary-2 .overview-grid-row:nth-child(2) .anim-overview-grid-tile:nth-child(1) {--anim-start: 95svh; --anim-duration: 0.7s;}
	#section-overview-secondary-2 .overview-grid-row:nth-child(2) .anim-overview-grid-tile:nth-child(2) {--anim-start: 95svh; --anim-duration: 0.7s;}
	#section-overview-secondary-2 .overview-grid-row:nth-child(3) .anim-overview-grid-tile:nth-child(1) {--anim-start: 95svh; --anim-duration: 0.7s;}
	#section-overview-secondary-2 .overview-grid-row:nth-child(3) .anim-overview-grid-tile:nth-child(2) {--anim-start: 95svh; --anim-duration: 0.7s;}
}

#section-workflow-journey .anim-workflow-journey-title {--anim-start: 70svh; --anim-duration: 0.6s;}
#section-workflow-journey .anim-line-draw {--anim-start: 80svh; --anim-duration: 1.2s;}
/* #section-workflow-journey .anim-workflow-journey-step:nth-child(1) {--anim-start: 140svh; --anim-duration: 0.7s;} */
#section-workflow-journey .anim-workflow-journey-step:nth-child(2) {--anim-start: 75svh; --anim-duration: 0.7s;}
#section-workflow-journey .anim-workflow-journey-step:nth-child(3) {--anim-start: 80svh; --anim-duration: 0.7s;}

@media (max-width: 1140px) {
	#section-workflow-journey .anim-line-draw {--anim-start: 80svh; --anim-duration: 1.2s;}
	/* #section-workflow-journey .anim-workflow-journey-step:nth-child(1) {--anim-start: 130svh; --anim-duration: 0.7s;} */
	#section-workflow-journey .anim-workflow-journey-step:nth-child(2) {--anim-start: 80svh; --anim-duration: 0.7s;}
	#section-workflow-journey .anim-workflow-journey-step:nth-child(3) {--anim-start: 80svh; --anim-duration: 0.7s;}
}

/* #section-workflow-journey .anim-workflow-journey-step:nth-child(1) {--anim-start: 90svh; --anim-duration: 0.7s;}
#section-workflow-journey .anim-workflow-journey-step:nth-child(2) {--anim-start: 85svh; --anim-duration: 0.7s;}
#section-workflow-journey .anim-workflow-journey-step:nth-child(3) {--anim-start: 80svh; --anim-duration: 0.7s;} */

@media (max-width: 500px) {
	#section-overview-secondary-2 .overview-grid {
		gap: 1rem;
	}

	#section-overview-secondary-2 .overview-grid-row {
		display: grid;
		grid-template-columns: 1fr;
		row-gap: 0.75rem;
		align-items: center;
		justify-items: center;
		height: auto;
	}

	#section-overview-secondary-2 .overview-grid-row:nth-child(even) {
		display: grid;
	}

	/* #section-overview-secondary-2 .overview-grid-row .overview-tile--icon {
		width: 90px !important;
		height: 90px !important;
		justify-self: center;
	} */

	#section-overview-secondary-2 .overview-grid-row .overview-tile--text {
		width: 100%;
		text-align: center;
		align-items: center;
	}
}

#section-cta .anim-cta-panel {--anim-start: 70svh; --anim-duration: 0.8s;}

/* @media (max-width: 1140px) {
	#section-overview-variant .anim-overview-variant-title,
	#section-dashboards .anim-overview-variant-title {--anim-start: 55svh; --anim-duration: 0.6s;}
	#section-overview-variant .anim-overview-variant-card:nth-child(1),
	#section-overview-variant-alt .anim-overview-variant-card:nth-child(1) {--anim-start: 50svh; --anim-duration: 0.7s;}
	#section-overview-variant .anim-overview-variant-card:nth-child(2),
	#section-overview-variant-alt .anim-overview-variant-card:nth-child(2) {--anim-start: 40svh; --anim-duration: 0.7s;}
	#section-overview-variant .anim-overview-variant-card:nth-child(3),
	#section-overview-variant-alt .anim-overview-variant-card:nth-child(3) {--anim-start: 30svh; --anim-duration: 0.7s;}
	#section-overview-variant .anim-overview-variant-action {--anim-start: 25svh; --anim-duration: 0.6s;}
} */
/* @media (max-width: 1140px) {
	#section-cta .anim-cta-panel {--anim-start: 30svh; --anim-duration: 0.8s;}
} */









/* @media (max-width: 500px) {
  .hero-content.scale-keep-left {
    --scale: clamp(0.8, calc(100vw / 500px), 0.9);
  }
} */

/* @media (max-width: 1140px) {
  .hero-content h1 {
    --scale: calc(100vw / 1200px);
    position: relative;
    left: 50%;
    transform: translateX(-50%) scale(var(--scale));
    transform-origin: top center;
    width: calc(100vw / var(--scale));
  }
} */

/* 

.scale {
	--scale: 1;
	scale: var(--scale);
	transform-origin: left top;
	width: calc(100% / var(--scale));
}

.scale--full {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	transform-origin: top center;
	width: calc(100vw / var(--scale));
}

.section-ratio-2-4 {
	aspect-ratio: 2 / 4;
	width: 100%;
	height: auto;
}

.section-ratio-2-4 .section-inner {
	--scale: 1;
	scale: var(--scale);
	transform-origin: top center;
	width: calc(100% / var(--scale));
}


.scale--left {
	transform-origin: left center;
}

.scale--center {
	transform-origin: center;
}

.scale-inline {
  --scale: 1;
  scale: var(--scale);
  transform-origin: left top;
}

.scale-y {
  --scale-y: 0.9;
  transform: scaleY(var(--scale-y));
  transform-origin: top;
} */

@media (max-width: 700px) {
	.section-icon-overview .card-detail-mobile {
		display: block;
	}
	.section-icon-overview .card-detail-desktop {
		display: none;
	}

	#section-overview-secondary-2 .overview-grid{
		--overview-row-gap: none !important;
		gap: 1rem;

	}

	#section-overview-secondary-2 .overview-tile--text h3 {
		margin: 0 0 0.5rem 0 !important;
	}

}


@media (max-width: 700px) {
	#section-overview-secondary-2 .overview-grid-row .overview-tile--icon {
		width: 90px;
		height: 90px;
		/* width: 78px !important;
		height: 78px !important; */
		align-self: center;
	}
}


@media (max-width: 560px) {
	.nav-cta-mobile {
		display: none !important;
	}

	.nav-mobile-item.mobile {
		display: block;
	}

}

@media (max-width: 500px) {
	.section {
		padding: 1rem;
	}
	.cards-container.overview-stack .card {
		padding: 1rem !important;
		gap: 1rem !important;
	}
	#section-overview-variant .card {
		padding: 1rem !important;
	}

	/* #section-overview-secondary-2 .overview-grid-row .overview-tile--icon */

	.overview-tile--icon {
		width: 75px !important;
		height: 75px !important;
	}
	#section-overview-secondary-2 .overview-grid-row {
		flex-direction: column;
		align-items: flex-start;
		height: auto;
	}

	#section-overview-secondary-2 .overview-grid-row .overview-tile--text {
		width: 100%;
	}
	#section-overview-secondary-2 .overview-tile {
		padding: 0rem !important;
	}

	#section-overview-secondary-2 .overview-grid {
		gap: 2rem !important;
	}
	#section-overview-secondary-2 .overview-tile {
		border-radius: 12px !important;
	}

	.section-callout .cta-panel {
		padding: 2rem !important;
	}

}

@media (min-width: 1140px) {.cards-container.overview-stack .card {width: 350px;}}
@media (min-width: 1160px) {.cards-container.overview-stack .card {width: 360px;}}
@media (min-width: 1220px) {.cards-container.overview-stack .card {width: 380px;}}
@media (min-width: 1280px) {.cards-container.overview-stack .card {width: 400px;}}

@media (max-height: 600px) {
	.section {
		--anim-disabled: 1;
	}
}

@media (max-width: 700px) {
	:root {
		--post-scroll: 0svh !important;
	}
}

.dynamic-sections .scroll-section:not(.scroll-section--hero) {
	min-height: auto;
}

.dynamic-sections .slide-section:not(#section-hero) {
	height: auto;
	padding-bottom: 10rem;
	top: 0;
	position: relative;
	overflow: visible;
}

.dynamic-sections .slide-section#section-hero {
	position: relative;
	overflow: visible;
}

/* Typing Animation Section */
.section-typing {
	display: flex;
	align-items: center;
	justify-content: center;
	/* padding: 4rem 2rem; */
	/* min-height: 60vh; */
}

.section-typing .section-inner {
	width: 100%;
	max-width: 1200px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.typing-animation {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	text-align: center;
	width: 100%;
	opacity: 0;
	transform: translateY(30px);
	transition: opacity var(--anim-duration-default, 0.6s) ease-out,
	            transform var(--anim-duration-default, 0.6s) ease-out;
}

.typing-animation.is-animated {
	opacity: 1;
	transform: translateY(0);
}

#section-typing .typing-animation {
	--anim-start: 70svh;
	--anim-duration: 0.6s;
}

.typing-line-1 {
	font-size: clamp(32px, 5vw, 56px);
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 10px;
}

.typing-strike {
	display: inline-block;
	position: relative;
}

.typing-strike::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0%;
	height: 0.15em;
	background: var(--core-teal);
	z-index: 1;
}

.typing-animation.is-animated .typing-strike::after {
	animation: strikeThrough 0.4s ease-out 0.4s forwards;
}

@keyframes strikeThrough {
	0% { width: 0%; }
	100% { width: 100%; }
}

.typing-line-2 {
	font-size: clamp(32px, 5vw, 56px);
	font-weight: 700;
	display: inline-grid;
}

.typing-spacer {
	grid-area: 1 / 1;
	visibility: hidden;
}

.typing-overlay {
	grid-area: 1 / 1;
}

.typing-text {
	background: linear-gradient(135deg, var(--core-blue) 0%, var(--core-purple) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	display: inline;
}

.typing-text span {
	background: var(--core-blue);
	/* background: linear-gradient(135deg, var(--core-blue) 0%, var(--core-purple) 100%); */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.typing-cursor {
	display: inline-block;
	width: clamp(3px, 0.4vw, 4px);
	height: clamp(40px, 5vw, 60px);
	background: var(--core-blue);
	vertical-align: middle;
	opacity: 0;
}

@keyframes smoothBlink {
	0%, 49% { opacity: 1; }
	50%, 100% { opacity: 0; }
}

.typing-benefits {
	padding-top: 20px;
	/* margin-top: 20px; */
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.typing-benefits.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.typing-benefits p {
	font-size: clamp(18px, 3vw, 24px);
	line-height: 1.7;
	color: #555;
}

@media (max-width: 768px) {
	.section-typing {
		padding: 3rem 1.5rem;
		min-height: 50vh;
	}

	.typing-line-1,
	.typing-line-2 {
		font-size: clamp(24px, 6vw, 40px);
	}

	.typing-benefits p {
		/* font-size: clamp(16px, 4vw, 20px); */
	}

	.typing-cursor {
		height: clamp(30px, 6vw, 45px);
	}
}


.policy-content {
	max-width: 900px;
	margin: 0 auto;
	padding: 4rem 2rem;
	background: var(--core-white);
	border-radius: 24px;
	border: 1px solid rgba(17, 24, 39, 0.18);
}

.policy-content h1 {
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	margin-bottom: 1rem;
	color: var(--core-dark-grey);
	line-height: 1.2;
}

.last-updated {
	color: #64748b;
	font-style: italic;
	margin-bottom: 3rem;
	display: block;
	font-size: 1rem;
}

.policy-content h2 {
	font-size: clamp(1.6rem, 3vw, 2rem);
	margin-top: 3rem;
	margin-bottom: 1rem;
	color: var(--core-dark-grey);
	font-weight: 700;
}

.policy-content h3 {
	font-size: clamp(1.3rem, 2.5vw, 1.6rem);
	margin-top: 2rem;
	margin-bottom: 0.75rem;
	color: var(--core-dark-grey);
	font-weight: 600;
}

.policy-content p {
	margin-bottom: 1.25rem;
	line-height: 1.7;
	color: rgba(31, 35, 48, 0.85);
	font-size: 1rem;
}

.policy-content ul, .policy-content ol {
	margin-left: 2rem;
	margin-bottom: 1.25rem;
}

.policy-content li {
	margin-bottom: 0.75rem;
	line-height: 1.7;
	color: rgba(31, 35, 48, 0.85);
}

.policy-content a {
	color: var(--core-teal);
	text-decoration: none;
	transition: color 0.2s ease;
}

.policy-content a:hover {
	color: var(--core-dark-grey);
	text-decoration: underline;
}

.policy-content strong {
	font-weight: 600;
	color: var(--core-dark-grey);
}

.policy-section {
	min-height: auto;
	padding: 1cqw !important;
}

@media (max-width: 768px) {
	.policy-content {
		padding: 3rem 1.5rem;
	}

	/* .policy-section {
		padding: 1rem 1rem;
	} */
}




/* #section-overview {
	min-height: 700px;
	align-content: center;
}

#section-typing {
	min-height: 700px;
} */